.root-component iframe.child-application {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: inherit;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    visibility: hidden;
    opacity: 0
}

.root-component[dir=ltr] iframe.child-application,[dir=ltr] .root-component iframe.child-application {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.root-component[dir=rtl] iframe.child-application,[dir=rtl] .root-component iframe.child-application {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

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

.flex-page-viewport[dir=ltr],[dir=ltr] .flex-page-viewport {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flex-page-viewport[dir=rtl],[dir=rtl] .flex-page-viewport {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.flex-page-viewport .flex-page-content {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    min-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;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.flex-page-viewport[dir=ltr] .flex-page-content,[dir=ltr] .flex-page-viewport .flex-page-content {
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.flex-page-viewport[dir=rtl] .flex-page-content,[dir=rtl] .flex-page-viewport .flex-page-content {
    right: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.flex-page-viewport main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-page-viewport .centering {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-page-viewport .centering>* {
    margin: auto
}

@-webkit-keyframes load-child-application-fade-in {
    to {
        opacity: 1
    }
}

@keyframes load-child-application-fade-in {
    to {
        opacity: 1
    }
}

.load-child-application-route {
    background-color: #fbfbfd
}

.load-child-application-route .delayed-fade-in {
    opacity: 0
}

.load-child-application-route main.load-child-application-main-fade-in .delayed-fade-in {
    -webkit-animation: load-child-application-fade-in .25s ease-in-out;
    animation: load-child-application-fade-in .25s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.load-child-application-route .app-icon {
    -webkit-margin-before: 120px;
    margin-block-start:120px;inline-size: 80px;
    block-size: 80px
}

.load-child-application-route[dir=ltr] .app-icon,.load-child-application-route[dir=rtl] .app-icon,[dir=ltr] .load-child-application-route .app-icon,[dir=rtl] .load-child-application-route .app-icon {
    margin-top: 120px;
    width: 80px;
    height: 80px
}

.load-child-application-route .title {
    -webkit-margin-before: 10px;
    margin-block-start:10px;font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 86px;
    font-weight: 600;
    letter-spacing: -1.18px;
    line-height: 126px;
    max-inline-size: 660px;
    color: #1d1d1f;
    text-align: center
}

.load-child-application-route[dir=ltr] .title,.load-child-application-route[dir=rtl] .title,[dir=ltr] .load-child-application-route .title,[dir=rtl] .load-child-application-route .title {
    margin-top: 10px;
    max-width: 660px
}

[apple-system-font-capable] .load-child-application-route .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .load-child-application-route .title {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 64px;
        font-weight: 600;
        letter-spacing: -.58px;
        line-height: 64px;
        max-inline-size: 315px
    }

    .load-child-application-route[dir=ltr] .title,.load-child-application-route[dir=rtl] .title,[dir=ltr] .load-child-application-route .title,[dir=rtl] .load-child-application-route .title {
        max-width: 315px
    }

    [apple-system-font-capable] .load-child-application-route .title {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.load-child-application-route .load-child-application-dots {
    -webkit-margin-before: 60px;
    margin-block-start:60px;opacity: 0;
    -webkit-animation: load-child-application-fade-in .25s ease-in-out;
    animation: load-child-application-fade-in .25s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.load-child-application-route[dir=ltr] .load-child-application-dots,.load-child-application-route[dir=rtl] .load-child-application-dots,[dir=ltr] .load-child-application-route .load-child-application-dots,[dir=rtl] .load-child-application-route .load-child-application-dots {
    margin-top: 60px
}

.load-child-application-route ui-button.primary.try-again {
    -webkit-margin-before: 24px;
    margin-block-start:24px;font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.load-child-application-route[dir=ltr] ui-button.primary.try-again,.load-child-application-route[dir=rtl] ui-button.primary.try-again,[dir=ltr] .load-child-application-route ui-button.primary.try-again,[dir=rtl] .load-child-application-route ui-button.primary.try-again {
    margin-top: 24px
}

[apple-system-font-capable] .load-child-application-route ui-button.primary.try-again {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-route .system-status {
    -webkit-margin-before: 68px;
    margin-block-start:68px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.load-child-application-route[dir=ltr] .system-status,.load-child-application-route[dir=rtl] .system-status,[dir=ltr] .load-child-application-route .system-status,[dir=rtl] .load-child-application-route .system-status {
    margin-top: 68px
}

[apple-system-font-capable] .load-child-application-route .system-status {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-route .problem {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    -webkit-margin-before: 40px;
    margin-block-start:40px;color: rgba(0,0,0,.56)
}

.load-child-application-route[dir=ltr] .problem,.load-child-application-route[dir=rtl] .problem,[dir=ltr] .load-child-application-route .problem,[dir=rtl] .load-child-application-route .problem {
    margin-top: 40px
}

[apple-system-font-capable] .load-child-application-route .problem {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .load-child-application-route .problem {
        -webkit-margin-before:30px;
        margin-block-start:30px;inline-size: 300px
    }

    .load-child-application-route[dir=ltr] .problem,.load-child-application-route[dir=rtl] .problem,[dir=ltr] .load-child-application-route .problem,[dir=rtl] .load-child-application-route .problem {
        margin-top: 30px;
        width: 300px
    }
}

.loading-dots {
    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
}

.loading-dots>div {
    block-size: 8px;
    inline-size: 8px;
    border-radius: 4px;
    margin-inline:5px;background-color: hsla(0,0%,67.8%,.88);
    -webkit-animation-name: loading-dots-dot;
    animation-name: loading-dots-dot;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loading-dots[dir=ltr]>div,.loading-dots[dir=rtl]>div,[dir=ltr] .loading-dots>div,[dir=rtl] .loading-dots>div {
    height: 8px;
    width: 8px;
    margin-left: 5px;
    margin-right: 5px
}

.loading-dots>:first-child {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.loading-dots>:nth-child(2) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.loading-dots>:nth-child(3) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

@-webkit-keyframes loading-dots-dot {
    0% {
        background-color: hsla(0,0%,67.8%,.88)
    }

    20% {
        background-color: rgba(77,77,77,.88)
    }

    40% {
        background-color: hsla(0,0%,67.8%,.88)
    }
}

@keyframes loading-dots-dot {
    0% {
        background-color: hsla(0,0%,67.8%,.88)
    }

    20% {
        background-color: rgba(77,77,77,.88)
    }

    40% {
        background-color: hsla(0,0%,67.8%,.88)
    }
}

.load-child-application-adp-blocked-route {
    background-color: #fbfbfd
}

.load-child-application-adp-blocked-route main {
    padding-inline:24px;-webkit-padding-after: 80px;
    padding-block-end:80px}

.load-child-application-adp-blocked-route[dir=ltr] main,.load-child-application-adp-blocked-route[dir=rtl] main,[dir=ltr] .load-child-application-adp-blocked-route main,[dir=rtl] .load-child-application-adp-blocked-route main {
    padding-bottom: 80px;
    padding-left: 24px;
    padding-right: 24px
}

.load-child-application-adp-blocked-route .app-icon {
    -webkit-margin-before: 120px;
    margin-block-start:120px;inline-size: 80px;
    block-size: 80px
}

.load-child-application-adp-blocked-route[dir=ltr] .app-icon,.load-child-application-adp-blocked-route[dir=rtl] .app-icon,[dir=ltr] .load-child-application-adp-blocked-route .app-icon,[dir=rtl] .load-child-application-adp-blocked-route .app-icon {
    margin-top: 120px;
    width: 80px;
    height: 80px
}

.load-child-application-adp-blocked-route .title {
    -webkit-margin-before: 10px;
    margin-block-start:10px;font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 86px;
    font-weight: 600;
    letter-spacing: -1.18px;
    line-height: 126px;
    max-inline-size: 660px;
    color: #1d1d1f;
    text-align: center
}

.load-child-application-adp-blocked-route[dir=ltr] .title,.load-child-application-adp-blocked-route[dir=rtl] .title,[dir=ltr] .load-child-application-adp-blocked-route .title,[dir=rtl] .load-child-application-adp-blocked-route .title {
    margin-top: 10px;
    max-width: 660px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .load-child-application-adp-blocked-route .title {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 64px;
        font-weight: 600;
        letter-spacing: -.58px;
        line-height: 64px;
        max-inline-size: 315px
    }

    .load-child-application-adp-blocked-route[dir=ltr] .title,.load-child-application-adp-blocked-route[dir=rtl] .title,[dir=ltr] .load-child-application-adp-blocked-route .title,[dir=rtl] .load-child-application-adp-blocked-route .title {
        max-width: 315px
    }

    [apple-system-font-capable] .load-child-application-adp-blocked-route .title {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.load-child-application-adp-blocked-route .rectangle-icon {
    -webkit-margin-before: 40px;
    margin-block-start:40px;fill: rgba(0,0,0,.56)
}

.load-child-application-adp-blocked-route[dir=ltr] .rectangle-icon,.load-child-application-adp-blocked-route[dir=rtl] .rectangle-icon,[dir=ltr] .load-child-application-adp-blocked-route .rectangle-icon,[dir=rtl] .load-child-application-adp-blocked-route .rectangle-icon {
    margin-top: 40px
}

.load-child-application-adp-blocked-route h2 {
    text-align: center;
    -webkit-margin-before: 20px;
    margin-block-start:20px;outline: none;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

.load-child-application-adp-blocked-route[dir=ltr] h2,.load-child-application-adp-blocked-route[dir=rtl] h2,[dir=ltr] .load-child-application-adp-blocked-route h2,[dir=rtl] .load-child-application-adp-blocked-route h2 {
    margin-top: 20px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-adp-blocked-route h2.with-ellipsis {
    white-space: nowrap
}

.load-child-application-adp-blocked-route h2.with-ellipsis>span:first-child {
    white-space: normal
}

.load-child-application-adp-blocked-route .description {
    max-inline-size: 520px;
    text-align: center;
    -webkit-margin-before: 30px;
    margin-block-start:30px;font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: rgba(0,0,0,.56)
}

.load-child-application-adp-blocked-route[dir=ltr] .description,.load-child-application-adp-blocked-route[dir=rtl] .description,[dir=ltr] .load-child-application-adp-blocked-route .description,[dir=rtl] .load-child-application-adp-blocked-route .description {
    max-width: 520px;
    margin-top: 30px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route .description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-adp-blocked-route .didnt-receive {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 60px;
    margin-block-start:60px;color: rgba(0,0,0,.56)
}

.load-child-application-adp-blocked-route[dir=ltr] .didnt-receive,.load-child-application-adp-blocked-route[dir=rtl] .didnt-receive,[dir=ltr] .load-child-application-adp-blocked-route .didnt-receive,[dir=rtl] .load-child-application-adp-blocked-route .didnt-receive {
    margin-top: 60px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route .didnt-receive {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-adp-blocked-route ui-button.send-again {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 10px;
    margin-block-start:10px;cursor: pointer;
    color: #06c
}

.load-child-application-adp-blocked-route[dir=ltr] ui-button.send-again,.load-child-application-adp-blocked-route[dir=rtl] ui-button.send-again,[dir=ltr] .load-child-application-adp-blocked-route ui-button.send-again,[dir=rtl] .load-child-application-adp-blocked-route ui-button.send-again {
    margin-top: 10px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route ui-button.send-again {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-adp-blocked-route ui-button.failed-state {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 70px;
    margin-block-start:70px;cursor: pointer;
    color: #06c
}

.load-child-application-adp-blocked-route[dir=ltr] ui-button.failed-state,.load-child-application-adp-blocked-route[dir=rtl] ui-button.failed-state,[dir=ltr] .load-child-application-adp-blocked-route ui-button.failed-state,[dir=rtl] .load-child-application-adp-blocked-route ui-button.failed-state {
    margin-top: 70px
}

[apple-system-font-capable] .load-child-application-adp-blocked-route ui-button.failed-state {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.load-child-application-adp-blocked-route .ellipsis {
    display: inline-block;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;inline-size: 25px
}

.load-child-application-adp-blocked-route[dir=ltr] .ellipsis,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis {
    padding-left: 10px;
    width: 25px
}

.load-child-application-adp-blocked-route[dir=rtl] .ellipsis,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis {
    padding-right: 10px;
    width: 25px
}

.load-child-application-adp-blocked-route .ellipsis .dots,.load-child-application-adp-blocked-route .ellipsis .dots:after,.load-child-application-adp-blocked-route .ellipsis .dots:before {
    background-color: #d2d2d7;
    block-size: 5px;
    border-radius: 2.5px;
    color: #d2d2d7;
    inline-size: 5px
}

.load-child-application-adp-blocked-route[dir=ltr] .ellipsis .dots,.load-child-application-adp-blocked-route[dir=ltr] .ellipsis .dots:after,.load-child-application-adp-blocked-route[dir=ltr] .ellipsis .dots:before,.load-child-application-adp-blocked-route[dir=rtl] .ellipsis .dots,.load-child-application-adp-blocked-route[dir=rtl] .ellipsis .dots:after,.load-child-application-adp-blocked-route[dir=rtl] .ellipsis .dots:before,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis .dots,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis .dots:after,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis .dots:before,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis .dots,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis .dots:after,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis .dots:before {
    height: 5px;
    width: 5px
}

.load-child-application-adp-blocked-route .ellipsis .dots {
    display: block;
    -webkit-animation: dotFlashing 1s linear infinite alternate;
    animation: dotFlashing 1s linear infinite alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    position: relative
}

.load-child-application-adp-blocked-route .ellipsis .dots:after,.load-child-application-adp-blocked-route .ellipsis .dots:before {
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    position: absolute
}

.load-child-application-adp-blocked-route .ellipsis .dots:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    inset-inline-start: -7.5px
}

.load-child-application-adp-blocked-route[dir=ltr] .ellipsis .dots:before,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis .dots:before {
    left: -7.5px
}

.load-child-application-adp-blocked-route[dir=rtl] .ellipsis .dots:before,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis .dots:before {
    right: -7.5px
}

.load-child-application-adp-blocked-route .ellipsis .dots:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    inset-inline-start: 7.5px
}

.load-child-application-adp-blocked-route[dir=ltr] .ellipsis .dots:after,[dir=ltr] .load-child-application-adp-blocked-route .ellipsis .dots:after {
    left: 7.5px
}

.load-child-application-adp-blocked-route[dir=rtl] .ellipsis .dots:after,[dir=rtl] .load-child-application-adp-blocked-route .ellipsis .dots:after {
    right: 7.5px
}

.terms-and-conditions-success-confirmation {
    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
}

.terms-and-conditions-success-confirmation>.content {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #49494d
}

[apple-system-font-capable] .terms-and-conditions-success-confirmation>.content {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.terms-and-conditions-success-confirmation>.content>.title-text {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 26px;
    font-weight: 600;
    margin: logical 20px 20px 0
}

.terms-and-conditions-success-confirmation[dir=ltr]>.content>.title-text,.terms-and-conditions-success-confirmation[dir=rtl]>.content>.title-text,[dir=ltr] .terms-and-conditions-success-confirmation>.content>.title-text,[dir=rtl] .terms-and-conditions-success-confirmation>.content>.title-text {
    margin: 20px 20px 0
}

[apple-system-font-capable] .terms-and-conditions-success-confirmation>.content>.title-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.terms-and-conditions-success-confirmation>.content>.description-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: logical 20px 20px 0
}

.terms-and-conditions-success-confirmation[dir=ltr]>.content>.description-text,.terms-and-conditions-success-confirmation[dir=rtl]>.content>.description-text,[dir=ltr] .terms-and-conditions-success-confirmation>.content>.description-text,[dir=rtl] .terms-and-conditions-success-confirmation>.content>.description-text {
    margin: 20px 20px 0
}

[apple-system-font-capable] .terms-and-conditions-success-confirmation>.content>.description-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.terms-and-conditions-success-confirmation>.content>.cw-button {
    display: inline-block;
    margin: logical 25px 20px 20px;
    padding: logical 10px 10px 7px;
    min-inline-size: 200px;
    max-inline-size: 80%;
    background: #fff;
    border: 2px solid #49494d;
    border-radius: 10px
}

.terms-and-conditions-success-confirmation[dir=ltr]>.content>.cw-button,.terms-and-conditions-success-confirmation[dir=rtl]>.content>.cw-button,[dir=ltr] .terms-and-conditions-success-confirmation>.content>.cw-button,[dir=rtl] .terms-and-conditions-success-confirmation>.content>.cw-button {
    min-width: 200px;
    max-width: 80%;
    margin: 25px 20px 20px;
    padding: 10px 10px 7px
}

.terms-and-conditions-success-confirmation>.content>.cw-button>.title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #49494d
}

[apple-system-font-capable] .terms-and-conditions-success-confirmation>.content>.cw-button>.title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.terms-and-conditions-success-confirmation>.content>.cw-button.cw-being-pressed,.terms-and-conditions-success-confirmation>.content>.cw-button.dismissal-key-down {
    background: #49494d
}

.terms-and-conditions-success-confirmation>.content>.cw-button.cw-being-pressed>.title,.terms-and-conditions-success-confirmation>.content>.cw-button.dismissal-key-down>.title {
    color: #fff
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.interstitial-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: 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
}

.modal-content .interstitial-page {
    background-color: #fff
}

.interstitial-page .hide-page-container-view {
    display: none
}

.interstitial-page .page-container-view .page-content-container-view {
    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;
    padding-block:34px;padding-inline:20px}

.interstitial-page[dir=ltr] .page-container-view .page-content-container-view,.interstitial-page[dir=rtl] .page-container-view .page-content-container-view,[dir=ltr] .interstitial-page .page-container-view .page-content-container-view,[dir=rtl] .interstitial-page .page-container-view .page-content-container-view {
    padding: 34px 20px
}

.interstitial-page .page-container-view .page-content-container-view a {
    text-decoration: none;
    white-space: nowrap;
    color: #06c
}

.interstitial-page .page-container-view .page-content-container-view a :active {
    color: #004d99
}

.interstitial-page .page-container-view .page-content-container-view .page-icon-view {
    inline-size: 128px;
    block-size: 128px;
    position: relative
}

.interstitial-page[dir=ltr] .page-container-view .page-content-container-view .page-icon-view,.interstitial-page[dir=rtl] .page-container-view .page-content-container-view .page-icon-view,[dir=ltr] .interstitial-page .page-container-view .page-content-container-view .page-icon-view,[dir=rtl] .interstitial-page .page-container-view .page-content-container-view .page-icon-view {
    width: 128px;
    height: 128px
}

.interstitial-page .page-container-view .page-content-container-view .page-icon-view .app-icon {
    offset-block-start: 0;
    offset-inline-start: 0;
    position: absolute;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    inline-size: 128px;
    block-size: 128px;
    border-radius: 23%;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

.interstitial-page[dir=ltr] .page-container-view .page-content-container-view .page-icon-view .app-icon,[dir=ltr] .interstitial-page .page-container-view .page-content-container-view .page-icon-view .app-icon {
    top: 0;
    left: 0;
    width: 128px;
    height: 128px
}

.interstitial-page[dir=rtl] .page-container-view .page-content-container-view .page-icon-view .app-icon,[dir=rtl] .interstitial-page .page-container-view .page-content-container-view .page-icon-view .app-icon {
    top: 0;
    right: 0;
    width: 128px;
    height: 128px
}

.interstitial-page .page-container-view .page-content-container-view .img-thumbnail-icon-view {
    position: relative;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 0;
    inline-size: 128px;
    block-size: 128px
}

.interstitial-page[dir=ltr] .page-container-view .page-content-container-view .img-thumbnail-icon-view,.interstitial-page[dir=rtl] .page-container-view .page-content-container-view .img-thumbnail-icon-view,[dir=ltr] .interstitial-page .page-container-view .page-content-container-view .img-thumbnail-icon-view,[dir=rtl] .interstitial-page .page-container-view .page-content-container-view .img-thumbnail-icon-view {
    width: 128px;
    height: 128px
}

.interstitial-page .page-container-view .page-content-container-view .img-thumbnail-icon-view.add-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

.interstitial-page .page-container-view .page-content-container-view .has-thumbnail .img-thumbnail-icon-view {
    opacity: 1
}

.interstitial-page .page-container-view .page-content-container-view .hide-view {
    display: none
}

.interstitial-page .page-container-view .page-content-container-view .page-title-view {
    text-align: center;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #333;
    line-height: 31px;
    font-weight: 700;
    word-wrap: break-word;
    -webkit-margin-before: 40px;
    margin-block-start:40px;-webkit-margin-after: 25px;
    margin-block-end:25px}

.interstitial-page[dir=ltr] .page-container-view .page-content-container-view .page-title-view,.interstitial-page[dir=rtl] .page-container-view .page-content-container-view .page-title-view,[dir=ltr] .interstitial-page .page-container-view .page-content-container-view .page-title-view,[dir=rtl] .interstitial-page .page-container-view .page-content-container-view .page-title-view {
    margin-top: 40px;
    margin-bottom: 25px
}

[apple-system-font-capable] .interstitial-page .page-container-view .page-content-container-view .page-title-view {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.interstitial-page .page-container-view .page-content-container-view .page-description-view {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 23px;
    text-align: center
}

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

.interstitial-page .page-container-view .page-content-container-view .page-description-view .page-description-one {
    line-height: 23px
}

.interstitial-page .page-container-view .page-content-container-view .page-description-view .page-description-two .page-user-label {
    font-weight: 600
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view ui-button.cw-convert {
    padding: 12px;
    color: #06c;
    font-weight: 600;
    cursor: pointer
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .show-dismiss-button .page-button-one ui-button.cw-convert {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #49494d;
    font-weight: 600
}

[apple-system-font-capable] .interstitial-page .page-container-view .page-button-container-view .page-button-view .show-dismiss-button .page-button-one ui-button.cw-convert {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three {
    background-color: #fff;
    -webkit-margin-after: 5px;
    margin-block-end:5px}

.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-three,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-three,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three {
    margin-bottom: 5px
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button.cw-convert {
    color: #333;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-weight: 600
}

[apple-system-font-capable] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button.cw-convert {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two {
    background-color: #49494d;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-two,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-two,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two {
    margin-bottom: 10px
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button.cw-convert {
    color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-weight: 600
}

[apple-system-font-capable] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button.cw-convert {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three,.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two {
    text-align: center;
    min-inline-size: 300px;
    border: 1px solid #49494d;
    border-radius: 10px
}

.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-three,.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-two,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-three,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-two,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two {
    min-width: 300px
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button,.interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button {
    inline-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button,.interstitial-page[dir=ltr] .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button,.interstitial-page[dir=rtl] .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button,[dir=ltr] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button,[dir=rtl] .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button {
    width: 100%
}

.interstitial-page .page-container-view .page-button-container-view .page-button-view .hide-button,.interstitial-page .page-container-view .page-button-container-view .page-button-view .hide-dismiss-button {
    display: none
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.home-login-route {
    background-color: #fbfbfd
}

@media (max-width: 759px) {
    .home-login-route footer {
        -webkit-margin-before:0;
        margin-block-start:0}

    .home-login-route[dir=ltr] footer,.home-login-route[dir=rtl] footer,[dir=ltr] .home-login-route footer,[dir=rtl] .home-login-route footer {
        margin-top: 0
    }
}

.home-login-component {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 759px) {
    .home-login-component.in-app-login {
        background-color:#fff
    }
}

.home-login-component .notice-container {
    inline-size: 100%
}

.home-login-component[dir=ltr] .notice-container,.home-login-component[dir=rtl] .notice-container,[dir=ltr] .home-login-component .notice-container,[dir=rtl] .home-login-component .notice-container {
    width: 100%
}

@media only screen and (max-height: 675px) {
    .home-login-component.has-visible-quick-access {
        min-block-size:490px!important;
        block-size: 100%!important;
        -webkit-margin-after: 80px;
        margin-block-end:80px}

    .home-login-component.has-visible-quick-access[dir=ltr],.home-login-component.has-visible-quick-access[dir=rtl],[dir=ltr] .home-login-component.has-visible-quick-access,[dir=rtl] .home-login-component.has-visible-quick-access {
        min-height: 490px!important;
        height: 100%!important;
        margin-bottom: 80px
    }

    .home-login-component.has-visible-quick-access .quick-access-container {
        position: static
    }
}

.home-login-component ui-activity-indicator.standard {
    margin: auto
}

.home-login-component .parent-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 640px;
    block-size: 0;
    -webkit-margin-before: 44px;
    margin-block-start:44px;visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 11px 34px 0 rgba(0,0,0,.2);
    box-shadow: 0 11px 34px 0 rgba(0,0,0,.2);
    border-radius: 34px;
    background-color: #fff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.home-login-component[dir=ltr] .parent-container,.home-login-component[dir=rtl] .parent-container,[dir=ltr] .home-login-component .parent-container,[dir=rtl] .home-login-component .parent-container {
    width: 640px;
    height: 0;
    margin-top: 44px
}

@media (max-width: 759px) {
    .home-login-component .parent-container {
        inline-size:100%;
        -webkit-margin-before: 0;
        margin-block-start:0;border-radius: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .home-login-component[dir=ltr] .parent-container,.home-login-component[dir=rtl] .parent-container,[dir=ltr] .home-login-component .parent-container,[dir=rtl] .home-login-component .parent-container {
        width: 100%;
        margin-top: 0
    }
}

@media only screen and (max-width: 759px) and (max-height:610px) {
    .home-login-component .parent-container {
        overflow-y:auto
    }
}

.home-login-component .parent-container.is-visible {
    visibility: visible;
    opacity: 1;
    block-size: 610px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.home-login-component[dir=ltr] .parent-container.is-visible,.home-login-component[dir=rtl] .parent-container.is-visible,[dir=ltr] .home-login-component .parent-container.is-visible,[dir=rtl] .home-login-component .parent-container.is-visible {
    height: 610px
}

@media only screen and (max-device-width: 767px) {
    .home-login-component .parent-container.is-visible {
        block-size:640px
    }

    .home-login-component[dir=ltr] .parent-container.is-visible,.home-login-component[dir=rtl] .parent-container.is-visible,[dir=ltr] .home-login-component .parent-container.is-visible,[dir=rtl] .home-login-component .parent-container.is-visible {
        height: 640px
    }
}

.home-login-component .parent-container.is-visible.has-visible-quick-access {
    block-size: 715px
}

.home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access,.home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access,[dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access,[dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access {
    height: 715px
}

.home-login-component .parent-container.is-visible.has-visible-quick-access:before {
    block-size: 715px;
    -webkit-transition: block-size .25s ease-in-out,opacity .5s ease-in-out;
    transition: block-size .25s ease-in-out,opacity .5s ease-in-out
}

.home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access:before,.home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access:before,[dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access:before,[dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access:before {
    height: 715px
}

@media (max-width: 759px) {
    .home-login-component .parent-container.is-visible.has-visible-quick-access {
        block-size:auto
    }

    .home-login-component[dir=ltr] .parent-container.is-visible.has-visible-quick-access,.home-login-component[dir=rtl] .parent-container.is-visible.has-visible-quick-access,[dir=ltr] .home-login-component .parent-container.is-visible.has-visible-quick-access,[dir=rtl] .home-login-component .parent-container.is-visible.has-visible-quick-access {
        height: auto
    }
}

.home-login-component .parent-container.is-visible.is-icon-not-visible {
    block-size: 480px
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible,.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible,[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible,[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible {
    height: 480px
}

.home-login-component .parent-container.is-visible.is-icon-not-visible:before {
    block-size: 480px;
    -webkit-transition: block-size .25s ease-in-out,opacity .5s ease-in-out;
    transition: block-size .25s ease-in-out,opacity .5s ease-in-out
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible:before,.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible:before,[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible:before,[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible:before {
    height: 480px
}

@media (max-width: 759px) {
    .home-login-component .parent-container.is-visible.is-icon-not-visible {
        block-size:auto
    }

    .home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible,.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible,[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible,[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible {
        height: auto
    }
}

.home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container {
    inset-block-start: 0
}

.home-login-component[dir=ltr] .parent-container.is-visible.is-icon-not-visible .apple-id-container,.home-login-component[dir=rtl] .parent-container.is-visible.is-icon-not-visible .apple-id-container,[dir=ltr] .home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container,[dir=rtl] .home-login-component .parent-container.is-visible.is-icon-not-visible .apple-id-container {
    top: 0
}

@media (max-width: 759px) {
    .home-login-component .parent-container.is-visible {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.home-login-component .parent-container ui-activity-indicator.standard {
    margin: auto
}

.home-login-component .parent-container .widget-icon-text {
    position: relative;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-inline:80px;-webkit-margin-before: 40px;
    margin-block-start:40px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-animation: fade-in-opacity .5s ease-in-out forwards;
    animation: fade-in-opacity .5s ease-in-out forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    will-change: opacity
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text,.home-login-component[dir=rtl] .parent-container .widget-icon-text,[dir=ltr] .home-login-component .parent-container .widget-icon-text,[dir=rtl] .home-login-component .parent-container .widget-icon-text {
    left: 0;
    right: 0;
    margin-top: 40px;
    margin-left: 80px;
    margin-right: 80px
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

.home-login-component .parent-container .widget-icon-text img.icon {
    inline-size: 160px
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text img.icon,.home-login-component[dir=rtl] .parent-container .widget-icon-text img.icon,[dir=ltr] .home-login-component .parent-container .widget-icon-text img.icon,[dir=rtl] .home-login-component .parent-container .widget-icon-text img.icon {
    width: 160px
}

.home-login-component .parent-container .widget-icon-text .sign-in-label {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    color: #000;
    -webkit-margin-before: 20px;
    margin-block-start:20px;text-align: center
}

.home-login-component[dir=ltr] .parent-container .widget-icon-text .sign-in-label,.home-login-component[dir=rtl] .parent-container .widget-icon-text .sign-in-label,[dir=ltr] .home-login-component .parent-container .widget-icon-text .sign-in-label,[dir=rtl] .home-login-component .parent-container .widget-icon-text .sign-in-label {
    margin-top: 20px
}

[apple-system-font-capable] .home-login-component .parent-container .widget-icon-text .sign-in-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.home-login-component .parent-container .apple-id-container {
    inline-size: 640px;
    block-size: 480px;
    position: relative;
    inset-block-start: -72px;
    border-radius: 34px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container,.home-login-component[dir=rtl] .parent-container .apple-id-container,[dir=ltr] .home-login-component .parent-container .apple-id-container,[dir=rtl] .home-login-component .parent-container .apple-id-container {
    width: 640px;
    height: 480px;
    top: -72px
}

@media (max-width: 759px) {
    .home-login-component .parent-container .apple-id-container {
        max-inline-size:100vw;
        margin-inline:auto}

    .home-login-component[dir=ltr] .parent-container .apple-id-container,.home-login-component[dir=rtl] .parent-container .apple-id-container,[dir=ltr] .home-login-component .parent-container .apple-id-container,[dir=rtl] .home-login-component .parent-container .apple-id-container {
        max-width: 100vw;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-device-width: 767px) {
    .home-login-component .parent-container .apple-id-container {
        inset-block-start:-72px
    }

    .home-login-component[dir=ltr] .parent-container .apple-id-container,.home-login-component[dir=rtl] .parent-container .apple-id-container,[dir=ltr] .home-login-component .parent-container .apple-id-container,[dir=rtl] .home-login-component .parent-container .apple-id-container {
        top: -72px
    }
}

.home-login-component .parent-container .apple-id-container #aid-auth-widget-iFrame {
    position: absolute
}

.home-login-component .parent-container .apple-id-container.no-sign-in-label {
    inset-block-start: -88px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container.no-sign-in-label,.home-login-component[dir=rtl] .parent-container .apple-id-container.no-sign-in-label,[dir=ltr] .home-login-component .parent-container .apple-id-container.no-sign-in-label,[dir=rtl] .home-login-component .parent-container .apple-id-container.no-sign-in-label {
    top: -88px
}

@media only screen and (max-device-width: 767px) {
    .home-login-component .parent-container .apple-id-container.no-sign-in-label {
        inset-block-start:-88px
    }

    .home-login-component[dir=ltr] .parent-container .apple-id-container.no-sign-in-label,.home-login-component[dir=rtl] .parent-container .apple-id-container.no-sign-in-label,[dir=ltr] .home-login-component .parent-container .apple-id-container.no-sign-in-label,[dir=rtl] .home-login-component .parent-container .apple-id-container.no-sign-in-label {
        top: -88px
    }
}

.home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
    inset-block-start: -50px
}

.home-login-component[dir=ltr] .parent-container .apple-id-container.sa-no-sign-in-label,.home-login-component[dir=rtl] .parent-container .apple-id-container.sa-no-sign-in-label,[dir=ltr] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label,[dir=rtl] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
    top: -50px
}

@media only screen and (max-device-width: 767px) {
    .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
        inset-block-start:-40px
    }

    .home-login-component[dir=ltr] .parent-container .apple-id-container.sa-no-sign-in-label,.home-login-component[dir=rtl] .parent-container .apple-id-container.sa-no-sign-in-label,[dir=ltr] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label,[dir=rtl] .home-login-component .parent-container .apple-id-container.sa-no-sign-in-label {
        top: -40px
    }
}

.home-login-component .parent-container .quick-access-container {
    position: relative;
    inset-block-start: -200px;
    margin-inline:100px;max-inline-size: 570px;
    -webkit-border-before: 1px solid hsla(0,0%,84.7%,.7);
    border-block-start:1px solid hsla(0,0%,84.7%,.7);overflow: x visible
}

.home-login-component[dir=ltr] .parent-container .quick-access-container,.home-login-component[dir=rtl] .parent-container .quick-access-container,[dir=ltr] .home-login-component .parent-container .quick-access-container,[dir=rtl] .home-login-component .parent-container .quick-access-container {
    top: -200px;
    max-width: 570px;
    border-top: 1px solid hsla(0,0%,84.7%,.7);
    margin-left: 100px;
    margin-right: 100px
}

@media (max-width: 759px) {
    .home-login-component .parent-container .quick-access-container {
        -webkit-margin-before:0;
        margin-block-start:0;position: relative;
        inset-block-start: -200px;
        margin-inline:auto}

    .home-login-component[dir=ltr] .parent-container .quick-access-container,.home-login-component[dir=rtl] .parent-container .quick-access-container,[dir=ltr] .home-login-component .parent-container .quick-access-container,[dir=rtl] .home-login-component .parent-container .quick-access-container {
        margin-top: 0;
        top: -200px;
        margin-left: auto;
        margin-right: auto
    }
}

[data-horizontal-size-class=compact] .home-login-component .parent-container .quick-access-container {
    -webkit-transition: block-size .25s ease-in-out;
    transition: block-size .25s ease-in-out
}

[data-horizontal-size-class=regular] .home-login-component .parent-container .quick-access-container {
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.home-login-component .parent-container .create {
    position: relative;
    inset-block-start: -184px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-margin-end: auto;
    margin-inline-end:auto;text-align: center
}

.home-login-component[dir=ltr] .parent-container .create,.home-login-component[dir=rtl] .parent-container .create,[dir=ltr] .home-login-component .parent-container .create,[dir=rtl] .home-login-component .parent-container .create {
    top: -184px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.home-login-component .parent-container .create a {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: 0;
    -webkit-animation: fade-in-opacity .5s ease-in-out forwards;
    animation: fade-in-opacity .5s ease-in-out forwards;
    will-change: opacity;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    color: #06c
}

[apple-system-font-capable] .home-login-component .parent-container .create a {
    font-family: system-ui,Helvetica Neue,sans-serif
}

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

    to {
        opacity: 1
    }
}

@keyframes fade-out-opacity {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media only screen and (max-device-width: 767px) {
    .home-login-component .parent-container .create {
        inset-block-start:-172px
    }

    .home-login-component[dir=ltr] .parent-container .create,.home-login-component[dir=rtl] .parent-container .create,[dir=ltr] .home-login-component .parent-container .create,[dir=rtl] .home-login-component .parent-container .create {
        top: -172px
    }
}

.home-login-component .parent-container .header-view {
    position: absolute
}

.home-login-component .parent-container .header-view .cancel-button {
    -webkit-margin-before: 12px;
    margin-block-start:12px;-webkit-margin-start: 16px;
    margin-inline-start:16px;font-size: 17px;
    block-size: 47px
}

.home-login-component[dir=ltr] .parent-container .header-view .cancel-button,[dir=ltr] .home-login-component .parent-container .header-view .cancel-button {
    margin-top: 12px;
    margin-left: 16px;
    height: 47px
}

.home-login-component[dir=rtl] .parent-container .header-view .cancel-button,[dir=rtl] .home-login-component .parent-container .header-view .cancel-button {
    margin-top: 12px;
    margin-right: 16px;
    height: 47px
}

.apple-id-container {
    inline-size: 100%;
    block-size: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute
}

.apple-id-container[dir=ltr],.apple-id-container[dir=rtl],[dir=ltr] .apple-id-container,[dir=rtl] .apple-id-container {
    width: 100%;
    height: 100%
}

.apple-id-container.repair-id-frame>iframe {
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    display: block
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.notice-component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    inline-size: 100%;
    min-block-size: 87px;
    -webkit-border-after: 1px solid #ddd;
    border-block-end:1px solid #ddd;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

.notice-component[dir=ltr],.notice-component[dir=rtl],[dir=ltr] .notice-component,[dir=rtl] .notice-component {
    width: 100%;
    min-height: 87px;
    border-bottom: 1px solid #ddd
}

[data-device-type-class=phone] .notice-component {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-device-type-class=phone] .notice-component .notice-component-inner {
    max-inline-size: none
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-component-inner,[data-device-type-class=phone][dir=rtl] .notice-component .notice-component-inner,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-component-inner,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-component-inner {
    max-width: none
}

[data-device-type-class=phone] .notice-component .notice-close {
    -webkit-margin-start: 12px;
    margin-inline-start:12px}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-close,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-close {
    margin-left: 12px
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-close,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-close {
    margin-right: 12px
}

.notice-component .notice-component-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-block-size: 55px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.notice-component[dir=ltr] .notice-component-inner,.notice-component[dir=rtl] .notice-component-inner,[dir=ltr] .notice-component .notice-component-inner,[dir=rtl] .notice-component .notice-component-inner {
    min-height: 55px
}

.notice-component .notice-component-inner:after,.notice-component .notice-component-inner:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-inline-size: 16px
}

.notice-component[dir=ltr] .notice-component-inner:after,.notice-component[dir=ltr] .notice-component-inner:before,.notice-component[dir=rtl] .notice-component-inner:after,.notice-component[dir=rtl] .notice-component-inner:before,[dir=ltr] .notice-component .notice-component-inner:after,[dir=ltr] .notice-component .notice-component-inner:before,[dir=rtl] .notice-component .notice-component-inner:after,[dir=rtl] .notice-component .notice-component-inner:before {
    min-width: 16px
}

[data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,[data-horizontal-size-class=compact] .notice-component .notice-component-inner:before {
    min-inline-size: 12px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-component-inner:after,[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-component-inner:before,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-component-inner:after,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-component-inner:before,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:before,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:after,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-component-inner:before {
    min-width: 12px
}

.notice-component .notice-icon {
    block-size: 60px;
    -webkit-margin-end: 16px;
    margin-inline-end:16px;position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 0
}

.notice-component[dir=ltr] .notice-icon,[dir=ltr] .notice-component .notice-icon {
    height: 60px;
    margin-right: 16px
}

.notice-component[dir=rtl] .notice-icon,[dir=rtl] .notice-component .notice-icon {
    height: 60px;
    margin-left: 16px
}

.notice-component .notice-icon.lite {
    inline-size: 90px
}

.notice-component[dir=ltr] .notice-icon.lite,.notice-component[dir=rtl] .notice-icon.lite,[dir=ltr] .notice-component .notice-icon.lite,[dir=rtl] .notice-component .notice-icon.lite {
    width: 90px
}

.notice-component .notice-icon.lite .app-icon:first-child {
    inset-inline-start: 0;
    z-index: -1
}

.notice-component[dir=ltr] .notice-icon.lite .app-icon:first-child,[dir=ltr] .notice-component .notice-icon.lite .app-icon:first-child {
    left: 0
}

.notice-component[dir=rtl] .notice-icon.lite .app-icon:first-child,[dir=rtl] .notice-component .notice-icon.lite .app-icon:first-child {
    right: 0
}

.notice-component .notice-icon.lite .app-icon:nth-child(2) {
    inset-inline-start: 15px;
    z-index: -2
}

.notice-component[dir=ltr] .notice-icon.lite .app-icon:nth-child(2),[dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    left: 15px
}

.notice-component[dir=rtl] .notice-icon.lite .app-icon:nth-child(2),[dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    right: 15px
}

.notice-component .notice-icon.lite .app-icon:nth-child(3) {
    inset-inline-start: 30px;
    z-index: -3
}

.notice-component[dir=ltr] .notice-icon.lite .app-icon:nth-child(3),[dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    left: 30px
}

.notice-component[dir=rtl] .notice-icon.lite .app-icon:nth-child(3),[dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    right: 30px
}

.notice-component .notice-icon.windows {
    inline-size: 60px
}

.notice-component[dir=ltr] .notice-icon.windows,.notice-component[dir=rtl] .notice-icon.windows,[dir=ltr] .notice-component .notice-icon.windows,[dir=rtl] .notice-component .notice-icon.windows {
    width: 60px
}

.notice-component .notice-icon.windows .app-icon {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 23%
}

.notice-component .notice-icon .app-icon {
    inline-size: 60px;
    block-size: 60px
}

.notice-component[dir=ltr] .notice-icon .app-icon,.notice-component[dir=rtl] .notice-icon .app-icon,[dir=ltr] .notice-component .notice-icon .app-icon,[dir=rtl] .notice-component .notice-icon .app-icon {
    width: 60px;
    height: 60px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon {
    block-size: 45px;
    -webkit-margin-end: 12px;
    margin-inline-end:12px}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon {
    height: 45px;
    margin-right: 12px
}

[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon {
    height: 45px;
    margin-left: 12px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon .app-icon {
    inline-size: 45px;
    block-size: 45px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon .app-icon,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon .app-icon,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon .app-icon,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon .app-icon {
    width: 45px;
    height: 45px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon.lite {
    inline-size: 68px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon.lite,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon.lite,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite {
    width: 68px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:first-child {
    inset-inline-start: 0
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon.lite .app-icon:first-child,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:first-child {
    left: 0
}

[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon.lite .app-icon:first-child,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:first-child {
    right: 0
}

[data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    inset-inline-start: 11px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(2),[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    left: 11px
}

[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(2),[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    right: 11px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    inset-inline-start: 22px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(3),[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    left: 22px
}

[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(3),[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    right: 22px
}

[data-horizontal-size-class=compact] .notice-component .notice-icon.windows {
    inline-size: 45px
}

[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-icon.windows,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-icon.windows,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-icon.windows,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-icon.windows {
    width: 45px
}

[data-device-type-class=phone] .notice-component .notice-icon {
    block-size: 36px;
    -webkit-margin-end: 12px;
    margin-inline-end:12px}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon {
    height: 36px;
    margin-right: 12px
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon {
    height: 36px;
    margin-left: 12px
}

[data-device-type-class=phone] .notice-component .notice-icon .app-icon {
    inline-size: 36px;
    block-size: 36px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon .app-icon,[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon .app-icon,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon .app-icon,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon .app-icon {
    width: 36px;
    height: 36px
}

[data-device-type-class=phone] .notice-component .notice-icon.lite {
    inline-size: 54px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon.lite,[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon.lite,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon.lite,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon.lite {
    width: 54px
}

[data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:first-child {
    inset-inline-start: 0
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon.lite .app-icon:first-child,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:first-child {
    left: 0
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon.lite .app-icon:first-child,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:first-child {
    right: 0
}

[data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    inset-inline-start: 9px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(2),[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    left: 9px
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(2),[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(2) {
    right: 9px
}

[data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    inset-inline-start: 18px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon.lite .app-icon:nth-child(3),[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    left: 18px
}

[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon.lite .app-icon:nth-child(3),[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon.lite .app-icon:nth-child(3) {
    right: 18px
}

[data-device-type-class=phone] .notice-component .notice-icon.windows {
    inline-size: 36px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-icon.windows,[data-device-type-class=phone][dir=rtl] .notice-component .notice-icon.windows,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-icon.windows,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-icon.windows {
    width: 36px
}

.notice-component .notice-info {
    padding-block:20px;padding-inline:0;line-height: 23px
}

.notice-component[dir=ltr] .notice-info,.notice-component[dir=rtl] .notice-info,[dir=ltr] .notice-component .notice-info,[dir=rtl] .notice-component .notice-info {
    padding: 20px 0
}

[data-device-type-class=phone] .notice-component .notice-info,[data-horizontal-size-class=compact] .notice-component .notice-info {
    line-height: 18px
}

[data-device-type-class=phone] .notice-component .notice-info ui-button svg,[data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg {
    block-size: 18px
}

[data-device-type-class=phone][dir=ltr] .notice-component .notice-info ui-button svg,[data-device-type-class=phone][dir=rtl] .notice-component .notice-info ui-button svg,[data-horizontal-size-class=compact][dir=ltr] .notice-component .notice-info ui-button svg,[data-horizontal-size-class=compact][dir=rtl] .notice-component .notice-info ui-button svg,[dir=ltr] [data-device-type-class=phone] .notice-component .notice-info ui-button svg,[dir=ltr] [data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg,[dir=rtl] [data-device-type-class=phone] .notice-component .notice-info ui-button svg,[dir=rtl] [data-horizontal-size-class=compact] .notice-component .notice-info ui-button svg {
    height: 18px
}

.notice-component .notice-info>.title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333
}

[apple-system-font-capable] .notice-component .notice-info>.title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notice-component .notice-info ui-button.notice-lite-subtitle {
    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
}

.notice-component .notice-info ui-button.notice-windows-subtitle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: 8px;
    margin-inline-start:8px}

.notice-component[dir=ltr] .notice-info ui-button.notice-windows-subtitle,[dir=ltr] .notice-component .notice-info ui-button.notice-windows-subtitle {
    margin-left: 8px
}

.notice-component[dir=rtl] .notice-info ui-button.notice-windows-subtitle,[dir=rtl] .notice-component .notice-info ui-button.notice-windows-subtitle {
    margin-right: 8px
}

.notice-component .notice-info ui-button.notice-lite-subtitle,.notice-component .notice-info ui-button.notice-windows-subtitle {
    padding: 0;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #06c;
    cursor: pointer;
    block-size: 23px
}

.notice-component[dir=ltr] .notice-info ui-button.notice-lite-subtitle,.notice-component[dir=ltr] .notice-info ui-button.notice-windows-subtitle,.notice-component[dir=rtl] .notice-info ui-button.notice-lite-subtitle,.notice-component[dir=rtl] .notice-info ui-button.notice-windows-subtitle,[dir=ltr] .notice-component .notice-info ui-button.notice-lite-subtitle,[dir=ltr] .notice-component .notice-info ui-button.notice-windows-subtitle,[dir=rtl] .notice-component .notice-info ui-button.notice-lite-subtitle,[dir=rtl] .notice-component .notice-info ui-button.notice-windows-subtitle {
    height: 23px
}

[apple-system-font-capable] .notice-component .notice-info ui-button.notice-lite-subtitle,[apple-system-font-capable] .notice-component .notice-info ui-button.notice-windows-subtitle {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notice-component .notice-info ui-button.notice-lite-subtitle :active,.notice-component .notice-info ui-button.notice-windows-subtitle :active {
    color: #004d99
}

.notice-component .notice-info ui-button.notice-lite-subtitle svg,.notice-component .notice-info ui-button.notice-windows-subtitle svg {
    fill: #007aff
}

.notice-component ui-button.close-button {
    position: absolute;
    inset-inline-end: 0;
    cursor: pointer;
    fill: #888
}

.notice-component[dir=ltr] ui-button.close-button,[dir=ltr] .notice-component ui-button.close-button {
    right: 0
}

.notice-component[dir=rtl] ui-button.close-button,[dir=rtl] .notice-component ui-button.close-button {
    left: 0
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.quick-access {
    -webkit-margin-start: 15px;
    margin-inline-start:15px;-webkit-margin-end: 15px;
    margin-inline-end:15px;-webkit-padding-before: 30px;
    padding-block-start:30px}

.quick-access[dir=ltr],.quick-access[dir=rtl],[dir=ltr] .quick-access,[dir=rtl] .quick-access {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 30px
}

@media only screen and (max-height: 675px) {
    .quick-access {
        -webkit-padding-before:0;
        padding-block-start:0;-webkit-padding-after: 0;
        padding-block-end:0;margin-block:20px}

    .quick-access[dir=ltr],.quick-access[dir=rtl],[dir=ltr] .quick-access,[dir=rtl] .quick-access {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.quick-access .quick-access-label {
    text-align: center;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000
}

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

.quick-access .quick-access-buttons {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    -webkit-padding-before: 6px;
    padding-block-start:6px;-webkit-margin-before: 20px;
    margin-block-start:20px}

.quick-access[dir=ltr] .quick-access-buttons,.quick-access[dir=rtl] .quick-access-buttons,[dir=ltr] .quick-access .quick-access-buttons,[dir=rtl] .quick-access .quick-access-buttons {
    padding-top: 6px;
    margin-top: 20px
}

@media only screen and (max-height: 675px) {
    .quick-access .quick-access-buttons {
        margin-block:20px
    }

    .quick-access[dir=ltr] .quick-access-buttons,.quick-access[dir=rtl] .quick-access-buttons,[dir=ltr] .quick-access .quick-access-buttons,[dir=rtl] .quick-access .quick-access-buttons {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.quick-access .quick-access-buttons .quick-access-button,.quick-access .quick-access-buttons .quick-access-button ui-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.quick-access .quick-access-buttons .quick-access-button ui-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    color: grey;
    block-size: auto;
    padding: 10px
}

.quick-access[dir=ltr] .quick-access-buttons .quick-access-button ui-button,.quick-access[dir=rtl] .quick-access-buttons .quick-access-button ui-button,[dir=ltr] .quick-access .quick-access-buttons .quick-access-button ui-button,[dir=rtl] .quick-access .quick-access-buttons .quick-access-button ui-button {
    height: auto
}

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

.quick-access .quick-access-buttons .quick-access-button ui-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: #fff;
    opacity: .8
}

.quick-access .quick-access-buttons .quick-access-button ui-button svg {
    opacity: .5
}

.quick-access .quick-access-buttons .quick-access-button ui-button .title {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.quick-access[dir=ltr] .quick-access-buttons .quick-access-button ui-button .title,.quick-access[dir=rtl] .quick-access-buttons .quick-access-button ui-button .title,[dir=ltr] .quick-access .quick-access-buttons .quick-access-button ui-button .title,[dir=rtl] .quick-access .quick-access-buttons .quick-access-button ui-button .title {
    margin-top: 10px
}

.quick-access .quick-access-buttons .quick-access-button ui-button .title svg {
    opacity: 1
}

.share-acceptance-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 35px;
    padding-block-start:35px;inline-size: 100%
}

.share-acceptance-page[dir=ltr],.share-acceptance-page[dir=rtl],[dir=ltr] .share-acceptance-page,[dir=rtl] .share-acceptance-page {
    padding-top: 35px;
    width: 100%
}

.share-acceptance-page:not(.spinner-view) {
    margin: 0
}

.share-acceptance-page .share-contant-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.share-acceptance-page .share-contant-container,.share-acceptance-page .share-contant-container ui-button.block {
    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
}

.share-acceptance-page .share-contant-container ui-button.block {
    block-size: 44px;
    padding-block:10px}

.share-acceptance-page[dir=ltr] .share-contant-container ui-button.block,.share-acceptance-page[dir=rtl] .share-contant-container ui-button.block,[dir=ltr] .share-acceptance-page .share-contant-container ui-button.block,[dir=rtl] .share-acceptance-page .share-contant-container ui-button.block {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px
}

.share-acceptance-page .share-contant-container .header-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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-inline-size: 345px
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section,.share-acceptance-page[dir=rtl] .share-contant-container .header-section,[dir=ltr] .share-acceptance-page .share-contant-container .header-section,[dir=rtl] .share-acceptance-page .share-contant-container .header-section {
    max-width: 345px
}

.share-acceptance-page .share-contant-container .header-section .header-image {
    block-size: 60px;
    inline-size: 60px;
    fill: #0071e3
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section .header-image,.share-acceptance-page[dir=rtl] .share-contant-container .header-section .header-image,[dir=ltr] .share-acceptance-page .share-contant-container .header-section .header-image,[dir=rtl] .share-acceptance-page .share-contant-container .header-section .header-image {
    height: 60px;
    width: 60px
}

.share-acceptance-page .share-contant-container .header-section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section h2,.share-acceptance-page[dir=rtl] .share-contant-container .header-section h2,[dir=ltr] .share-acceptance-page .share-contant-container .header-section h2,[dir=rtl] .share-acceptance-page .share-contant-container .header-section h2 {
    margin-top: 20px
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .header-section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .header-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 24px;
    margin-block-end:24px}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section p,.share-acceptance-page[dir=rtl] .share-contant-container .header-section p,[dir=ltr] .share-acceptance-page .share-contant-container .header-section p,[dir=rtl] .share-acceptance-page .share-contant-container .header-section p {
    margin-top: 15px;
    margin-bottom: 24px
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .header-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .header-section .sharing-details {
    inline-size: 315px;
    block-size: 180px;
    padding-block:30px;padding-inline:20px;background-color: #f5f5f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section .sharing-details,.share-acceptance-page[dir=rtl] .share-contant-container .header-section .sharing-details,[dir=ltr] .share-acceptance-page .share-contant-container .header-section .sharing-details,[dir=rtl] .share-acceptance-page .share-contant-container .header-section .sharing-details {
    width: 315px;
    height: 180px;
    padding: 30px 20px
}

.share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 10px;
    margin-block-end:10px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    inline-size: 100%
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section .sharing-details .sharing-title,.share-acceptance-page[dir=rtl] .share-contant-container .header-section .sharing-details .sharing-title,[dir=ltr] .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-title,[dir=rtl] .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-title {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-item-description {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-item-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .header-section .sharing-details .icon {
    max-block-size: 40px
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section .sharing-details .icon,.share-acceptance-page[dir=rtl] .share-contant-container .header-section .sharing-details .icon,[dir=ltr] .share-acceptance-page .share-contant-container .header-section .sharing-details .icon,[dir=rtl] .share-acceptance-page .share-contant-container .header-section .sharing-details .icon {
    max-height: 40px
}

.share-acceptance-page .share-contant-container .header-section .sharing-details svg {
    block-size: 36px;
    inline-size: 36px;
    margin-block:4px;fill: #0071e3
}

.share-acceptance-page[dir=ltr] .share-contant-container .header-section .sharing-details svg,.share-acceptance-page[dir=rtl] .share-contant-container .header-section .sharing-details svg,[dir=ltr] .share-acceptance-page .share-contant-container .header-section .sharing-details svg,[dir=rtl] .share-acceptance-page .share-contant-container .header-section .sharing-details svg {
    height: 36px;
    width: 36px;
    margin-top: 4px;
    margin-bottom: 4px
}

.share-acceptance-page .share-contant-container .bottom-section {
    -webkit-margin-before: 70px;
    margin-block-start:70px;inline-size: 520px
}

.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section {
    margin-top: 70px;
    width: 520px
}

@media (max-width: 759px) {
    .share-acceptance-page .share-contant-container .bottom-section {
        inline-size:315px
    }

    .share-acceptance-page[dir=ltr] .share-contant-container .bottom-section,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section {
        width: 315px
    }
}

.share-acceptance-page .share-contant-container .bottom-section .buttons-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block {
    min-inline-size: 250px
}

.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button.block,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block {
    min-width: 250px
}

@media (max-width: 759px) {
    .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block {
        max-inline-size:100%
    }

    .share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button.block,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button.block {
        max-width: 100%
    }
}

.share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
    -webkit-margin-start: 20px;
    margin-inline-start:20px;-webkit-margin-after: 0;
    margin-block-end:0}

.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2),[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
    margin-left: 20px;
    margin-bottom: 0
}

.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2),[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
    margin-right: 20px;
    margin-bottom: 0
}

@media (max-width: 759px) {
    .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
        -webkit-margin-start:0;
        margin-inline-start:0;-webkit-margin-after: 20px;
        margin-block-end:20px}

    .share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2),[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
        margin-left: 0;
        margin-bottom: 20px
    }

    .share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2),[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .buttons-row ui-button:nth-child(2) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (max-width: 759px) {
    .share-acceptance-page .share-contant-container .bottom-section .buttons-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.share-acceptance-page .share-contant-container .bottom-section .join-name {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .bottom-section .join-name {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .bottom-section .accept-notes-description,.share-acceptance-page .share-contant-container .bottom-section .download-add-description,.share-acceptance-page .share-contant-container .bottom-section .join-name {
    -webkit-margin-before: 30px;
    margin-block-start:30px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .accept-notes-description,.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .download-add-description,.share-acceptance-page[dir=ltr] .share-contant-container .bottom-section .join-name,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .accept-notes-description,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .download-add-description,.share-acceptance-page[dir=rtl] .share-contant-container .bottom-section .join-name,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .accept-notes-description,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .download-add-description,[dir=ltr] .share-acceptance-page .share-contant-container .bottom-section .join-name,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .accept-notes-description,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .download-add-description,[dir=rtl] .share-acceptance-page .share-contant-container .bottom-section .join-name {
    margin-top: 30px;
    margin-bottom: 10px
}

.share-acceptance-page .share-contant-container .bottom-section .accept-description,.share-acceptance-page .share-contant-container .bottom-section .accept-notes-subdescription,.share-acceptance-page .share-contant-container .bottom-section .download-add-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)
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .bottom-section .accept-description,[apple-system-font-capable] .share-acceptance-page .share-contant-container .bottom-section .accept-notes-subdescription,[apple-system-font-capable] .share-acceptance-page .share-contant-container .bottom-section .download-add-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-page .share-contant-container .bottom-section .accept-notes-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #424245
}

[apple-system-font-capable] .share-acceptance-page .share-contant-container .bottom-section .accept-notes-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.veriy-access-list-modal {
    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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-inline-size: 410px;
    -webkit-padding-before: 6px;
    padding-block-start:6px}

.veriy-access-list-modal[dir=ltr],.veriy-access-list-modal[dir=rtl],[dir=ltr] .veriy-access-list-modal,[dir=rtl] .veriy-access-list-modal {
    max-width: 410px;
    padding-top: 6px
}

@media (max-width: 759px) {
    .veriy-access-list-modal {
        max-inline-size:360px
    }

    .veriy-access-list-modal[dir=ltr],.veriy-access-list-modal[dir=rtl],[dir=ltr] .veriy-access-list-modal,[dir=rtl] .veriy-access-list-modal {
        max-width: 360px
    }
}

.veriy-access-list-modal .icon {
    -webkit-margin-after: 18px;
    margin-block-end:18px;inline-size: 46;
    block-size: 46
}

.veriy-access-list-modal[dir=ltr] .icon,.veriy-access-list-modal[dir=rtl] .icon,[dir=ltr] .veriy-access-list-modal .icon,[dir=rtl] .veriy-access-list-modal .icon {
    margin-bottom: 18px;
    width: 46;
    height: 46
}

.veriy-access-list-modal .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-padding-after: 13px;
    padding-block-end:13px}

.veriy-access-list-modal[dir=ltr] .content,.veriy-access-list-modal[dir=rtl] .content,[dir=ltr] .veriy-access-list-modal .content,[dir=rtl] .veriy-access-list-modal .content {
    padding-bottom: 13px
}

.veriy-access-list-modal .content .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .veriy-access-list-modal .content .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.veriy-access-list-modal .content .description {
    color: rgba(0,0,0,.48);
    -webkit-margin-before: 7px;
    margin-block-start:7px;padding-inline:20px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.veriy-access-list-modal[dir=ltr] .content .description,.veriy-access-list-modal[dir=rtl] .content .description,[dir=ltr] .veriy-access-list-modal .content .description,[dir=rtl] .veriy-access-list-modal .content .description {
    margin-top: 7px;
    padding-left: 20px;
    padding-right: 20px
}

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

.veriy-access-list-modal .content .participants-list {
    -webkit-margin-before: 20px;
    margin-block-start:20px;text-align: start;
    -webkit-padding-start: 20px;
    padding-inline-start:20px}

.veriy-access-list-modal[dir=ltr] .content .participants-list,[dir=ltr] .veriy-access-list-modal .content .participants-list {
    margin-top: 20px;
    text-align: left;
    padding-left: 20px
}

.veriy-access-list-modal[dir=rtl] .content .participants-list,[dir=rtl] .veriy-access-list-modal .content .participants-list {
    margin-top: 20px;
    text-align: right;
    padding-right: 20px
}

.veriy-access-list-modal .content .participants-list .list-row {
    margin-block:10px}

.veriy-access-list-modal[dir=ltr] .content .participants-list .list-row,.veriy-access-list-modal[dir=rtl] .content .participants-list .list-row,[dir=ltr] .veriy-access-list-modal .content .participants-list .list-row,[dir=rtl] .veriy-access-list-modal .content .participants-list .list-row {
    margin-top: 10px;
    margin-bottom: 10px
}

.veriy-access-list-modal .content .participants-list .list-row ui-radio-button {
    -webkit-margin-end: 16px;
    margin-inline-end:16px}

.veriy-access-list-modal[dir=ltr] .content .participants-list .list-row ui-radio-button,[dir=ltr] .veriy-access-list-modal .content .participants-list .list-row ui-radio-button {
    margin-right: 16px
}

.veriy-access-list-modal[dir=rtl] .content .participants-list .list-row ui-radio-button,[dir=rtl] .veriy-access-list-modal .content .participants-list .list-row ui-radio-button {
    margin-left: 16px
}

.veriy-access-list-modal .actions {
    inline-size: 100%;
    -webkit-padding-before: 17px;
    padding-block-start:17px;-webkit-padding-after: 10px;
    padding-block-end:10px;padding-inline: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-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.veriy-access-list-modal[dir=ltr] .actions,.veriy-access-list-modal[dir=rtl] .actions,[dir=ltr] .veriy-access-list-modal .actions,[dir=rtl] .veriy-access-list-modal .actions {
    width: 100%;
    padding: 17px 20px 10px
}

@media (max-width: 759px) {
    .veriy-access-list-modal .actions {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.veriy-access-list-modal .actions ui-button {
    margin-inline:7px;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
}

.veriy-access-list-modal[dir=ltr] .actions ui-button,.veriy-access-list-modal[dir=rtl] .actions ui-button,[dir=ltr] .veriy-access-list-modal .actions ui-button,[dir=rtl] .veriy-access-list-modal .actions ui-button {
    margin-left: 7px;
    margin-right: 7px
}

.veriy-access-list-modal .actions ui-button:nth-child(2) {
    -webkit-margin-after: 0;
    margin-block-end:0}

.veriy-access-list-modal[dir=ltr] .actions ui-button:nth-child(2),.veriy-access-list-modal[dir=rtl] .actions ui-button:nth-child(2),[dir=ltr] .veriy-access-list-modal .actions ui-button:nth-child(2),[dir=rtl] .veriy-access-list-modal .actions ui-button:nth-child(2) {
    margin-bottom: 0
}

@media (max-width: 759px) {
    .veriy-access-list-modal .actions ui-button:nth-child(2) {
        -webkit-margin-after:20px;
        margin-block-end:20px}

    .veriy-access-list-modal[dir=ltr] .actions ui-button:nth-child(2),.veriy-access-list-modal[dir=rtl] .actions ui-button:nth-child(2),[dir=ltr] .veriy-access-list-modal .actions ui-button:nth-child(2),[dir=rtl] .veriy-access-list-modal .actions ui-button:nth-child(2) {
        margin-bottom: 20px
    }
}

@-webkit-keyframes adp-modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes adp-modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes adp-modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes adp-modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

ui-pane-backdrop.adp-modal-pane.is-visible {
    background-color: rgba(245,245,247,.95);
    z-index: 1
}

ui-pane.adp-modal-pane {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%
}

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

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

ui-pane.adp-modal-pane.is-closing {
    -webkit-animation: adp-modal-fade-out;
    animation: adp-modal-fade-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

ui-pane.adp-modal-pane.is-opening {
    -webkit-animation: adp-modal-fade-in;
    animation: adp-modal-fade-in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.adp-modal {
    position: absolute;
    -webkit-margin-before: 100px;
    margin-block-start:100px;-webkit-margin-start: -webkit-calc(50% - 227px);
    margin-inline-start:calc(50% - 227px);background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.2);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,.2);
    padding-inline:40px;padding-block:28px;border-radius: 10px;
    inline-size: 450px;
    min-block-size: 212px
}

.adp-modal[dir=ltr],[dir=ltr] .adp-modal {
    margin-top: 100px;
    margin-left: calc(50% - 227px);
    width: 450px;
    min-height: 212px;
    padding: 28px 40px
}

.adp-modal[dir=rtl],[dir=rtl] .adp-modal {
    margin-top: 100px;
    margin-right: calc(50% - 227px);
    width: 450px;
    min-height: 212px;
    padding: 28px 40px
}

.adp-modal-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%
}

.adp-modal-content[dir=ltr],.adp-modal-content[dir=rtl],[dir=ltr] .adp-modal-content,[dir=rtl] .adp-modal-content {
    height: 100%
}

.adp-modal-content h2 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    outline: none;
    color: #1d1d1f;
    -webkit-margin-before: 16px;
    margin-block-start:16px;text-align: center
}

.adp-modal-content[dir=ltr] h2,.adp-modal-content[dir=rtl] h2,[dir=ltr] .adp-modal-content h2,[dir=rtl] .adp-modal-content h2 {
    margin-top: 16px
}

[apple-system-font-capable] .adp-modal-content h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.adp-modal-content h2.with-ellipsis {
    white-space: nowrap
}

.adp-modal-content h2.with-ellipsis>span:first-child {
    white-space: normal
}

.adp-modal-content .description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6e6e73;
    -webkit-margin-before: 22px;
    margin-block-start:22px;text-align: center
}

.adp-modal-content[dir=ltr] .description,.adp-modal-content[dir=rtl] .description,[dir=ltr] .adp-modal-content .description,[dir=rtl] .adp-modal-content .description {
    margin-top: 22px
}

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

.adp-modal-content .didnt-receive {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6e6e73;
    -webkit-margin-before: 22px;
    margin-block-start:22px;text-align: center
}

.adp-modal-content[dir=ltr] .didnt-receive,.adp-modal-content[dir=rtl] .didnt-receive,[dir=ltr] .adp-modal-content .didnt-receive,[dir=rtl] .adp-modal-content .didnt-receive {
    margin-top: 22px
}

[apple-system-font-capable] .adp-modal-content .didnt-receive {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.adp-modal-content .button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    inline-size: 100%
}

.adp-modal-content[dir=ltr] .button-container,.adp-modal-content[dir=rtl] .button-container,[dir=ltr] .adp-modal-content .button-container,[dir=rtl] .adp-modal-content .button-container {
    width: 100%
}

.adp-modal-content .button-container-spacer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.adp-modal-content .status-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    inline-size: 100%;
    block-size: 100px
}

.adp-modal-content[dir=ltr] .status-container,.adp-modal-content[dir=rtl] .status-container,[dir=ltr] .adp-modal-content .status-container,[dir=rtl] .adp-modal-content .status-container {
    width: 100%;
    height: 100px
}

.adp-modal-content .arming-activity-indicator {
    -webkit-transform: translateY(-2px) scale(68%);
    transform: translateY(-2px) scale(68%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    vertical-align: middle;
    -webkit-margin-end: 4px;
    margin-inline-end:4px}

.adp-modal-content[dir=ltr] .arming-activity-indicator,[dir=ltr] .adp-modal-content .arming-activity-indicator {
    margin-right: 4px
}

.adp-modal-content[dir=rtl] .arming-activity-indicator,[dir=rtl] .adp-modal-content .arming-activity-indicator {
    margin-left: 4px
}

.adp-modal-content .grant-access-extra {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: #1d1d1f;
    -webkit-margin-before: 25px;
    margin-block-start:25px}

.adp-modal-content[dir=ltr] .grant-access-extra,.adp-modal-content[dir=rtl] .grant-access-extra,[dir=ltr] .adp-modal-content .grant-access-extra,[dir=rtl] .adp-modal-content .grant-access-extra {
    margin-top: 25px
}

[apple-system-font-capable] .adp-modal-content .grant-access-extra {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.adp-modal-content .checkmark-circle-fill {
    margin: auto;
    fill: #03a10e;
    inline-size: 32px;
    block-size: 32px
}

.adp-modal-content[dir=ltr] .checkmark-circle-fill,.adp-modal-content[dir=rtl] .checkmark-circle-fill,[dir=ltr] .adp-modal-content .checkmark-circle-fill,[dir=rtl] .adp-modal-content .checkmark-circle-fill {
    width: 32px;
    height: 32px
}

.adp-modal-content .fetching-activity-indicator {
    -webkit-margin-before: 20px;
    margin-block-start:20px;display: block
}

.adp-modal-content[dir=ltr] .fetching-activity-indicator,.adp-modal-content[dir=rtl] .fetching-activity-indicator,[dir=ltr] .adp-modal-content .fetching-activity-indicator,[dir=rtl] .adp-modal-content .fetching-activity-indicator {
    margin-top: 20px
}

.adp-modal-content ui-button.send-again {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    -webkit-margin-before: 4px;
    margin-block-start:4px;cursor: pointer;
    color: #0071e3
}

.adp-modal-content[dir=ltr] ui-button.send-again,.adp-modal-content[dir=rtl] ui-button.send-again,[dir=ltr] .adp-modal-content ui-button.send-again,[dir=rtl] .adp-modal-content ui-button.send-again {
    margin-top: 4px
}

[apple-system-font-capable] .adp-modal-content ui-button.send-again {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .adp-modal-content ui-button.send-again:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        color:#0077ed
    }
}

.adp-modal-content ui-button.send-again.active:not([aria-disabled=true]):not(.disabled),.adp-modal-content ui-button.send-again:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: #006edb
}

.adp-modal-content ui-button.send-again:focus,.adp-modal-content ui-button.send-again:focus-visible {
    outline: none
}

.adp-modal-content ui-button.send-again.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: ""
}

.adp-modal-content ui-button.failed-ok {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    min-inline-size: 180px;
    line-height: 36px;
    padding-inline:22px;border-radius: 22px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: auto;
    -webkit-margin-before: 28px;
    margin-block-start:28px;background-color: #0071e3;
    color: #fff
}

.adp-modal-content[dir=ltr] ui-button.failed-ok,.adp-modal-content[dir=rtl] ui-button.failed-ok,[dir=ltr] .adp-modal-content ui-button.failed-ok,[dir=rtl] .adp-modal-content ui-button.failed-ok {
    min-width: 180px;
    margin-top: 28px;
    padding-left: 22px;
    padding-right: 22px
}

[apple-system-font-capable] .adp-modal-content ui-button.failed-ok {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .adp-modal-content ui-button.failed-ok:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0077ed
    }
}

.adp-modal-content ui-button.failed-ok.active:not([aria-disabled=true]):not(.disabled),.adp-modal-content ui-button.failed-ok:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #006edb
}

.adp-modal-content ui-button.failed-ok:focus,.adp-modal-content ui-button.failed-ok:focus-visible {
    outline: none
}

.adp-modal-content ui-button.failed-ok.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: ""
}

.adp-modal-content ui-button.cancel {
    -webkit-margin-before: 44px;
    margin-block-start:44px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    min-inline-size: 180px;
    line-height: 36px;
    block-size: 36px;
    border-radius: 6px;
    cursor: pointer;
    margin: auto;
    background-color: #e8e8ed;
    color: rgba(0,0,0,.88)
}

.adp-modal-content[dir=ltr] ui-button.cancel,.adp-modal-content[dir=rtl] ui-button.cancel,[dir=ltr] .adp-modal-content ui-button.cancel,[dir=rtl] .adp-modal-content ui-button.cancel {
    margin-top: 44px;
    min-width: 180px;
    height: 36px
}

[apple-system-font-capable] .adp-modal-content ui-button.cancel {
    font-family: system-ui,Helvetica Neue,sans-serif
}

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

.adp-modal-content ui-button.cancel.active:not([aria-disabled=true]):not(.disabled),.adp-modal-content ui-button.cancel:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #e6e6eb
}

.adp-modal-content ui-button.cancel:focus,.adp-modal-content ui-button.cancel:focus-visible {
    outline: none
}

.adp-modal-content ui-button.cancel.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: ""
}

.adp-modal-content .ellipsis {
    display: inline-block;
    -webkit-padding-start: 6px;
    padding-inline-start:6px;inline-size: 15px
}

.adp-modal-content[dir=ltr] .ellipsis,[dir=ltr] .adp-modal-content .ellipsis {
    padding-left: 6px;
    width: 15px
}

.adp-modal-content[dir=rtl] .ellipsis,[dir=rtl] .adp-modal-content .ellipsis {
    padding-right: 6px;
    width: 15px
}

.adp-modal-content .ellipsis .dots,.adp-modal-content .ellipsis .dots:after,.adp-modal-content .ellipsis .dots:before {
    background-color: #d2d2d7;
    block-size: 3px;
    border-radius: 1.5px;
    color: #d2d2d7;
    inline-size: 3px
}

.adp-modal-content[dir=ltr] .ellipsis .dots,.adp-modal-content[dir=ltr] .ellipsis .dots:after,.adp-modal-content[dir=ltr] .ellipsis .dots:before,.adp-modal-content[dir=rtl] .ellipsis .dots,.adp-modal-content[dir=rtl] .ellipsis .dots:after,.adp-modal-content[dir=rtl] .ellipsis .dots:before,[dir=ltr] .adp-modal-content .ellipsis .dots,[dir=ltr] .adp-modal-content .ellipsis .dots:after,[dir=ltr] .adp-modal-content .ellipsis .dots:before,[dir=rtl] .adp-modal-content .ellipsis .dots,[dir=rtl] .adp-modal-content .ellipsis .dots:after,[dir=rtl] .adp-modal-content .ellipsis .dots:before {
    height: 3px;
    width: 3px
}

.adp-modal-content .ellipsis .dots {
    display: block;
    -webkit-animation: dotFlashing 1s linear infinite alternate;
    animation: dotFlashing 1s linear infinite alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    position: relative
}

.adp-modal-content .ellipsis .dots:after,.adp-modal-content .ellipsis .dots:before {
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    position: absolute
}

.adp-modal-content .ellipsis .dots:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    inset-inline-start: -4.5px
}

.adp-modal-content[dir=ltr] .ellipsis .dots:before,[dir=ltr] .adp-modal-content .ellipsis .dots:before {
    left: -4.5px
}

.adp-modal-content[dir=rtl] .ellipsis .dots:before,[dir=rtl] .adp-modal-content .ellipsis .dots:before {
    right: -4.5px
}

.adp-modal-content .ellipsis .dots:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    inset-inline-start: 4.5px
}

.adp-modal-content[dir=ltr] .ellipsis .dots:after,[dir=ltr] .adp-modal-content .ellipsis .dots:after {
    left: 4.5px
}

.adp-modal-content[dir=rtl] .ellipsis .dots:after,[dir=rtl] .adp-modal-content .ellipsis .dots:after {
    right: 4.5px
}

.settings-page-route footer {
    -webkit-margin-before: 0;
    margin-block-start:0}

.settings-page-route[dir=ltr] footer,.settings-page-route[dir=rtl] footer,[dir=ltr] .settings-page-route footer,[dir=rtl] .settings-page-route footer {
    margin-top: 0
}

.settings-page-route footer.gray-theme {
    background-color: #e8e8ed
}

.settings-page-route footer .breadcrumbs {
    -webkit-padding-before: 160px;
    padding-block-start:160px}

.settings-page-route[dir=ltr] footer .breadcrumbs,.settings-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .settings-page-route footer .breadcrumbs,[dir=rtl] .settings-page-route footer .breadcrumbs {
    padding-top: 160px
}

@media (max-width: 759px) {
    .settings-page-route footer .breadcrumbs {
        -webkit-padding-before:120px;
        padding-block-start:120px}

    .settings-page-route[dir=ltr] footer .breadcrumbs,.settings-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .settings-page-route footer .breadcrumbs,[dir=rtl] .settings-page-route footer .breadcrumbs {
        padding-top: 120px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .settings-page-route footer .breadcrumbs {
        -webkit-padding-before:140px;
        padding-block-start:140px}

    .settings-page-route[dir=ltr] footer .breadcrumbs,.settings-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .settings-page-route footer .breadcrumbs,[dir=rtl] .settings-page-route footer .breadcrumbs {
        padding-top: 140px
    }
}

@media (max-width: 759px) {
    .settings-page-route footer .breadcrumbs {
        -webkit-margin-start:25px;
        margin-inline-start:25px}

    .settings-page-route[dir=ltr] footer .breadcrumbs,[dir=ltr] .settings-page-route footer .breadcrumbs {
        margin-left: 25px
    }

    .settings-page-route[dir=rtl] footer .breadcrumbs,[dir=rtl] .settings-page-route footer .breadcrumbs {
        margin-right: 25px
    }
}

.settings-page-route .account-page .account-page-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;
    -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;
    padding-block:50px}

.settings-page-route[dir=ltr] .account-page .account-page-header,.settings-page-route[dir=rtl] .account-page .account-page-header,[dir=ltr] .settings-page-route .account-page .account-page-header,[dir=rtl] .settings-page-route .account-page .account-page-header {
    padding-top: 50px;
    padding-bottom: 50px
}

.settings-page-route .account-page .account-page-header h1 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -.24px;
    line-height: 52px
}

[apple-system-font-capable] .settings-page-route .account-page .account-page-header h1 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 760px) {
    .settings-page-route .account-page .account-page-header h1 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 36px
    }

    [apple-system-font-capable] .settings-page-route .account-page .account-page-header h1 {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.settings-page-route .account-page .account-page-header h1.tall {
    line-height: 1.8
}

.settings-page-route .account-page .plan-card {
    -webkit-margin-after: 50px;
    margin-block-end:50px}

.settings-page-route[dir=ltr] .account-page .plan-card,.settings-page-route[dir=rtl] .account-page .plan-card,[dir=ltr] .settings-page-route .account-page .plan-card,[dir=rtl] .settings-page-route .account-page .plan-card {
    margin-bottom: 50px
}

.settings-page-route .account-page .page-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
}

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

    .settings-page-route .account-page .page-content .content-column:first-child {
        -webkit-padding-end: 42px;
        padding-inline-end:42px;-webkit-border-end: 1px solid hsla(0,0%,59.2%,.25);
        border-inline-end:1px solid hsla(0,0%,59.2%,.25);-webkit-padding-after: 0;
        padding-block-end:0}

    .settings-page-route[dir=ltr] .account-page .page-content .content-column:first-child,[dir=ltr] .settings-page-route .account-page .page-content .content-column:first-child {
        padding-right: 42px;
        border-right: 1px solid hsla(0,0%,59.2%,.25);
        padding-bottom: 0
    }

    .settings-page-route[dir=rtl] .account-page .page-content .content-column:first-child,[dir=rtl] .settings-page-route .account-page .page-content .content-column:first-child {
        padding-left: 42px;
        border-left: 1px solid hsla(0,0%,59.2%,.25);
        padding-bottom: 0
    }

    .settings-page-route .account-page .page-content .content-column:last-child {
        -webkit-padding-start: 42px;
        padding-inline-start:42px}

    .settings-page-route[dir=ltr] .account-page .page-content .content-column:last-child,[dir=ltr] .settings-page-route .account-page .page-content .content-column:last-child {
        padding-left: 42px
    }

    .settings-page-route[dir=rtl] .account-page .page-content .content-column:last-child,[dir=rtl] .settings-page-route .account-page .page-content .content-column:last-child {
        padding-right: 42px
    }
}

.settings-page-route .account-page .page-content ui-button.push.primary.standard-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    -webkit-margin-start: -8px;
    margin-inline-start:-8px;padding-inline:6px;padding-block:0}

.settings-page-route[dir=ltr] .account-page .page-content ui-button.push.primary.standard-button,[dir=ltr] .settings-page-route .account-page .page-content ui-button.push.primary.standard-button {
    margin-left: -8px;
    padding: 0 6px
}

.settings-page-route[dir=rtl] .account-page .page-content ui-button.push.primary.standard-button,[dir=rtl] .settings-page-route .account-page .page-content ui-button.push.primary.standard-button {
    margin-right: -8px;
    padding: 0 6px
}

[apple-system-font-capable] .settings-page-route .account-page .page-content ui-button.push.primary.standard-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.settings-page-route .account-page .page-content ui-button.push.primary.standard-button.tall {
    line-height: 1.8
}

.settings-page-route .account-page .page-content ui-button.push.primary.standard-button svg {
    -webkit-margin-start: 5px;
    margin-inline-start:5px;overflow: visible
}

.settings-page-route[dir=ltr] .account-page .page-content ui-button.push.primary.standard-button svg,[dir=ltr] .settings-page-route .account-page .page-content ui-button.push.primary.standard-button svg {
    margin-left: 5px
}

.settings-page-route[dir=rtl] .account-page .page-content ui-button.push.primary.standard-button svg,[dir=rtl] .settings-page-route .account-page .page-content ui-button.push.primary.standard-button svg {
    margin-right: 5px
}

.settings-page-route .account-page .content-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.settings-page-route .account-page .content-column:first-child {
    -webkit-padding-after: 20px;
    padding-block-end:20px}

.settings-page-route[dir=ltr] .account-page .content-column:first-child,.settings-page-route[dir=rtl] .account-page .content-column:first-child,[dir=ltr] .settings-page-route .account-page .content-column:first-child,[dir=rtl] .settings-page-route .account-page .content-column:first-child {
    padding-bottom: 20px
}

.settings-page-route .account-page .content-column>section {
    color: #1d1d1f
}

.settings-page-route .account-page .content-column>section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px
}

[apple-system-font-capable] .settings-page-route .account-page .content-column>section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 760px) {
    .settings-page-route .account-page .content-column>section h2 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

    [apple-system-font-capable] .settings-page-route .account-page .content-column>section h2 {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.settings-page-route .account-page .content-column>section h3 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    -webkit-margin-before: 25px;
    margin-block-start:25px;-webkit-margin-after: 7px;
    margin-block-end:7px}

.settings-page-route[dir=ltr] .account-page .content-column>section h3,.settings-page-route[dir=rtl] .account-page .content-column>section h3,[dir=ltr] .settings-page-route .account-page .content-column>section h3,[dir=rtl] .settings-page-route .account-page .content-column>section h3 {
    margin-top: 25px;
    margin-bottom: 7px
}

[apple-system-font-capable] .settings-page-route .account-page .content-column>section h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 760px) {
    .settings-page-route .account-page .content-column>section h3 {
        font-family:SF Pro Text,Helvetica Neue,sans-serif;
        font-size: 19px;
        font-weight: 600;
        line-height: 23px
    }

    [apple-system-font-capable] .settings-page-route .account-page .content-column>section h3 {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.settings-page-route .account-page .content-column>section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-block:5px}

.settings-page-route[dir=ltr] .account-page .content-column>section p,.settings-page-route[dir=rtl] .account-page .content-column>section p,[dir=ltr] .settings-page-route .account-page .content-column>section p,[dir=rtl] .settings-page-route .account-page .content-column>section p {
    margin-top: 5px;
    margin-bottom: 5px
}

[apple-system-font-capable] .settings-page-route .account-page .content-column>section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.settings-page-route .account-page .content-column>section p.account-email {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 7px;
    margin-block-start:7px;-webkit-margin-after: 45px;
    margin-block-end:45px}

.settings-page-route[dir=ltr] .account-page .content-column>section p.account-email,.settings-page-route[dir=rtl] .account-page .content-column>section p.account-email,[dir=ltr] .settings-page-route .account-page .content-column>section p.account-email,[dir=rtl] .settings-page-route .account-page .content-column>section p.account-email {
    margin-top: 7px;
    margin-bottom: 45px
}

[apple-system-font-capable] .settings-page-route .account-page .content-column>section p.account-email {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.settings-page-route .account-page .content-column>section section {
    -webkit-margin-after: 30px;
    margin-block-end:30px}

.settings-page-route[dir=ltr] .account-page .content-column>section section,.settings-page-route[dir=rtl] .account-page .content-column>section section,[dir=ltr] .settings-page-route .account-page .content-column>section section,[dir=rtl] .settings-page-route .account-page .content-column>section section {
    margin-bottom: 30px
}

.settings-page-route .account-page .content-column>section section.final-section {
    -webkit-margin-after: 0;
    margin-block-end:0}

.settings-page-route[dir=ltr] .account-page .content-column>section section.final-section,.settings-page-route[dir=rtl] .account-page .content-column>section section.final-section,[dir=ltr] .settings-page-route .account-page .content-column>section section.final-section,[dir=rtl] .settings-page-route .account-page .content-column>section section.final-section {
    margin-bottom: 0
}

.settings-page-route .account-page .content-column>section section .external-link {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .settings-page-route .account-page .content-column>section section .external-link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.modal.standard.for-ui-popup.notification-pop>ui-popup {
    min-inline-size: 690px
}

[dir=ltr] ui-pane.modal.standard.for-ui-popup.notification-pop>ui-popup,[dir=rtl] ui-pane.modal.standard.for-ui-popup.notification-pop>ui-popup,ui-pane.modal.standard.for-ui-popup.notification-pop[dir=ltr]>ui-popup,ui-pane.modal.standard.for-ui-popup.notification-pop[dir=rtl]>ui-popup {
    min-width: 690px
}

.notification-settings-overlay {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 100%;
    border-radius: 8px 8px 0 0
}

.notification-settings-overlay[dir=ltr],.notification-settings-overlay[dir=rtl],[dir=ltr] .notification-settings-overlay,[dir=rtl] .notification-settings-overlay {
    height: 100%
}

.notification-settings-overlay .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto;
    padding: 30px
}

.notification-settings-overlay .content .title-icon {
    -webkit-padding-before: 10px;
    padding-block-start:10px}

.notification-settings-overlay[dir=ltr] .content .title-icon,.notification-settings-overlay[dir=rtl] .content .title-icon,[dir=ltr] .notification-settings-overlay .content .title-icon,[dir=rtl] .notification-settings-overlay .content .title-icon {
    padding-top: 10px
}

.notification-settings-overlay .content h2 {
    margin-block:10px;text-align: center
}

.notification-settings-overlay[dir=ltr] .content h2,.notification-settings-overlay[dir=rtl] .content h2,[dir=ltr] .notification-settings-overlay .content h2,[dir=rtl] .notification-settings-overlay .content h2 {
    margin-top: 10px;
    margin-bottom: 10px
}

.notification-settings-overlay .content .notification-switch-wrapper>div.notification-switch {
    padding-block:2px}

.notification-settings-overlay[dir=ltr] .content .notification-switch-wrapper>div.notification-switch,.notification-settings-overlay[dir=rtl] .content .notification-switch-wrapper>div.notification-switch,[dir=ltr] .notification-settings-overlay .content .notification-switch-wrapper>div.notification-switch,[dir=rtl] .notification-settings-overlay .content .notification-switch-wrapper>div.notification-switch {
    padding-top: 2px;
    padding-bottom: 2px
}

.notification-settings-overlay .content .browser-push-notification-title {
    font-weight: 600
}

.notification-settings-overlay .content .browser-push-notifications-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #515154;
    text-align: center;
    max-inline-size: 475px
}

.notification-settings-overlay[dir=ltr] .content .browser-push-notifications-description,.notification-settings-overlay[dir=rtl] .content .browser-push-notifications-description,[dir=ltr] .notification-settings-overlay .content .browser-push-notifications-description,[dir=rtl] .notification-settings-overlay .content .browser-push-notifications-description {
    max-width: 475px
}

[apple-system-font-capable] .notification-settings-overlay .content .browser-push-notifications-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content .notification-switches-notes-container {
    max-inline-size: 525px
}

.notification-settings-overlay[dir=ltr] .content .notification-switches-notes-container,.notification-settings-overlay[dir=rtl] .content .notification-switches-notes-container,[dir=ltr] .notification-settings-overlay .content .notification-switches-notes-container,[dir=rtl] .notification-settings-overlay .content .notification-switches-notes-container {
    max-width: 525px
}

.notification-settings-overlay .content svg {
    fill: #0071eb
}

.notification-settings-overlay .content ui-activity-indicator.loading-content {
    -webkit-margin-before: 50px;
    margin-block-start:50px}

.notification-settings-overlay[dir=ltr] .content ui-activity-indicator.loading-content,.notification-settings-overlay[dir=rtl] .content ui-activity-indicator.loading-content,[dir=ltr] .notification-settings-overlay .content ui-activity-indicator.loading-content,[dir=rtl] .notification-settings-overlay .content ui-activity-indicator.loading-content {
    margin-top: 50px
}

.notification-settings-overlay .content .denied-content {
    text-align: center;
    -webkit-margin-before: 40px;
    margin-block-start:40px}

.notification-settings-overlay[dir=ltr] .content .denied-content,.notification-settings-overlay[dir=rtl] .content .denied-content,[dir=ltr] .notification-settings-overlay .content .denied-content,[dir=rtl] .notification-settings-overlay .content .denied-content {
    margin-top: 40px
}

.notification-settings-overlay .content .denied-content .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    -webkit-margin-after: 5px;
    margin-block-end:5px}

.notification-settings-overlay[dir=ltr] .content .denied-content .title,.notification-settings-overlay[dir=rtl] .content .denied-content .title,[dir=ltr] .notification-settings-overlay .content .denied-content .title,[dir=rtl] .notification-settings-overlay .content .denied-content .title {
    margin-bottom: 5px
}

[apple-system-font-capable] .notification-settings-overlay .content .denied-content .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content .denied-content .description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-margin-after: 15px;
    margin-block-end:15px}

.notification-settings-overlay[dir=ltr] .content .denied-content .description,.notification-settings-overlay[dir=rtl] .content .denied-content .description,[dir=ltr] .notification-settings-overlay .content .denied-content .description,[dir=rtl] .notification-settings-overlay .content .denied-content .description {
    margin-bottom: 15px
}

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

.notification-settings-overlay .content .denied-content .link {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

[apple-system-font-capable] .notification-settings-overlay .content .denied-content .link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content #calendar-switch-description,.notification-settings-overlay .content #mail-switch-description {
    max-inline-size: 400px
}

.notification-settings-overlay[dir=ltr] .content #calendar-switch-description,.notification-settings-overlay[dir=ltr] .content #mail-switch-description,.notification-settings-overlay[dir=rtl] .content #calendar-switch-description,.notification-settings-overlay[dir=rtl] .content #mail-switch-description,[dir=ltr] .notification-settings-overlay .content #calendar-switch-description,[dir=ltr] .notification-settings-overlay .content #mail-switch-description,[dir=rtl] .notification-settings-overlay .content #calendar-switch-description,[dir=rtl] .notification-settings-overlay .content #mail-switch-description {
    max-width: 400px
}

.notification-settings-overlay .content .notification-switches-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-before: 35px;
    margin-block-start:35px;inline-size: 100%
}

.notification-settings-overlay[dir=ltr] .content .notification-switches-container,.notification-settings-overlay[dir=rtl] .content .notification-switches-container,[dir=ltr] .notification-settings-overlay .content .notification-switches-container,[dir=rtl] .notification-settings-overlay .content .notification-switches-container {
    margin-top: 35px;
    width: 100%
}

.notification-settings-overlay .content .notification-switches-container.denied {
    opacity: .5
}

.notification-settings-overlay .content .notification-switches-container.denied ui-switch[aria-disabled=true] {
    opacity: 1
}

.notification-settings-overlay .content .notification-switches-container .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    -webkit-margin-start: 15px;
    margin-inline-start:15px;-webkit-margin-after: 15px;
    margin-block-end:15px}

.notification-settings-overlay[dir=ltr] .content .notification-switches-container .title,[dir=ltr] .notification-settings-overlay .content .notification-switches-container .title {
    margin-left: 15px;
    margin-bottom: 15px
}

.notification-settings-overlay[dir=rtl] .content .notification-switches-container .title,[dir=rtl] .notification-settings-overlay .content .notification-switches-container .title {
    margin-right: 15px;
    margin-bottom: 15px
}

[apple-system-font-capable] .notification-settings-overlay .content .notification-switches-container .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content .notification-settings-note {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-padding-start: 11px;
    padding-inline-start:11px;-webkit-padding-end: 25px;
    padding-inline-end:25px;-webkit-padding-before: 3px;
    padding-block-start:3px}

.notification-settings-overlay[dir=ltr] .content .notification-settings-note,[dir=ltr] .notification-settings-overlay .content .notification-settings-note {
    padding-left: 11px;
    padding-right: 25px;
    padding-top: 3px
}

.notification-settings-overlay[dir=rtl] .content .notification-settings-note,[dir=rtl] .notification-settings-overlay .content .notification-settings-note {
    padding-right: 11px;
    padding-left: 25px;
    padding-top: 3px
}

[apple-system-font-capable] .notification-settings-overlay .content .notification-settings-note {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content .notification-settings-note .learn-more {
    -webkit-padding-start: 5px;
    padding-inline-start:5px}

.notification-settings-overlay[dir=ltr] .content .notification-settings-note .learn-more,[dir=ltr] .notification-settings-overlay .content .notification-settings-note .learn-more {
    padding-left: 5px
}

.notification-settings-overlay[dir=rtl] .content .notification-settings-note .learn-more,[dir=rtl] .notification-settings-overlay .content .notification-settings-note .learn-more {
    padding-right: 5px
}

.notification-settings-overlay .content .notification-settings-note span.learn-more>a>span>svg {
    block-size: 6.5px!important;
    inline-size: 6.5px!important
}

.notification-settings-overlay[dir=ltr] .content .notification-settings-note span.learn-more>a>span>svg,.notification-settings-overlay[dir=rtl] .content .notification-settings-note span.learn-more>a>span>svg,[dir=ltr] .notification-settings-overlay .content .notification-settings-note span.learn-more>a>span>svg,[dir=rtl] .notification-settings-overlay .content .notification-settings-note span.learn-more>a>span>svg {
    height: 6.5px!important;
    width: 6.5px!important
}

.notification-settings-overlay .content .calendar-note {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.56);
    max-inline-size: 515px;
    -webkit-padding-start: 11px;
    padding-inline-start:11px;-webkit-padding-end: 25px;
    padding-inline-end:25px;-webkit-margin-before: 45px;
    margin-block-start:45px}

.notification-settings-overlay[dir=ltr] .content .calendar-note,[dir=ltr] .notification-settings-overlay .content .calendar-note {
    max-width: 515px;
    padding-left: 11px;
    padding-right: 25px;
    margin-top: 45px
}

.notification-settings-overlay[dir=rtl] .content .calendar-note,[dir=rtl] .notification-settings-overlay .content .calendar-note {
    max-width: 515px;
    padding-right: 11px;
    padding-left: 25px;
    margin-top: 45px
}

[apple-system-font-capable] .notification-settings-overlay .content .calendar-note {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .content .calendar-note .divider {
    -webkit-margin-after: 10px;
    margin-block-end:10px;-webkit-border-after: 1px solid hsla(0,0%,59.2%,.25)!important;
    border-block-end:1px solid hsla(0,0%,59.2%,.25)!important}

.notification-settings-overlay[dir=ltr] .content .calendar-note .divider,.notification-settings-overlay[dir=rtl] .content .calendar-note .divider,[dir=ltr] .notification-settings-overlay .content .calendar-note .divider,[dir=rtl] .notification-settings-overlay .content .calendar-note .divider {
    margin-bottom: 10px;
    border-bottom: 1px solid hsla(0,0%,59.2%,.25)!important
}

.notification-settings-overlay .close-button {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.notification-settings-overlay .button-container {
    background-color: #f8f8fc;
    -webkit-margin-before: auto;
    margin-block-start:auto;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-inline:30px;inline-size: -webkit-calc(100% + 40px);
    inline-size: calc(100% + 40px);
    -webkit-margin-after: -20px;
    margin-block-end:-20px;padding-block:20px;-webkit-border-before: .5px solid #d1d1d1;
    border-block-start:.5px solid #d1d1d1}

.notification-settings-overlay[dir=ltr] .button-container,.notification-settings-overlay[dir=rtl] .button-container,[dir=ltr] .notification-settings-overlay .button-container,[dir=rtl] .notification-settings-overlay .button-container {
    margin-top: auto;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-bottom: -20px;
    border-top: .5px solid #d1d1d1;
    padding: 20px 30px
}

.notification-settings-overlay .button-container ui-button.push {
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    inline-size: 100%;
    border-radius: 8px;
    min-inline-size: 28px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px;-webkit-padding-end: 16px;
    padding-inline-end:16px;-webkit-padding-before: 8px;
    padding-block-start:8px;-webkit-padding-after: 8px;
    padding-block-end:8px;cursor: pointer;
    border: 0;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    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;
    block-size: 36px;
    inline-size: 180px
}

.notification-settings-overlay[dir=ltr] .button-container ui-button.push,.notification-settings-overlay[dir=rtl] .button-container ui-button.push,[dir=ltr] .notification-settings-overlay .button-container ui-button.push,[dir=rtl] .notification-settings-overlay .button-container ui-button.push {
    width: 100%;
    min-width: 28px;
    padding: 8px 16px;
    height: 36px;
    width: 180px
}

[apple-system-font-capable] .notification-settings-overlay .button-container ui-button.push {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notification-settings-overlay .button-container ui-button.push.primary {
    background-color: #0071e3;
    font-weight: 400;
    color: #fff
}

@media (pointer: fine) {
    .notification-settings-overlay .button-container ui-button.push.primary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border:0;
        background-color: #0077ed
    }
}

.notification-settings-overlay .button-container ui-button.push.primary.active:not([aria-disabled=true]):not(.disabled),.notification-settings-overlay .button-container ui-button.push.primary:active:hover:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    color: #fff;
    outline: none;
    background-color: #006edb
}

.notification-settings-overlay .button-container ui-button.push.primary:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(0,125,250,.6);
    box-shadow: 0 0 0 4px rgba(0,125,250,.6)
}

.notification-settings-overlay .button-container ui-button.push.primary:focus:not([aria-disabled=true]):not(.disabled):after {
    display: none
}

.notification-settings-overlay .button-container ui-button.push.secondary {
    background-color: #e8e8ed;
    color: rgba(0,0,0,.88)
}

@media (pointer: fine) {
    .notification-settings-overlay .button-container ui-button.push.secondary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border:0;
        background-color: #ebebf0
    }
}

.notification-settings-overlay .button-container ui-button.push.secondary.active:not([aria-disabled=true]):not(.disabled),.notification-settings-overlay .button-container ui-button.push.secondary:active:hover:not([aria-disabled=true]):not(.disabled) {
    outline: none;
    border: 0;
    background-color: #e6e6eb
}

.notification-settings-overlay .button-container ui-button.push.secondary:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(0,125,250,.6);
    box-shadow: 0 0 0 4px rgba(0,125,250,.6)
}

.notification-settings-overlay .button-container ui-button.push.secondary:focus:not([aria-disabled=true]):not(.disabled):after {
    display: none
}

.notification-settings-overlay .button-container ui-button[aria-disabled=true] {
    cursor: default;
    opacity: .5
}

.notification-settings-overlay .button-container .saving {
    margin: logical 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

.notification-settings-overlay[dir=ltr] .button-container .saving,.notification-settings-overlay[dir=rtl] .button-container .saving,[dir=ltr] .notification-settings-overlay .button-container .saving,[dir=rtl] .notification-settings-overlay .button-container .saving {
    margin: 0 auto
}

[apple-system-font-capable] .notification-settings-overlay .button-container .saving {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.browser-notifications-success-alert svg,.check-permission-alert svg,.denied-alert svg {
    fill: #0071eb
}

.browser-notifications-success-alert .title:before {
    content: "";
    background-repeat: no-repeat;
    width: 268px;
    height: 158px;
    display: inline-block;
    block-size: 20px;
    inline-size: 30px;
    background-size: 60px 60px;
    background-position: 50%;
    position: relative;
    inset-block-start: 2px
}

.browser-notifications-success-alert[dir=ltr] .title:before,.browser-notifications-success-alert[dir=rtl] .title:before,[dir=ltr] .browser-notifications-success-alert .title:before,[dir=rtl] .browser-notifications-success-alert .title:before {
    height: 20px;
    width: 30px;
    top: 2px
}

.browser-notifications-success-alert .description {
    white-space: pre-wrap
}

.notification-switch-wrapper {
    -webkit-margin-after: 20px;
    margin-block-end:20px;-webkit-margin-start: 6px;
    margin-inline-start:6px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56)
}

.notification-switch-wrapper[dir=ltr],[dir=ltr] .notification-switch-wrapper {
    margin-bottom: 20px;
    margin-left: 6px
}

.notification-switch-wrapper[dir=rtl],[dir=rtl] .notification-switch-wrapper {
    margin-bottom: 20px;
    margin-right: 6px
}

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

.notification-switch-wrapper .description {
    -webkit-margin-start: 6px;
    margin-inline-start:6px}

.notification-switch-wrapper[dir=ltr] .description,[dir=ltr] .notification-switch-wrapper .description {
    margin-left: 6px
}

.notification-switch-wrapper[dir=rtl] .description,[dir=rtl] .notification-switch-wrapper .description {
    margin-right: 6px
}

.notification-switch-wrapper .notification-switch {
    padding: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.notification-switch-wrapper .notification-switch ui-switch.standard[aria-checked=true] {
    background-color: #0071e3
}

.notification-switch-wrapper .notification-switch svg {
    -webkit-margin-end: 10px;
    margin-inline-end:10px;fill: #0071e3
}

.notification-switch-wrapper[dir=ltr] .notification-switch svg,[dir=ltr] .notification-switch-wrapper .notification-switch svg {
    margin-right: 10px
}

.notification-switch-wrapper[dir=rtl] .notification-switch svg,[dir=rtl] .notification-switch-wrapper .notification-switch svg {
    margin-left: 10px
}

.notification-switch-wrapper .notification-switch ui-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #1d1d1f
}

[apple-system-font-capable] .notification-switch-wrapper .notification-switch ui-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.plan-card {
    border-radius: 24px;
    position: relative;
    block-size: 270px
}

.plan-card[dir=ltr],.plan-card[dir=rtl],[dir=ltr] .plan-card,[dir=rtl] .plan-card {
    height: 270px
}

@media (max-width: 759px) {
    .plan-card {
        block-size:240px
    }

    .plan-card[dir=ltr],.plan-card[dir=rtl],[dir=ltr] .plan-card,[dir=rtl] .plan-card {
        height: 240px
    }
}

.plan-card .plan-card-content {
    padding-inline:30px;padding-block:30px 30px;position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    block-size: 100%
}

.plan-card[dir=ltr] .plan-card-content,.plan-card[dir=rtl] .plan-card-content,[dir=ltr] .plan-card .plan-card-content,[dir=rtl] .plan-card .plan-card-content {
    height: 100%;
    padding: 30px
}

@media (max-width: 759px) {
    .plan-card .plan-card-content {
        padding-inline:20px;
        padding-block:12px 20px}

    .plan-card[dir=ltr] .plan-card-content,.plan-card[dir=rtl] .plan-card-content,[dir=ltr] .plan-card .plan-card-content,[dir=rtl] .plan-card .plan-card-content {
        padding: 12px 20px 20px
    }
}

.plan-card .plan-card-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: auto;
    margin-block-start:auto;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.plan-card[dir=ltr] .plan-card-info,.plan-card[dir=rtl] .plan-card-info,[dir=ltr] .plan-card .plan-card-info,[dir=rtl] .plan-card .plan-card-info {
    margin-top: auto
}

.plan-card .wallpaper {
    position: absolute;
    inset: 0;
    border-radius: 24px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.plan-card[dir=ltr] .wallpaper,.plan-card[dir=rtl] .wallpaper,[dir=ltr] .plan-card .wallpaper,[dir=rtl] .plan-card .wallpaper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.plan-card .wallpaper:after,.plan-card .wallpaper:before {
    content: "";
    position: absolute;
    inset: 0
}

.plan-card[dir=ltr] .wallpaper:after,.plan-card[dir=ltr] .wallpaper:before,.plan-card[dir=rtl] .wallpaper:after,.plan-card[dir=rtl] .wallpaper:before,[dir=ltr] .plan-card .wallpaper:after,[dir=ltr] .plan-card .wallpaper:before,[dir=rtl] .plan-card .wallpaper:after,[dir=rtl] .plan-card .wallpaper:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.plan-card .wallpaper img {
    -o-object-position: left -692px top -278px;
    object-position: left -692px top -278px;
    -o-object-fit: none;
    object-fit: none;
    mix-blend-mode: luminosity
}

[dir=rtl] .plan-card .wallpaper img {
    -o-object-position: right -582px top -278px;
    object-position: right -582px top -278px
}

@media (min-width: 760px) and (max-width:1164px) {
    [dir=rtl] .plan-card .wallpaper img {
        -o-object-position:right -367px top -278px;
        object-position: right -367px top -278px
    }
}

@media (max-width: 759px) {
    .plan-card .wallpaper img {
        -webkit-transform:scale(.86);
        transform: scale(.86);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -o-object-position: left -726px top -322px;
        object-position: left -726px top -322px
    }

    [dir=rtl] .plan-card .wallpaper img {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -o-object-position: right -622px top -322px;
        object-position: right -622px top -322px
    }
}

.plan-card.plus .wallpaper:before {
    background-color: #064490
}

.plan-card.plus .wallpaper:after {
    background: linear-gradient(105deg,rgba(3,152,221,.34),#c30282,#680145);
    mix-blend-mode: overlay
}

.plan-card.standard .wallpaper:before {
    background-color: #064490
}

.plan-card.standard .wallpaper:after {
    background: linear-gradient(95deg,rgba(0,197,93,.18) 55%,#1e00ff 105%);
    mix-blend-mode: overlay
}

.plan-card.lite .wallpaper:before {
    background-color: #465b75
}

.plan-card.lite .wallpaper:after {
    background: linear-gradient(95deg,rgba(0,197,93,.18) 65%,#1b3fbe 105%);
    mix-blend-mode: overlay
}

.plan-card .shadow {
    inset-block-start: 20px;
    -webkit-filter: blur(11px);
    filter: blur(11px);
    -webkit-transform: scaleX(.98) translateZ(0);
    transform: scaleX(.98) translateZ(0)
}

.plan-card[dir=ltr] .shadow,.plan-card[dir=rtl] .shadow,[dir=ltr] .plan-card .shadow,[dir=rtl] .plan-card .shadow {
    top: 20px
}

.plan-card .plan-card-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #fff
}

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

@media (max-width: 759px) {
    .plan-card .plan-card-title {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 44px;
        font-weight: 600
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

.plan-card .plan-card-description {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    color: hsla(0,0%,100%,.6)
}

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

.plan-card .plan-card-links .link {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px
}

.plan-card .plan-card-links .link:not(:last-of-type) {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.plan-card[dir=ltr] .plan-card-links .link:not(:last-of-type),.plan-card[dir=rtl] .plan-card-links .link:not(:last-of-type),[dir=ltr] .plan-card .plan-card-links .link:not(:last-of-type),[dir=rtl] .plan-card .plan-card-links .link:not(:last-of-type) {
    margin-bottom: 10px
}

[apple-system-font-capable] .plan-card .plan-card-links .link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.plan-card .plan-card-links .link a {
    text-decoration: none;
    color: #fff
}

.plan-card .plan-card-links .link a.active:not([aria-disabled=true]):not(.disabled),.plan-card .plan-card-links .link a:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(0,0%,100%,.5)
}

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

.plan-card .plan-card-links .link a svg {
    fill: #fff;
    -webkit-margin-start: 5px;
    margin-inline-start:5px;vertical-align: middle
}

.plan-card[dir=ltr] .plan-card-links .link a svg,[dir=ltr] .plan-card .plan-card-links .link a svg {
    margin-left: 5px
}

.plan-card[dir=rtl] .plan-card-links .link a svg,[dir=rtl] .plan-card .plan-card-links .link a svg {
    margin-right: 5px
}

.plan-card .quota {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    border-radius: 11px;
    padding-inline:10px;padding-block:10px}

.plan-card[dir=ltr] .quota,.plan-card[dir=rtl] .quota,[dir=ltr] .plan-card .quota,[dir=rtl] .plan-card .quota {
    padding: 10px
}

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

.plan-card.plus .quota {
    background-color: rgba(26,138,150,.21)
}

.plan-card.lite .quota,.plan-card.standard .quota {
    background-color: hsla(0,0%,100%,.21)
}

.look-me-up-by-email-modal-content .modal-icon svg {
    fill: #0071e3
}

.look-me-up-by-email-modal-content .loading {
    text-align: center
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list {
    padding-inline:20px}

.look-me-up-by-email-modal-content[dir=ltr] .look-me-up-by-email-list,.look-me-up-by-email-modal-content[dir=rtl] .look-me-up-by-email-list,[dir=ltr] .look-me-up-by-email-modal-content .look-me-up-by-email-list,[dir=rtl] .look-me-up-by-email-modal-content .look-me-up-by-email-list {
    padding-left: 20px;
    padding-right: 20px
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list .count {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    -webkit-margin-after: 8px;
    margin-block-end:8px}

.look-me-up-by-email-modal-content[dir=ltr] .look-me-up-by-email-list .count,.look-me-up-by-email-modal-content[dir=rtl] .look-me-up-by-email-list .count,[dir=ltr] .look-me-up-by-email-modal-content .look-me-up-by-email-list .count,[dir=rtl] .look-me-up-by-email-modal-content .look-me-up-by-email-list .count {
    margin-bottom: 8px
}

[apple-system-font-capable] .look-me-up-by-email-modal-content .look-me-up-by-email-list .count {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list .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);
    -webkit-margin-after: 30px;
    margin-block-end:30px}

.look-me-up-by-email-modal-content[dir=ltr] .look-me-up-by-email-list .description,.look-me-up-by-email-modal-content[dir=rtl] .look-me-up-by-email-list .description,[dir=ltr] .look-me-up-by-email-modal-content .look-me-up-by-email-list .description,[dir=rtl] .look-me-up-by-email-modal-content .look-me-up-by-email-list .description {
    margin-bottom: 30px
}

[apple-system-font-capable] .look-me-up-by-email-modal-content .look-me-up-by-email-list .description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list [role=table] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=table] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.look-me-up-by-email-modal-content[dir=ltr] .look-me-up-by-email-list [role=row],.look-me-up-by-email-modal-content[dir=rtl] .look-me-up-by-email-list [role=row],[dir=ltr] .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row],[dir=rtl] .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row] {
    margin-bottom: 20px
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row] img {
    inline-size: 30px;
    block-size: 30px;
    margin-inline:12px}

.look-me-up-by-email-modal-content[dir=ltr] .look-me-up-by-email-list [role=row] img,.look-me-up-by-email-modal-content[dir=rtl] .look-me-up-by-email-list [role=row] img,[dir=ltr] .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row] img,[dir=rtl] .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=row] img {
    width: 30px;
    height: 30px;
    margin-left: 12px;
    margin-right: 12px
}

.look-me-up-by-email-modal-content .look-me-up-by-email-list .text-cell {
    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
}

.look-me-up-by-email-modal-content .empty-list .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.look-me-up-by-email-modal-content[dir=ltr] .empty-list .title,.look-me-up-by-email-modal-content[dir=rtl] .empty-list .title,[dir=ltr] .look-me-up-by-email-modal-content .empty-list .title,[dir=rtl] .look-me-up-by-email-modal-content .empty-list .title {
    margin-bottom: 10px
}

[apple-system-font-capable] .look-me-up-by-email-modal-content .empty-list .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.look-me-up-by-email-modal-content .empty-list .content {
    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] .look-me-up-by-email-modal-content .empty-list .content {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.upgrade-plan-tiles {
    -webkit-padding-before: 50px;
    padding-block-start:50px;-webkit-margin-before: 80px;
    margin-block-start:80px;background-color: #e8e8ed
}

.upgrade-plan-tiles[dir=ltr],.upgrade-plan-tiles[dir=rtl],[dir=ltr] .upgrade-plan-tiles,[dir=rtl] .upgrade-plan-tiles {
    padding-top: 50px;
    margin-top: 80px
}

@media (max-width: 759px) {
    .upgrade-plan-tiles .application-content {
        padding-inline:25px
    }

    .upgrade-plan-tiles[dir=ltr] .application-content,.upgrade-plan-tiles[dir=rtl] .application-content,[dir=ltr] .upgrade-plan-tiles .application-content,[dir=rtl] .upgrade-plan-tiles .application-content {
        padding-left: 25px;
        padding-right: 25px
    }
}

.upgrade-plan-tiles .upgrade-heading {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    -webkit-margin-after: 15px;
    margin-block-end:15px}

.upgrade-plan-tiles[dir=ltr] .upgrade-heading,.upgrade-plan-tiles[dir=rtl] .upgrade-heading,[dir=ltr] .upgrade-plan-tiles .upgrade-heading,[dir=rtl] .upgrade-plan-tiles .upgrade-heading {
    margin-bottom: 15px
}

[apple-system-font-capable] .upgrade-plan-tiles .upgrade-heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .upgrade-plan-tiles .upgrade-heading {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        -webkit-margin-after: 35px;
        margin-block-end:35px}

    .upgrade-plan-tiles[dir=ltr] .upgrade-heading,.upgrade-plan-tiles[dir=rtl] .upgrade-heading,[dir=ltr] .upgrade-plan-tiles .upgrade-heading,[dir=rtl] .upgrade-plan-tiles .upgrade-heading {
        margin-bottom: 35px
    }

    [apple-system-font-capable] .upgrade-plan-tiles .upgrade-heading {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.upgrade-plan-tiles .upgrade-description {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    max-inline-size: 680px;
    color: #1d1d1f;
    -webkit-margin-after: 60px;
    margin-block-end:60px}

.upgrade-plan-tiles[dir=ltr] .upgrade-description,.upgrade-plan-tiles[dir=rtl] .upgrade-description,[dir=ltr] .upgrade-plan-tiles .upgrade-description,[dir=rtl] .upgrade-plan-tiles .upgrade-description {
    max-width: 680px;
    margin-bottom: 60px
}

[apple-system-font-capable] .upgrade-plan-tiles .upgrade-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .upgrade-plan-tiles .upgrade-description {
        font-family:SF Pro Text,Helvetica Neue,sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px
    }

    [apple-system-font-capable] .upgrade-plan-tiles .upgrade-description {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.upgrade-plan-tiles .upgrade-plan-info-tiles {
    display: grid;
    gap: 30px
}

@media (min-width: 760px) and (max-width:1164px) {
    .upgrade-plan-tiles .upgrade-plan-info-tiles {
        grid-auto-rows:1fr
    }
}

@media (min-width: 1165px) {
    .upgrade-plan-tiles .upgrade-plan-info-tiles {
        grid-template-columns:repeat(2,1fr)
    }
}

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

ui-button button {
    display: none
}

.image-picker {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 100%;
    border-radius: 8px 8px 0 0
}

.image-picker[dir=ltr],.image-picker[dir=rtl],[dir=ltr] .image-picker,[dir=rtl] .image-picker {
    height: 100%
}

.image-picker .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-y: auto;
    inline-size: -webkit-calc(100% + 40px);
    inline-size: calc(100% + 40px);
    margin-inline:-20px;padding-inline:20px}

.image-picker[dir=ltr] .content,.image-picker[dir=rtl] .content,[dir=ltr] .image-picker .content,[dir=rtl] .image-picker .content {
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px
}

.image-picker ui-image img:not([src]),.image-picker ui-image img[src=""] {
    display: none
}

.image-picker:not(.is-loading) .scroll-container:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.image-picker:not(.is-loading) .scroll-container:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.image-picker * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.image-picker .error-message {
    display: none
}

.image-picker .image-wrapper {
    position: relative;
    overflow: hidden;
    inline-size: 284px;
    block-size: 284px;
    min-inline-size: 284px;
    min-block-size: 284px;
    border-radius: 8px;
    -webkit-margin-before: 55px;
    margin-block-start:55px}

.image-picker[dir=ltr] .image-wrapper,.image-picker[dir=rtl] .image-wrapper,[dir=ltr] .image-picker .image-wrapper,[dir=rtl] .image-picker .image-wrapper {
    width: 284px;
    height: 284px;
    min-width: 284px;
    min-height: 284px;
    margin-top: 55px
}

.image-picker .image-wrapper.drag-over svg.image-picker-mask .circle,.image-picker .image-wrapper.drag-over svg.image-picker-mask .square {
    stroke: #7bb5f9
}

.image-picker .image-wrapper.drag-over svg.image-picker-mask .square {
    stroke-width: 6px
}

.image-picker .image-wrapper.drag-over svg.image-picker-mask .circle {
    stroke-width: 3px
}

.image-picker.drag-over.has-error .error-message,.image-picker.drag-over .loading-indicator,.image-picker.drag-over .scroll-container,.image-picker.no-image.has-error .error-message,.image-picker.no-image .loading-indicator,.image-picker.no-image .scroll-container {
    display: none
}

.image-picker .title-icon svg {
    fill: #0071eb;
    -webkit-margin-before: 40px;
    margin-block-start:40px;-webkit-margin-after: 20px;
    margin-block-end:20px}

.image-picker[dir=ltr] .title-icon svg,.image-picker[dir=rtl] .title-icon svg,[dir=ltr] .image-picker .title-icon svg,[dir=rtl] .image-picker .title-icon svg {
    margin-top: 40px;
    margin-bottom: 20px
}

.image-picker .close-button {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    inline-size: 100%;
    position: absolute;
    -webkit-margin-before: -20px;
    margin-block-start:-20px;-webkit-padding-before: 20px;
    padding-block-start:20px;background-color: hsla(0,0%,100%,.75);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.image-picker[dir=ltr] .close-button,.image-picker[dir=rtl] .close-button,[dir=ltr] .image-picker .close-button,[dir=rtl] .image-picker .close-button {
    width: 100%;
    margin-top: -20px;
    padding-top: 20px
}

.image-picker .close-button ui-button.modal-close-button.active:not([aria-disabled=true]):not(.disabled) svg,.image-picker .close-button ui-button.modal-close-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: #fff
}

.image-picker .close-button ui-button.modal-close-button svg {
    fill: #000
}

.image-picker .scroll-container {
    display: block;
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    overflow: auto;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.image-picker[dir=ltr] .scroll-container,.image-picker[dir=rtl] .scroll-container,[dir=ltr] .image-picker .scroll-container,[dir=rtl] .image-picker .scroll-container {
    width: 100%;
    height: 100%
}

.image-picker .scroll-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

.image-picker .scroll-container ui-image {
    position: absolute;
    -ms-touch-action: none;
    touch-action: none;
    overflow: visible;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.image-picker .scroll-container img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    pointer-events: none
}

.image-picker .image-picker-mask {
    position: absolute;
    inset: 0;
    pointer-events: none
}

.image-picker[dir=ltr] .image-picker-mask,.image-picker[dir=rtl] .image-picker-mask,[dir=ltr] .image-picker .image-picker-mask,[dir=rtl] .image-picker .image-picker-mask {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image-picker .instructions-label {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-before: 54px;
    margin-block-start:54px;text-align: center;
    padding-inline:10px;padding-block:0;position: relative;
    max-inline-size: 450px;
    color: rgba(0,0,0,.56)
}

.image-picker[dir=ltr] .instructions-label,.image-picker[dir=rtl] .instructions-label,[dir=ltr] .image-picker .instructions-label,[dir=rtl] .image-picker .instructions-label {
    margin-top: 54px;
    max-width: 450px;
    padding: 0 10px
}

[apple-system-font-capable] .image-picker .instructions-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.image-picker .instructions-label.muted {
    opacity: .5
}

.image-picker ui-button.file-upload {
    margin-inline:auto;margin-block:10px;text-align: center
}

.image-picker[dir=ltr] ui-button.file-upload,.image-picker[dir=rtl] ui-button.file-upload,[dir=ltr] .image-picker ui-button.file-upload,[dir=rtl] .image-picker ui-button.file-upload {
    margin: 10px auto
}

.image-picker ui-button.file-upload[aria-disabled=true] {
    opacity: .5
}

.image-picker ui-button.file-upload input {
    display: none
}

.image-picker .controls {
    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-margin-before: 20px;
    margin-block-start:20px;inline-size: 284px
}

.image-picker[dir=ltr] .controls,.image-picker[dir=rtl] .controls,[dir=ltr] .image-picker .controls,[dir=rtl] .image-picker .controls {
    margin-top: 20px;
    width: 284px
}

.image-picker .button-container {
    background-color: #f8f8fc;
    -webkit-margin-before: auto;
    margin-block-start:auto;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-inline:30px;inline-size: -webkit-calc(100% + 40px);
    inline-size: calc(100% + 40px);
    -webkit-margin-after: -20px;
    margin-block-end:-20px;padding-block:20px;-webkit-border-before: .5px solid #d1d1d1;
    border-block-start:.5px solid #d1d1d1}

.image-picker[dir=ltr] .button-container,.image-picker[dir=rtl] .button-container,[dir=ltr] .image-picker .button-container,[dir=rtl] .image-picker .button-container {
    margin-top: auto;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-bottom: -20px;
    border-top: .5px solid #d1d1d1;
    padding: 20px 30px
}

.image-picker .button-container ui-button.push {
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    inline-size: 100%;
    border-radius: 8px;
    min-inline-size: 28px;
    -webkit-padding-start: 16px;
    padding-inline-start:16px;-webkit-padding-end: 16px;
    padding-inline-end:16px;-webkit-padding-before: 8px;
    padding-block-start:8px;-webkit-padding-after: 8px;
    padding-block-end:8px;cursor: pointer;
    border: 0;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    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;
    block-size: 36px;
    inline-size: 180px
}

.image-picker[dir=ltr] .button-container ui-button.push,.image-picker[dir=rtl] .button-container ui-button.push,[dir=ltr] .image-picker .button-container ui-button.push,[dir=rtl] .image-picker .button-container ui-button.push {
    width: 100%;
    min-width: 28px;
    padding: 8px 16px;
    height: 36px;
    width: 180px
}

[apple-system-font-capable] .image-picker .button-container ui-button.push {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.image-picker .button-container ui-button.push.primary {
    background-color: #0071e3;
    font-weight: 400;
    color: #fff
}

@media (pointer: fine) {
    .image-picker .button-container ui-button.push.primary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border:0;
        background-color: #0077ed
    }
}

.image-picker .button-container ui-button.push.primary.active:not([aria-disabled=true]):not(.disabled),.image-picker .button-container ui-button.push.primary:active:hover:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    color: #fff;
    outline: none;
    background-color: #006edb
}

.image-picker .button-container ui-button.push.primary:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(0,125,250,.6);
    box-shadow: 0 0 0 4px rgba(0,125,250,.6)
}

.image-picker .button-container ui-button.push.primary:focus:not([aria-disabled=true]):not(.disabled):after {
    display: none
}

.image-picker .button-container ui-button.push.secondary {
    background-color: #e8e8ed;
    color: rgba(0,0,0,.88)
}

@media (pointer: fine) {
    .image-picker .button-container ui-button.push.secondary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border:0;
        background-color: #ebebf0
    }
}

.image-picker .button-container ui-button.push.secondary.active:not([aria-disabled=true]):not(.disabled),.image-picker .button-container ui-button.push.secondary:active:hover:not([aria-disabled=true]):not(.disabled) {
    outline: none;
    border: 0;
    background-color: #e6e6eb
}

.image-picker .button-container ui-button.push.secondary:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(0,125,250,.6);
    box-shadow: 0 0 0 4px rgba(0,125,250,.6)
}

.image-picker .button-container ui-button.push.secondary:focus:not([aria-disabled=true]):not(.disabled):after {
    display: none
}

.image-picker .loading-indicator {
    position: absolute;
    opacity: 0
}

.image-picker .loading-indicator ui-activity-indicator {
    display: block;
    margin-inline:auto}

.image-picker[dir=ltr] .loading-indicator ui-activity-indicator,.image-picker[dir=rtl] .loading-indicator ui-activity-indicator,[dir=ltr] .image-picker .loading-indicator ui-activity-indicator,[dir=rtl] .image-picker .loading-indicator ui-activity-indicator {
    margin-left: auto;
    margin-right: auto
}

.image-picker ui-button.link {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #06c;
    cursor: pointer
}

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

.image-picker .drop-zone-label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    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-align: center
}

.image-picker .drop-zone-label .icon {
    inline-size: 100px;
    block-size: 100px;
    fill: #fff;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.image-picker[dir=ltr] .drop-zone-label .icon,.image-picker[dir=rtl] .drop-zone-label .icon,[dir=ltr] .image-picker .drop-zone-label .icon,[dir=rtl] .image-picker .drop-zone-label .icon {
    width: 100px;
    height: 100px
}

.image-picker.is-loading .loading-indicator {
    -webkit-animation: icloud-keyframes-fadeIn .25s ease-in .25s;
    animation: icloud-keyframes-fadeIn .25s ease-in .25s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.image-picker.is-loading ui-image {
    opacity: 0
}

.image-picker.has-error .loading-indicator,.image-picker.has-error .scroll-container {
    display: none
}

.image-picker.has-error .error-message {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    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-align: center
}

ui-pane.is-opening .image-picker {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

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

ui-pane.for-image-picker ui-popup[role=dialog] {
    inline-size: 690px;
    block-size: 850px
}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog],[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog],ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog],ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog] {
    width: 690px;
    height: 850px
}

ui-pane.for-image-picker ui-popup[role=dialog].regular ui-button.compact-done-button {
    display: none
}

ui-pane.for-image-picker ui-popup[role=dialog].compact {
    margin: 0;
    border-radius: 0;
    block-size: 100%;
    max-height: unset
}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog].compact,[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog].compact,ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog].compact,ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog].compact {
    height: 100%
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .image-picker {
    block-size: 100%
}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog].compact .image-picker,[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog].compact .image-picker,ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog].compact .image-picker,ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog].compact .image-picker {
    height: 100%
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push {
    inline-size: 250px;
    margin-inline:auto}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push,[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push,ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog].compact .button-container ui-button.push,ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog].compact .button-container ui-button.push {
    width: 250px;
    margin-left: auto;
    margin-right: auto
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push:first-child {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push:first-child,[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.push:first-child,ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog].compact .button-container ui-button.push:first-child,ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog].compact .button-container ui-button.push:first-child {
    margin-bottom: 20px
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .button-container ui-button.regular-done-button,ui-pane.for-image-picker ui-popup[role=dialog].compact .instructions-label {
    display: none
}

ui-pane.for-image-picker ui-popup[role=dialog].compact .file-upload {
    -webkit-margin-before: 25px;
    margin-block-start:25px;max-inline-size: 210px
}

[dir=ltr] ui-pane.for-image-picker ui-popup[role=dialog].compact .file-upload,[dir=rtl] ui-pane.for-image-picker ui-popup[role=dialog].compact .file-upload,ui-pane.for-image-picker[dir=ltr] ui-popup[role=dialog].compact .file-upload,ui-pane.for-image-picker[dir=rtl] ui-popup[role=dialog].compact .file-upload {
    margin-top: 25px;
    max-width: 210px
}

.zoom-control {
    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: 150px
}

.zoom-control[dir=ltr],.zoom-control[dir=rtl],[dir=ltr] .zoom-control,[dir=rtl] .zoom-control {
    width: 150px
}

.zoom-control.disabled {
    opacity: .5
}

.zoom-control .label-container {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: .56;
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.zoom-control[dir=ltr] .label-container,.zoom-control[dir=rtl] .label-container,[dir=ltr] .zoom-control .label-container,[dir=rtl] .zoom-control .label-container {
    margin-top: 10px
}

[apple-system-font-capable] .zoom-control .label-container {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.zoom-control [type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    margin-block:9px 0;margin-inline:0;inline-size: 100%
}

.zoom-control[dir=ltr] [type=range],.zoom-control[dir=rtl] [type=range],[dir=ltr] .zoom-control [type=range],[dir=rtl] .zoom-control [type=range] {
    width: 100%;
    margin: 9px 0 0
}

.zoom-control [type=range]::-moz-focus-outer {
    border: 0
}

.zoom-control [type=range]:focus-visible {
    outline: 0
}

.zoom-control [type=range]:focus-visible::-webkit-slider-runnable-track {
    background: rgba(41,41,44,.3)
}

.zoom-control [type=range]:focus-visible::-ms-fill-lower {
    background: rgba(29,29,31,.3)
}

.zoom-control [type=range]:focus-visible::-ms-fill-upper {
    background: rgba(41,41,44,.3)
}

.zoom-control [type=range]:focus-visible::-webkit-slider-thumb {
    outline: 2px solid #06c
}

.zoom-control [type=range]:focus-visible::-moz-range-thumb {
    outline: 2px solid #06c
}

.zoom-control [type=range]:focus-visible::-ms-thumb {
    outline: 2px solid #06c
}

.zoom-control [type=range]::-webkit-slider-runnable-track {
    cursor: default;
    block-size: 3px;
    inline-size: 100%;
    background: rgba(29,29,31,.3);
    border-radius: 1.5px
}

.zoom-control[dir=ltr] [type=range]::-webkit-slider-runnable-track,.zoom-control[dir=rtl] [type=range]::-webkit-slider-runnable-track,[dir=ltr] .zoom-control [type=range]::-webkit-slider-runnable-track,[dir=rtl] .zoom-control [type=range]::-webkit-slider-runnable-track {
    height: 3px;
    width: 100%
}

.zoom-control [type=range]::-webkit-slider-thumb {
    background: #06c;
    border-inline:3px solid #fff;border-block:3px solid #fff;border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    block-size: 18px;
    inline-size: 18px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-margin-before: -7.5px;
    margin-block-start:-7.5px}

.zoom-control[dir=ltr] [type=range]::-webkit-slider-thumb,.zoom-control[dir=rtl] [type=range]::-webkit-slider-thumb,[dir=ltr] .zoom-control [type=range]::-webkit-slider-thumb,[dir=rtl] .zoom-control [type=range]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    margin-top: -7.5px;
    border: 3px solid #fff
}

.zoom-control [type=range]::-moz-range-track {
    cursor: default;
    block-size: 3px;
    inline-size: 100%;
    background: rgba(29,29,31,.3);
    border-radius: 1.5px;
    block-size: 1.5px
}

.zoom-control[dir=ltr] [type=range]::-moz-range-track,.zoom-control[dir=rtl] [type=range]::-moz-range-track,[dir=ltr] .zoom-control [type=range]::-moz-range-track,[dir=rtl] .zoom-control [type=range]::-moz-range-track {
    height: 3px;
    width: 100%;
    height: 1.5px
}

.zoom-control [type=range]::-moz-range-thumb {
    background: #06c;
    border-inline:3px solid #fff;border-block:3px solid #fff;border-radius: 50%;
    box-sizing: border-box;
    cursor: default;
    block-size: 18px;
    inline-size: 18px
}

.zoom-control[dir=ltr] [type=range]::-moz-range-thumb,.zoom-control[dir=rtl] [type=range]::-moz-range-thumb,[dir=ltr] .zoom-control [type=range]::-moz-range-thumb,[dir=rtl] .zoom-control [type=range]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border: 3px solid #fff
}

.zoom-control [type=range]::-ms-track {
    cursor: default;
    block-size: 3px;
    inline-size: 100%;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.zoom-control[dir=ltr] [type=range]::-ms-track,.zoom-control[dir=rtl] [type=range]::-ms-track,[dir=ltr] .zoom-control [type=range]::-ms-track,[dir=rtl] .zoom-control [type=range]::-ms-track {
    height: 3px;
    width: 100%
}

.zoom-control [type=range]::-ms-fill-lower {
    background: rgba(17,17,18,.3);
    border-radius: 3px
}

.zoom-control [type=range]::-ms-fill-upper {
    background: rgba(29,29,31,.3);
    border-radius: 3px
}

.zoom-control [type=range]::-ms-thumb {
    background: #06c;
    border-inline:3px solid #fff;border-block:3px solid #fff;border-radius: 50%;
    box-sizing: border-box;
    cursor: default;
    block-size: 18px;
    inline-size: 18px;
    margin-block-start:.75px}

.zoom-control[dir=ltr] [type=range]::-ms-thumb,.zoom-control[dir=rtl] [type=range]::-ms-thumb,[dir=ltr] .zoom-control [type=range]::-ms-thumb,[dir=rtl] .zoom-control [type=range]::-ms-thumb {
    height: 18px;
    width: 18px;
    margin-top: .75px;
    border: 3px solid #fff
}

.zoom-control [type=range]:disabled::-moz-range-thumb,.zoom-control [type=range]:disabled::-ms-fill-lower,.zoom-control [type=range]:disabled::-ms-fill-upper,.zoom-control [type=range]:disabled::-ms-thumb,.zoom-control [type=range]:disabled::-webkit-slider-runnable-track,.zoom-control [type=range]:disabled::-webkit-slider-thumb {
    cursor: not-allowed
}

.rotation-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rotation-control.disabled {
    opacity: .5
}

.rotation-control ui-button.push.rotate-button {
    color: #0071eb;
    inline-size: 30px;
    block-size: 30px;
    padding: 0;
    -webkit-margin-before: -4px;
    margin-block-start:-4px;-webkit-margin-after: 4px;
    margin-block-end:4px}

.rotation-control[dir=ltr] ui-button.push.rotate-button,.rotation-control[dir=rtl] ui-button.push.rotate-button,[dir=ltr] .rotation-control ui-button.push.rotate-button,[dir=rtl] .rotation-control ui-button.push.rotate-button {
    width: 30px;
    height: 30px;
    margin-top: -4px;
    margin-bottom: 4px
}

.rotation-control #rotate-label {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    opacity: .56
}

[apple-system-font-capable] .rotation-control #rotate-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (min-width: 760px) {
    .sandwich-menu {
        block-size:100%;
        background-color: #f2f2f7
    }

    .sandwich-menu[dir=ltr],.sandwich-menu[dir=rtl],[dir=ltr] .sandwich-menu,[dir=rtl] .sandwich-menu {
        height: 100%
    }
}

@media (max-width: 759px) {
    .sandwich-menu {
        position:fixed;
        inline-size: 100%;
        background-color: #fff;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1)
    }

    .sandwich-menu[dir=ltr],.sandwich-menu[dir=rtl],[dir=ltr] .sandwich-menu,[dir=rtl] .sandwich-menu {
        width: 100%
    }

    .sandwich-menu.open {
        block-size: 100%;
        -webkit-transition: background .36s cubic-bezier(.32,.08,.24,1),height .56s cubic-bezier(.32,.08,.24,1);
        transition: background .36s cubic-bezier(.32,.08,.24,1),height .56s cubic-bezier(.32,.08,.24,1)
    }

    .sandwich-menu.open[dir=ltr],.sandwich-menu.open[dir=rtl],[dir=ltr] .sandwich-menu.open,[dir=rtl] .sandwich-menu.open {
        height: 100%
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.open .sandwich-menu-items-container li:first-child {
        -webkit-transform:none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity .32346s cubic-bezier(.52,.16,.24,1) .03s,-webkit-transform .35875s cubic-bezier(.52,.16,.24,1) .02s;
        transition: opacity .32346s cubic-bezier(.52,.16,.24,1) .03s,-webkit-transform .35875s cubic-bezier(.52,.16,.24,1) .02s;
        transition: opacity .32346s cubic-bezier(.52,.16,.24,1) .03s,transform .35875s cubic-bezier(.52,.16,.24,1) .02s;
        transition: opacity .32346s cubic-bezier(.52,.16,.24,1) .03s,transform .35875s cubic-bezier(.52,.16,.24,1) .02s,-webkit-transform .35875s cubic-bezier(.52,.16,.24,1) .02s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open .sandwich-menu-items-container li:first-child {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(2) {
        -webkit-transform:none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity .33903s cubic-bezier(.52,.16,.24,1) .05s,-webkit-transform .3759s cubic-bezier(.52,.16,.24,1) .04s;
        transition: opacity .33903s cubic-bezier(.52,.16,.24,1) .05s,-webkit-transform .3759s cubic-bezier(.52,.16,.24,1) .04s;
        transition: opacity .33903s cubic-bezier(.52,.16,.24,1) .05s,transform .3759s cubic-bezier(.52,.16,.24,1) .04s;
        transition: opacity .33903s cubic-bezier(.52,.16,.24,1) .05s,transform .3759s cubic-bezier(.52,.16,.24,1) .04s,-webkit-transform .3759s cubic-bezier(.52,.16,.24,1) .04s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(2) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(3) {
        -webkit-transform:none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity .35572s cubic-bezier(.52,.16,.24,1) .07s,-webkit-transform .39745s cubic-bezier(.52,.16,.24,1) .06s;
        transition: opacity .35572s cubic-bezier(.52,.16,.24,1) .07s,-webkit-transform .39745s cubic-bezier(.52,.16,.24,1) .06s;
        transition: opacity .35572s cubic-bezier(.52,.16,.24,1) .07s,transform .39745s cubic-bezier(.52,.16,.24,1) .06s;
        transition: opacity .35572s cubic-bezier(.52,.16,.24,1) .07s,transform .39745s cubic-bezier(.52,.16,.24,1) .06s,-webkit-transform .39745s cubic-bezier(.52,.16,.24,1) .06s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(3) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(4) {
        -webkit-transform:none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity .37353s cubic-bezier(.52,.16,.24,1) .09s,-webkit-transform .4234s cubic-bezier(.52,.16,.24,1) .08s;
        transition: opacity .37353s cubic-bezier(.52,.16,.24,1) .09s,-webkit-transform .4234s cubic-bezier(.52,.16,.24,1) .08s;
        transition: opacity .37353s cubic-bezier(.52,.16,.24,1) .09s,transform .4234s cubic-bezier(.52,.16,.24,1) .08s;
        transition: opacity .37353s cubic-bezier(.52,.16,.24,1) .09s,transform .4234s cubic-bezier(.52,.16,.24,1) .08s,-webkit-transform .4234s cubic-bezier(.52,.16,.24,1) .08s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(4) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(5) {
        -webkit-transform:none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity .39245s cubic-bezier(.52,.16,.24,1) .11s,-webkit-transform .45375s cubic-bezier(.52,.16,.24,1) .1s;
        transition: opacity .39245s cubic-bezier(.52,.16,.24,1) .11s,-webkit-transform .45375s cubic-bezier(.52,.16,.24,1) .1s;
        transition: opacity .39245s cubic-bezier(.52,.16,.24,1) .11s,transform .45375s cubic-bezier(.52,.16,.24,1) .1s;
        transition: opacity .39245s cubic-bezier(.52,.16,.24,1) .11s,transform .45375s cubic-bezier(.52,.16,.24,1) .1s,-webkit-transform .45375s cubic-bezier(.52,.16,.24,1) .1s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.open .sandwich-menu-items-container li:nth-child(5) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed {
        block-size:48px
    }

    .sandwich-menu.closed[dir=ltr],.sandwich-menu.closed[dir=rtl],[dir=ltr] .sandwich-menu.closed,[dir=rtl] .sandwich-menu.closed {
        height: 48px
    }

    .sandwich-menu.closed .sandwich-menu-items-container {
        pointer-events: none
    }

    .sandwich-menu.closed .sandwich-menu-items-container li:first-child {
        -webkit-transform: translateY(-44px);
        transform: translateY(-44px);
        opacity: 0
    }

    .sandwich-menu.closed .sandwich-menu-items-container li:nth-child(2) {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0
    }

    .sandwich-menu.closed .sandwich-menu-items-container li:nth-child(3) {
        -webkit-transform: translateY(-36px);
        transform: translateY(-36px);
        opacity: 0
    }

    .sandwich-menu.closed .sandwich-menu-items-container li:nth-child(4) {
        -webkit-transform: translateY(-32px);
        transform: translateY(-32px);
        opacity: 0
    }

    .sandwich-menu.closed .sandwich-menu-items-container li:nth-child(5) {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        opacity: 0
    }

    .sandwich-menu.closed.animated {
        -webkit-transition: background .44s cubic-bezier(.32,.08,.24,1) .2s,height .56s cubic-bezier(.32,.08,.24,1);
        transition: background .44s cubic-bezier(.32,.08,.24,1) .2s,height .56s cubic-bezier(.32,.08,.24,1)
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:first-child {
        -webkit-transition:opacity .29249s cubic-bezier(.52,.16,.24,1) .15s,-webkit-transform .4505s cubic-bezier(.52,.16,.24,1) .108s;
        transition: opacity .29249s cubic-bezier(.52,.16,.24,1) .15s,-webkit-transform .4505s cubic-bezier(.52,.16,.24,1) .108s;
        transition: opacity .29249s cubic-bezier(.52,.16,.24,1) .15s,transform .4505s cubic-bezier(.52,.16,.24,1) .108s;
        transition: opacity .29249s cubic-bezier(.52,.16,.24,1) .15s,transform .4505s cubic-bezier(.52,.16,.24,1) .108s,-webkit-transform .4505s cubic-bezier(.52,.16,.24,1) .108s
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:first-child {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(2) {
        -webkit-transition:opacity .26056s cubic-bezier(.52,.16,.24,1) .13s,-webkit-transform .4376s cubic-bezier(.52,.16,.24,1) 95ms;
        transition: opacity .26056s cubic-bezier(.52,.16,.24,1) .13s,-webkit-transform .4376s cubic-bezier(.52,.16,.24,1) 95ms;
        transition: opacity .26056s cubic-bezier(.52,.16,.24,1) .13s,transform .4376s cubic-bezier(.52,.16,.24,1) 95ms;
        transition: opacity .26056s cubic-bezier(.52,.16,.24,1) .13s,transform .4376s cubic-bezier(.52,.16,.24,1) 95ms,-webkit-transform .4376s cubic-bezier(.52,.16,.24,1) 95ms
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(2) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(3) {
        -webkit-transition:opacity .23821s cubic-bezier(.52,.16,.24,1) .11s,-webkit-transform .4283s cubic-bezier(.52,.16,.24,1) 82ms;
        transition: opacity .23821s cubic-bezier(.52,.16,.24,1) .11s,-webkit-transform .4283s cubic-bezier(.52,.16,.24,1) 82ms;
        transition: opacity .23821s cubic-bezier(.52,.16,.24,1) .11s,transform .4283s cubic-bezier(.52,.16,.24,1) 82ms;
        transition: opacity .23821s cubic-bezier(.52,.16,.24,1) .11s,transform .4283s cubic-bezier(.52,.16,.24,1) 82ms,-webkit-transform .4283s cubic-bezier(.52,.16,.24,1) 82ms
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(3) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(4) {
        -webkit-transition:opacity .22544s cubic-bezier(.52,.16,.24,1) .09s,-webkit-transform .4226s cubic-bezier(.52,.16,.24,1) 69ms;
        transition: opacity .22544s cubic-bezier(.52,.16,.24,1) .09s,-webkit-transform .4226s cubic-bezier(.52,.16,.24,1) 69ms;
        transition: opacity .22544s cubic-bezier(.52,.16,.24,1) .09s,transform .4226s cubic-bezier(.52,.16,.24,1) 69ms;
        transition: opacity .22544s cubic-bezier(.52,.16,.24,1) .09s,transform .4226s cubic-bezier(.52,.16,.24,1) 69ms,-webkit-transform .4226s cubic-bezier(.52,.16,.24,1) 69ms
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(4) {
        -webkit-transition:none;
        transition: none
    }
}

@media (max-width: 759px) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(5) {
        -webkit-transition:opacity .22225s cubic-bezier(.52,.16,.24,1) .07s,-webkit-transform .4205s cubic-bezier(.52,.16,.24,1) 56ms;
        transition: opacity .22225s cubic-bezier(.52,.16,.24,1) .07s,-webkit-transform .4205s cubic-bezier(.52,.16,.24,1) 56ms;
        transition: opacity .22225s cubic-bezier(.52,.16,.24,1) .07s,transform .4205s cubic-bezier(.52,.16,.24,1) 56ms;
        transition: opacity .22225s cubic-bezier(.52,.16,.24,1) .07s,transform .4205s cubic-bezier(.52,.16,.24,1) 56ms,-webkit-transform .4205s cubic-bezier(.52,.16,.24,1) 56ms
    }
}

@media (max-width: 759px) and (prefers-reduced-motion:reduce) {
    .sandwich-menu.closed.animated .sandwich-menu-items-container li:nth-child(5) {
        -webkit-transition:none;
        transition: none
    }
}

@media (min-width: 760px) {
    .sandwich-menu-button-container {
        display:none
    }
}

@media (max-width: 759px) {
    .sandwich-menu-button-container {
        position:fixed;
        inline-size: 48px;
        block-size: 48px;
        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;
        z-index: 2
    }

    .sandwich-menu-button-container[dir=ltr],.sandwich-menu-button-container[dir=rtl],[dir=ltr] .sandwich-menu-button-container,[dir=rtl] .sandwich-menu-button-container {
        width: 48px;
        height: 48px
    }
}

.sandwich-menu-header {
    block-size: 48px;
    z-index: 1
}

.sandwich-menu-header[dir=ltr],.sandwich-menu-header[dir=rtl],[dir=ltr] .sandwich-menu-header,[dir=rtl] .sandwich-menu-header {
    height: 48px
}

@media (min-width: 760px) {
    .sandwich-menu-header {
        inline-size:260px
    }

    .sandwich-menu-header[dir=ltr],.sandwich-menu-header[dir=rtl],[dir=ltr] .sandwich-menu-header,[dir=rtl] .sandwich-menu-header {
        width: 260px
    }
}

@media (max-width: 759px) {
    .sandwich-menu-header {
        inline-size:100%
    }

    .sandwich-menu-header[dir=ltr],.sandwich-menu-header[dir=rtl],[dir=ltr] .sandwich-menu-header,[dir=rtl] .sandwich-menu-header {
        width: 100%
    }
}

.sandwich-menu-items-container {
    position: relative;
    overflow: auto
}

@media (min-width: 760px) {
    .sandwich-menu-items-container {
        inline-size:260px
    }

    .sandwich-menu-items-container[dir=ltr],.sandwich-menu-items-container[dir=rtl],[dir=ltr] .sandwich-menu-items-container,[dir=rtl] .sandwich-menu-items-container {
        width: 260px
    }
}

@media (max-width: 759px) {
    .sandwich-menu-items-container {
        inline-size:100%
    }

    .sandwich-menu-items-container[dir=ltr],.sandwich-menu-items-container[dir=rtl],[dir=ltr] .sandwich-menu-items-container,[dir=rtl] .sandwich-menu-items-container {
        width: 100%
    }
}

.sandwich-menu-toggle-icon {
    all: unset;
    position: relative;
    block-size: 27px;
    inline-size: 27px;
    cursor: pointer
}

.sandwich-menu-toggle-icon[dir=ltr],.sandwich-menu-toggle-icon[dir=rtl],[dir=ltr] .sandwich-menu-toggle-icon,[dir=rtl] .sandwich-menu-toggle-icon {
    height: 27px;
    width: 27px
}

.sandwich-menu-toggle-icon-bottom,.sandwich-menu-toggle-icon-top {
    position: absolute;
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1806s cubic-bezier(.04,.04,.12,.96);
    transition: -webkit-transform .1806s cubic-bezier(.04,.04,.12,.96);
    transition: transform .1806s cubic-bezier(.04,.04,.12,.96);
    transition: transform .1806s cubic-bezier(.04,.04,.12,.96),-webkit-transform .1806s cubic-bezier(.04,.04,.12,.96)
}

.sandwich-menu-toggle-icon-bottom[dir=ltr],.sandwich-menu-toggle-icon-bottom[dir=rtl],.sandwich-menu-toggle-icon-top[dir=ltr],.sandwich-menu-toggle-icon-top[dir=rtl],[dir=ltr] .sandwich-menu-toggle-icon-bottom,[dir=ltr] .sandwich-menu-toggle-icon-top,[dir=rtl] .sandwich-menu-toggle-icon-bottom,[dir=rtl] .sandwich-menu-toggle-icon-top {
    height: 100%;
    width: 100%;
    top: 0
}

@media (prefers-reduced-motion:reduce) {
    .sandwich-menu-toggle-icon-bottom,.sandwich-menu-toggle-icon-top {
        -webkit-transition: none;
        transition: none
    }
}

.sandwich-menu-toggle-icon-crust-bottom,.sandwich-menu-toggle-icon-crust-top {
    position: absolute;
    block-size: 2px;
    inline-size: 17px;
    inset-block-start: 12.5px;
    inset-inline-start: 5px;
    border-radius: .5px;
    background-color: rgba(0,0,0,.88);
    -webkit-transition: -webkit-transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s;
    transition: -webkit-transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s;
    transition: transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s;
    transition: transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s,-webkit-transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s
}

.sandwich-menu-toggle-icon-crust-bottom[dir=ltr],.sandwich-menu-toggle-icon-crust-top[dir=ltr],[dir=ltr] .sandwich-menu-toggle-icon-crust-bottom,[dir=ltr] .sandwich-menu-toggle-icon-crust-top {
    height: 2px;
    width: 17px;
    top: 12.5px;
    left: 5px
}

.sandwich-menu-toggle-icon-crust-bottom[dir=rtl],.sandwich-menu-toggle-icon-crust-top[dir=rtl],[dir=rtl] .sandwich-menu-toggle-icon-crust-bottom,[dir=rtl] .sandwich-menu-toggle-icon-crust-top {
    height: 2px;
    width: 17px;
    top: 12.5px;
    right: 5px
}

@media (prefers-reduced-motion:reduce) {
    .sandwich-menu-toggle-icon-crust-bottom,.sandwich-menu-toggle-icon-crust-top {
        -webkit-transition: none;
        transition: none
    }
}

.sandwich-menu-toggle-icon-crust-top {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.sandwich-menu-toggle-icon-crust-bottom {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

[data-cross-activated=true] .sandwich-menu-toggle-icon-top {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: -webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s,-webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s
}

@media (prefers-reduced-motion:reduce) {
    [data-cross-activated=true] .sandwich-menu-toggle-icon-top {
        -webkit-transition: none;
        transition: none
    }
}

[data-cross-activated=true] .sandwich-menu-toggle-icon-bottom {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: -webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s;
    transition: transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s,-webkit-transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s
}

@media (prefers-reduced-motion:reduce) {
    [data-cross-activated=true] .sandwich-menu-toggle-icon-bottom {
        -webkit-transition: none;
        transition: none
    }
}

[data-cross-activated=true] .sandwich-menu-toggle-icon-crust-bottom,[data-cross-activated=true] .sandwich-menu-toggle-icon-crust-top {
    -webkit-transform: none;
    transform: none
}

@media (max-width: 759px) {
    .sandwich-menu {
        z-index:1;
        color: #1d1d1f
    }

    .sandwich-menu .sandwich-toggle-icon {
        -webkit-transform: translate(13px,8px);
        transform: translate(13px,8px)
    }

    .sandwich-menu .sandwich-menu-items-container {
        -webkit-margin-start: 48px;
        margin-inline-start:48px;inline-size: -webkit-calc(100% - 96px);
        inline-size: calc(100% - 96px)
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container,[dir=ltr] .sandwich-menu .sandwich-menu-items-container {
        margin-left: 48px;
        width: -webkit-calc(100% - 96px);
        width: calc(100% - 96px)
    }

    .sandwich-menu[dir=rtl] .sandwich-menu-items-container,[dir=rtl] .sandwich-menu .sandwich-menu-items-container {
        margin-right: 48px;
        width: -webkit-calc(100% - 96px);
        width: calc(100% - 96px)
    }

    .sandwich-menu .sandwich-menu-items-container li+li a span {
        border-block-start-style:solid;border-block-start-width:1px;border-block-start-color:#c6c6c8}

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container li+li a span,.sandwich-menu[dir=rtl] .sandwich-menu-items-container li+li a span,[dir=ltr] .sandwich-menu .sandwich-menu-items-container li+li a span,[dir=rtl] .sandwich-menu .sandwich-menu-items-container li+li a span {
        border-top: 1px solid #c6c6c8
    }

    .sandwich-menu .sandwich-menu-items-container li a {
        display: block;
        padding-inline:8px;block-size: 48px
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container li a,.sandwich-menu[dir=rtl] .sandwich-menu-items-container li a,[dir=ltr] .sandwich-menu .sandwich-menu-items-container li a,[dir=rtl] .sandwich-menu .sandwich-menu-items-container li a {
        height: 48px;
        padding-left: 8px;
        padding-right: 8px
    }

    .sandwich-menu .sandwich-menu-items-container li a span {
        display: block;
        -webkit-padding-before: 14px;
        padding-block-start:14px}

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container li a span,.sandwich-menu[dir=rtl] .sandwich-menu-items-container li a span,[dir=ltr] .sandwich-menu .sandwich-menu-items-container li a span,[dir=rtl] .sandwich-menu .sandwich-menu-items-container li a span {
        padding-top: 14px
    }

    .sandwich-menu .sandwich-menu-items-container li.current {
        font-weight: 600
    }

    .account-page .application-content .account-page-header,.page-header {
        -webkit-padding-before: 42px;
        padding-block-start:42px}

    .account-page[dir=ltr] .application-content .account-page-header,.account-page[dir=rtl] .application-content .account-page-header,.page-header[dir=ltr],.page-header[dir=rtl],[dir=ltr] .account-page .application-content .account-page-header,[dir=ltr] .page-header,[dir=rtl] .account-page .application-content .account-page-header,[dir=rtl] .page-header {
        padding-top: 42px
    }
}

@media (max-width: 759px) {
    .sandwich-menu-button-container {
        position:absolute
    }
}

.sandwich-menu {
    background-color: #fbfbfd
}

@media (max-width: 759px) {
    .sandwich-menu {
        z-index:1;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: absolute
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .sandwich-menu .sandwich-menu-items-container {
        inline-size:690px
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container,.sandwich-menu[dir=rtl] .sandwich-menu-items-container,[dir=ltr] .sandwich-menu .sandwich-menu-items-container,[dir=rtl] .sandwich-menu .sandwich-menu-items-container {
        width: 690px
    }

    .sandwich-menu .sandwich-menu-items-container ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 1165px) {
    .sandwich-menu .sandwich-menu-items-container {
        inline-size:1035px
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container,.sandwich-menu[dir=rtl] .sandwich-menu-items-container,[dir=ltr] .sandwich-menu .sandwich-menu-items-container,[dir=rtl] .sandwich-menu .sandwich-menu-items-container {
        width: 1035px
    }

    .sandwich-menu .sandwich-menu-items-container li+li {
        -webkit-margin-start: 30px;
        margin-inline-start:30px}

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container li+li,[dir=ltr] .sandwich-menu .sandwich-menu-items-container li+li {
        margin-left: 30px
    }

    .sandwich-menu[dir=rtl] .sandwich-menu-items-container li+li,[dir=rtl] .sandwich-menu .sandwich-menu-items-container li+li {
        margin-right: 30px
    }
}

@media (min-width: 1690px) {
    .sandwich-menu .sandwich-menu-items-container {
        inline-size:1380px
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container,.sandwich-menu[dir=rtl] .sandwich-menu-items-container,[dir=ltr] .sandwich-menu .sandwich-menu-items-container,[dir=rtl] .sandwich-menu .sandwich-menu-items-container {
        width: 1380px
    }

    .sandwich-menu .sandwich-menu-items-container li+li {
        -webkit-margin-start: 60px;
        margin-inline-start:60px}

    .sandwich-menu[dir=ltr] .sandwich-menu-items-container li+li,[dir=ltr] .sandwich-menu .sandwich-menu-items-container li+li {
        margin-left: 60px
    }

    .sandwich-menu[dir=rtl] .sandwich-menu-items-container li+li,[dir=rtl] .sandwich-menu .sandwich-menu-items-container li+li {
        margin-right: 60px
    }
}

@media (min-width: 760px) {
    .sandwich-menu .sandwich-menu-header {
        block-size:0
    }

    .sandwich-menu[dir=ltr] .sandwich-menu-header,.sandwich-menu[dir=rtl] .sandwich-menu-header,[dir=ltr] .sandwich-menu .sandwich-menu-header,[dir=rtl] .sandwich-menu .sandwich-menu-header {
        height: 0
    }
}

@media (min-width: 760px) {
    .sandwich-menu-items-container {
        overflow:visible;
        margin-inline:auto}

    .sandwich-menu-items-container[dir=ltr],.sandwich-menu-items-container[dir=rtl],[dir=ltr] .sandwich-menu-items-container,[dir=rtl] .sandwich-menu-items-container {
        margin-left: auto;
        margin-right: auto
    }

    .sandwich-menu-items-container ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        -webkit-border-after: 1px solid rgba(0,0,0,.2);
        border-block-end:1px solid rgba(0,0,0,.2);-webkit-margin-before: 24px;
        margin-block-start:24px}

    .sandwich-menu-items-container[dir=ltr] ul,.sandwich-menu-items-container[dir=rtl] ul,[dir=ltr] .sandwich-menu-items-container ul,[dir=rtl] .sandwich-menu-items-container ul {
        border-bottom: 1px solid rgba(0,0,0,.2);
        margin-top: 24px
    }

    .sandwich-menu-items-container li {
        color: #515154
    }

    .sandwich-menu-items-container li.selected {
        color: #1d1d1f
    }

    .sandwich-menu-items-container li.selected a span {
        -webkit-border-after: 1px solid #000;
        border-block-end:1px solid #000}

    .sandwich-menu-items-container[dir=ltr] li.selected a span,.sandwich-menu-items-container[dir=rtl] li.selected a span,[dir=ltr] .sandwich-menu-items-container li.selected a span,[dir=rtl] .sandwich-menu-items-container li.selected a span {
        border-bottom: 1px solid #000
    }

    .sandwich-menu-items-container li a {
        display: block;
        padding-inline:8px}

    .sandwich-menu-items-container[dir=ltr] li a,.sandwich-menu-items-container[dir=rtl] li a,[dir=ltr] .sandwich-menu-items-container li a,[dir=rtl] .sandwich-menu-items-container li a {
        padding-left: 8px;
        padding-right: 8px
    }

    .sandwich-menu-items-container li a span {
        position: relative;
        inset-block-start: 1px;
        display: block;
        -webkit-border-after: 1px solid transparent;
        border-block-end:1px solid transparent;block-size: 60px;
        -webkit-padding-before: 20px;
        padding-block-start:20px}

    .sandwich-menu-items-container[dir=ltr] li a span,.sandwich-menu-items-container[dir=rtl] li a span,[dir=ltr] .sandwich-menu-items-container li a span,[dir=rtl] .sandwich-menu-items-container li a span {
        top: 1px;
        border-bottom: 1px solid transparent;
        height: 60px;
        padding-top: 20px
    }

    .sandwich-menu-items-container li:first-child a {
        -webkit-margin-start: -8px;
        margin-inline-start:-8px}

    .sandwich-menu-items-container[dir=ltr] li:first-child a,[dir=ltr] .sandwich-menu-items-container li:first-child a {
        margin-left: -8px
    }

    .sandwich-menu-items-container[dir=rtl] li:first-child a,[dir=rtl] .sandwich-menu-items-container li:first-child a {
        margin-right: -8px
    }

    .sandwich-menu-items-container li:last-child a {
        -webkit-margin-end: -8px;
        margin-inline-end:-8px}

    .sandwich-menu-items-container[dir=ltr] li:last-child a,[dir=ltr] .sandwich-menu-items-container li:last-child a {
        margin-right: -8px
    }

    .sandwich-menu-items-container[dir=rtl] li:last-child a,[dir=rtl] .sandwich-menu-items-container li:last-child a {
        margin-left: -8px
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.banner[role=banner] .icon-wrapper {
    -webkit-margin-start: 25px;
    margin-inline-start:25px}

.banner[role=banner][dir=ltr] .icon-wrapper,[dir=ltr] .banner[role=banner] .icon-wrapper {
    margin-left: 25px
}

.banner[role=banner][dir=rtl] .icon-wrapper,[dir=rtl] .banner[role=banner] .icon-wrapper {
    margin-right: 25px
}

.banner {
    inline-size: 100%;
    min-block-size: 44px;
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ffec7f
}

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

.banner .banner-inner {
    padding: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    text-align: center
}

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

.banner .banner-inner .title {
    font-weight: 600;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.banner[dir=ltr] .banner-inner .title,[dir=ltr] .banner .banner-inner .title {
    margin-right: 10px
}

.banner[dir=rtl] .banner-inner .title,[dir=rtl] .banner .banner-inner .title {
    margin-left: 10px
}

.banner .banner-inner .description {
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.banner[dir=ltr] .banner-inner .description,[dir=ltr] .banner .banner-inner .description {
    margin-right: 10px
}

.banner[dir=rtl] .banner-inner .description,[dir=rtl] .banner .banner-inner .description {
    margin-left: 10px
}

.banner .banner-inner ui-button.banner-button {
    color: #007aff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-weight: 600;
    background: none;
    border: 0;
    cursor: pointer;
    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;
    padding: 0;
    text-decoration: none
}

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

.banner .banner-inner ui-button.banner-button>span>svg {
    -webkit-padding-start: 5px;
    padding-inline-start:5px;-webkit-margin-before: 2px;
    margin-block-start:2px;fill: #007aff
}

.banner[dir=ltr] .banner-inner ui-button.banner-button>span>svg,[dir=ltr] .banner .banner-inner ui-button.banner-button>span>svg {
    padding-left: 5px;
    margin-top: 2px
}

.banner[dir=rtl] .banner-inner ui-button.banner-button>span>svg,[dir=rtl] .banner .banner-inner ui-button.banner-button>span>svg {
    padding-right: 5px;
    margin-top: 2px
}

.maildrop-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 35px;
    padding-block-start:35px;inline-size: 100%
}

.maildrop-page[dir=ltr],.maildrop-page[dir=rtl],[dir=ltr] .maildrop-page,[dir=rtl] .maildrop-page {
    padding-top: 35px;
    width: 100%
}

.maildrop-page ui-button.block {
    block-size: 44px;
    padding-block:10px;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
}

.maildrop-page[dir=ltr] ui-button.block,.maildrop-page[dir=rtl] ui-button.block,[dir=ltr] .maildrop-page ui-button.block,[dir=rtl] .maildrop-page ui-button.block {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px
}

.maildrop-page .header-section {
    max-inline-size: 345px
}

.maildrop-page[dir=ltr] .header-section,.maildrop-page[dir=rtl] .header-section,[dir=ltr] .maildrop-page .header-section,[dir=rtl] .maildrop-page .header-section {
    max-width: 345px
}

.maildrop-page .header-section .header-image {
    fill: #0071e3
}

.maildrop-page .header-section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

[apple-system-font-capable] .maildrop-page .header-section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.maildrop-page .header-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 50px;
    margin-block-end:50px}

.maildrop-page[dir=ltr] .header-section p,.maildrop-page[dir=rtl] .header-section p,[dir=ltr] .maildrop-page .header-section p,[dir=rtl] .maildrop-page .header-section p {
    margin-top: 15px;
    margin-bottom: 50px
}

[apple-system-font-capable] .maildrop-page .header-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.maildrop-page .header-section .maildrop-details {
    inline-size: 315px;
    block-size: 180px;
    padding-block:30px;padding-inline:20px;background-color: #f5f5f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.maildrop-page[dir=ltr] .header-section .maildrop-details,.maildrop-page[dir=rtl] .header-section .maildrop-details,[dir=ltr] .maildrop-page .header-section .maildrop-details,[dir=rtl] .maildrop-page .header-section .maildrop-details {
    width: 315px;
    height: 180px;
    padding: 30px 20px
}

.maildrop-page .header-section .maildrop-details .item-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 10px;
    margin-block-end:10px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    inline-size: 100%
}

.maildrop-page[dir=ltr] .header-section .maildrop-details .item-title,.maildrop-page[dir=rtl] .header-section .maildrop-details .item-title,[dir=ltr] .maildrop-page .header-section .maildrop-details .item-title,[dir=rtl] .maildrop-page .header-section .maildrop-details .item-title {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%
}

[apple-system-font-capable] .maildrop-page .header-section .maildrop-details .item-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.maildrop-page .header-section .maildrop-details .item-description {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] .maildrop-page .header-section .maildrop-details .item-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.maildrop-page .bottom-section {
    -webkit-margin-before: 70px;
    margin-block-start:70px;inline-size: 520px
}

.maildrop-page[dir=ltr] .bottom-section,.maildrop-page[dir=rtl] .bottom-section,[dir=ltr] .maildrop-page .bottom-section,[dir=rtl] .maildrop-page .bottom-section {
    margin-top: 70px;
    width: 520px
}

@media (max-width: 759px) {
    .maildrop-page .bottom-section {
        inline-size:315px
    }

    .maildrop-page[dir=ltr] .bottom-section,.maildrop-page[dir=rtl] .bottom-section,[dir=ltr] .maildrop-page .bottom-section,[dir=rtl] .maildrop-page .bottom-section {
        width: 315px
    }
}

.maildrop-page .bottom-section .buttons-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.maildrop-page .bottom-section .buttons-row ui-button.block {
    min-inline-size: 250px
}

.maildrop-page[dir=ltr] .bottom-section .buttons-row ui-button.block,.maildrop-page[dir=rtl] .bottom-section .buttons-row ui-button.block,[dir=ltr] .maildrop-page .bottom-section .buttons-row ui-button.block,[dir=rtl] .maildrop-page .bottom-section .buttons-row ui-button.block {
    min-width: 250px
}

@media (max-width: 759px) {
    .maildrop-page .bottom-section .buttons-row ui-button.block {
        max-inline-size:100%
    }

    .maildrop-page[dir=ltr] .bottom-section .buttons-row ui-button.block,.maildrop-page[dir=rtl] .bottom-section .buttons-row ui-button.block,[dir=ltr] .maildrop-page .bottom-section .buttons-row ui-button.block,[dir=rtl] .maildrop-page .bottom-section .buttons-row ui-button.block {
        max-width: 100%
    }
}

.maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
    -webkit-margin-start: 20px;
    margin-inline-start:20px;-webkit-margin-after: 0;
    margin-block-end:0}

.maildrop-page[dir=ltr] .bottom-section .buttons-row ui-button:nth-child(2),[dir=ltr] .maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
    margin-left: 20px;
    margin-bottom: 0
}

.maildrop-page[dir=rtl] .bottom-section .buttons-row ui-button:nth-child(2),[dir=rtl] .maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
    margin-right: 20px;
    margin-bottom: 0
}

@media (max-width: 759px) {
    .maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
        -webkit-margin-start:0;
        margin-inline-start:0;-webkit-margin-after: 20px;
        margin-block-end:20px}

    .maildrop-page[dir=ltr] .bottom-section .buttons-row ui-button:nth-child(2),[dir=ltr] .maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
        margin-left: 0;
        margin-bottom: 20px
    }

    .maildrop-page[dir=rtl] .bottom-section .buttons-row ui-button:nth-child(2),[dir=rtl] .maildrop-page .bottom-section .buttons-row ui-button:nth-child(2) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (max-width: 759px) {
    .maildrop-page .bottom-section .buttons-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.maildrop-page .bottom-section .error-message-title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #bf4800
}

[apple-system-font-capable] .maildrop-page .bottom-section .error-message-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.maildrop-page .bottom-section .error-message p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    -webkit-margin-before: 5px;
    margin-block-start:5px;color: rgba(0,0,0,.56)
}

.maildrop-page[dir=ltr] .bottom-section .error-message p,.maildrop-page[dir=rtl] .bottom-section .error-message p,[dir=ltr] .maildrop-page .bottom-section .error-message p,[dir=rtl] .maildrop-page .bottom-section .error-message p {
    margin-top: 5px
}

[apple-system-font-capable] .maildrop-page .bottom-section .error-message p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-error-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 35px;
    padding-block-start:35px;inline-size: 100%
}

.share-acceptance-error-page[dir=ltr],.share-acceptance-error-page[dir=rtl],[dir=ltr] .share-acceptance-error-page,[dir=rtl] .share-acceptance-error-page {
    padding-top: 35px;
    width: 100%
}

.share-acceptance-error-page .header-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 759px) {
    .share-acceptance-error-page .header-section {
        max-inline-size:345px
    }

    .share-acceptance-error-page[dir=ltr] .header-section,.share-acceptance-error-page[dir=rtl] .header-section,[dir=ltr] .share-acceptance-error-page .header-section,[dir=rtl] .share-acceptance-error-page .header-section {
        max-width: 345px
    }
}

.share-acceptance-error-page .header-section .header-image {
    fill: #0071e3
}

.share-acceptance-error-page .header-section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

[apple-system-font-capable] .share-acceptance-error-page .header-section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-error-page .header-section .error-details {
    -webkit-margin-before: 50px;
    margin-block-start:50px;block-size: 140px;
    padding-block:30px;padding-inline:20px;background-color: #f5f5f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    inline-size: 375px
}

.share-acceptance-error-page[dir=ltr] .header-section .error-details,.share-acceptance-error-page[dir=rtl] .header-section .error-details,[dir=ltr] .share-acceptance-error-page .header-section .error-details,[dir=rtl] .share-acceptance-error-page .header-section .error-details {
    margin-top: 50px;
    height: 140px;
    width: 375px;
    padding: 30px 20px
}

@media (max-width: 759px) {
    .share-acceptance-error-page .header-section .error-details {
        block-size:160px
    }

    .share-acceptance-error-page[dir=ltr] .header-section .error-details,.share-acceptance-error-page[dir=rtl] .header-section .error-details,[dir=ltr] .share-acceptance-error-page .header-section .error-details,[dir=rtl] .share-acceptance-error-page .header-section .error-details {
        height: 160px
    }
}

.share-acceptance-error-page .header-section .error-details .error-title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    -webkit-margin-after: 10px;
    margin-block-end:10px;color: #bf4800;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    inline-size: 100%
}

.share-acceptance-error-page[dir=ltr] .header-section .error-details .error-title,.share-acceptance-error-page[dir=rtl] .header-section .error-details .error-title,[dir=ltr] .share-acceptance-error-page .header-section .error-details .error-title,[dir=rtl] .share-acceptance-error-page .header-section .error-details .error-title {
    margin-bottom: 10px;
    width: 100%
}

[apple-system-font-capable] .share-acceptance-error-page .header-section .error-details .error-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.share-acceptance-error-page .header-section .error-details .error-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.56)
}

[apple-system-font-capable] .share-acceptance-error-page .header-section .error-details .error-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.create-account {
    overflow: hidden;
    border-radius: 10px;
    margin: auto;
    position: relative;
    inline-size: 100%;
    block-size: 100%;
    offset-block-start: 0;
    background-color: #fff;
    max-inline-size: 640px;
    max-block-size: 526px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.create-account[dir=ltr],.create-account[dir=rtl],[dir=ltr] .create-account,[dir=rtl] .create-account {
    width: 100%;
    height: 100%;
    top: 0;
    max-width: 640px;
    max-height: 526px
}

.create-account ui-activity-indicator {
    margin: auto
}

.create-account .create-account-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    inline-size: 100%;
    block-size: 100%
}

.create-account[dir=ltr] .create-account-inner,.create-account[dir=rtl] .create-account-inner,[dir=ltr] .create-account .create-account-inner,[dir=rtl] .create-account .create-account-inner {
    width: 100%;
    height: 100%
}

.create-account .create-account-inner .create-account-iframe {
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    display: block
}

.create-account[dir=ltr] .create-account-inner .create-account-iframe,.create-account[dir=rtl] .create-account-inner .create-account-iframe,[dir=ltr] .create-account .create-account-inner .create-account-iframe,[dir=rtl] .create-account .create-account-inner .create-account-iframe {
    width: 100%;
    height: 100%
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

.error-dialog {
    margin: auto;
    flex-direction: column;
    background: #fff;
    padding: 24px;
    border-radius: 12px
}

.error-dialog,.error-dialog .error-dialog-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
}

.error-dialog .error-dialog-content {
    color: #fff;
    flex-direction: column;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    padding: logical 20px 20px 0
}

.error-dialog[dir=ltr] .error-dialog-content,.error-dialog[dir=rtl] .error-dialog-content,[dir=ltr] .error-dialog .error-dialog-content,[dir=rtl] .error-dialog .error-dialog-content {
    padding: 20px 20px 0
}

.error-dialog .error-dialog-content .error-icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    inline-size: 128px;
    block-size: 128px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.1);
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    border-radius: 23%;
    position: relative
}

.error-dialog[dir=ltr] .error-dialog-content .error-icon,.error-dialog[dir=rtl] .error-dialog-content .error-icon,[dir=ltr] .error-dialog .error-dialog-content .error-icon,[dir=rtl] .error-dialog .error-dialog-content .error-icon {
    width: 128px;
    height: 128px
}

.error-dialog .error-dialog-content .error-icon .app-icon {
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%
}

.error-dialog[dir=ltr] .error-dialog-content .error-icon .app-icon,[dir=ltr] .error-dialog .error-dialog-content .error-icon .app-icon {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.error-dialog[dir=rtl] .error-dialog-content .error-icon .app-icon,[dir=rtl] .error-dialog .error-dialog-content .error-icon .app-icon {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.error-dialog .error-dialog-content .error-app,.error-dialog .error-dialog-content .error-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    -webkit-margin-before: 40px;
    margin-block-start:40px;-webkit-margin-after: 25px;
    margin-block-end:25px;color: #49494d;
    line-height: 31px
}

.error-dialog[dir=ltr] .error-dialog-content .error-app,.error-dialog[dir=ltr] .error-dialog-content .error-title,.error-dialog[dir=rtl] .error-dialog-content .error-app,.error-dialog[dir=rtl] .error-dialog-content .error-title,[dir=ltr] .error-dialog .error-dialog-content .error-app,[dir=ltr] .error-dialog .error-dialog-content .error-title,[dir=rtl] .error-dialog .error-dialog-content .error-app,[dir=rtl] .error-dialog .error-dialog-content .error-title {
    margin-top: 40px;
    margin-bottom: 25px
}

[apple-system-font-capable] .error-dialog .error-dialog-content .error-app,[apple-system-font-capable] .error-dialog .error-dialog-content .error-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.error-dialog .error-dialog-content .error-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 23px;
    text-align: center
}

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

.error-dialog .error-dialog-content .error-description a {
    text-decoration: none;
    white-space: nowrap;
    color: #06c
}

.error-dialog .error-dialog-content .error-description a :active {
    color: #004d99
}

.error-dialog .error-dialog-content .error-description .user-email-label {
    font-weight: 600
}

.error-dialog .error-dialog-content .error-description:empty,.error-dialog .error-dialog-content .error-title-photos:empty {
    display: none
}

.error-dialog .error-button-container {
    -webkit-margin-before: 25px;
    margin-block-start:25px}

.error-dialog[dir=ltr] .error-button-container,.error-dialog[dir=rtl] .error-button-container,[dir=ltr] .error-dialog .error-button-container,[dir=rtl] .error-dialog .error-button-container {
    margin-top: 25px
}

.error-dialog .error-button-container .error-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.error-dialog .error-button-container .error-buttons,.error-dialog .error-button-container .error-buttons ui-button {
    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
}

.error-dialog .error-button-container .error-buttons ui-button {
    block-size: 50px;
    text-align: center;
    min-inline-size: 300px;
    border: 1px solid #49494d;
    border-radius: 10px
}

.error-dialog[dir=ltr] .error-button-container .error-buttons ui-button,.error-dialog[dir=rtl] .error-button-container .error-buttons ui-button,[dir=ltr] .error-dialog .error-button-container .error-buttons ui-button,[dir=rtl] .error-dialog .error-button-container .error-buttons ui-button {
    height: 50px;
    min-width: 300px
}

.error-dialog .error-button-container .error-buttons ui-button .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-weight: 600;
    color: #49494d
}

[apple-system-font-capable] .error-dialog .error-button-container .error-buttons ui-button .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.error-dialog .error-button-container .error-buttons ui-button .badge-button-one .title,.error-dialog .error-button-container .error-buttons ui-button .badge-button-two .title {
    font-weight: 600
}

.error-dialog .error-button-container .error-buttons ui-button+ui-button {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.error-dialog[dir=ltr] .error-button-container .error-buttons ui-button+ui-button,.error-dialog[dir=rtl] .error-button-container .error-buttons ui-button+ui-button,[dir=ltr] .error-dialog .error-button-container .error-buttons ui-button+ui-button,[dir=rtl] .error-dialog .error-button-container .error-buttons ui-button+ui-button {
    margin-top: 10px
}

[data-horizontal-size-class=compact] .error-dialog .error-container {
    inline-size: 100%;
    border-radius: 0;
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset
}

[data-horizontal-size-class=compact][dir=ltr] .error-dialog .error-container,[data-horizontal-size-class=compact][dir=rtl] .error-dialog .error-container,[dir=ltr] [data-horizontal-size-class=compact] .error-dialog .error-container,[dir=rtl] [data-horizontal-size-class=compact] .error-dialog .error-container {
    width: 100%
}

[data-horizontal-size-class=compact] .error-dialog .error-button-container {
    padding: logical 0
}

[data-horizontal-size-class=compact][dir=ltr] .error-dialog .error-button-container,[data-horizontal-size-class=compact][dir=rtl] .error-dialog .error-button-container,[dir=ltr] [data-horizontal-size-class=compact] .error-dialog .error-button-container,[dir=rtl] [data-horizontal-size-class=compact] .error-dialog .error-button-container {
    padding: 0
}

[data-horizontal-size-class=compact] .error-dialog .error-button-container .error-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

[data-horizontal-size-class=compact] .error-dialog .error-button-container .error-buttons ui-button {
    block-size: 50px;
    text-align: center;
    inline-size: auto;
    min-inline-size: 250px;
    border: 1px solid #49494d;
    border-radius: 10px
}

[data-horizontal-size-class=compact][dir=ltr] .error-dialog .error-button-container .error-buttons ui-button,[data-horizontal-size-class=compact][dir=rtl] .error-dialog .error-button-container .error-buttons ui-button,[dir=ltr] [data-horizontal-size-class=compact] .error-dialog .error-button-container .error-buttons ui-button,[dir=rtl] [data-horizontal-size-class=compact] .error-dialog .error-button-container .error-buttons ui-button {
    height: 50px;
    width: auto;
    min-width: 250px
}

[data-horizontal-size-class=compact] .error-dialog .error-button-container .error-buttons ui-button .title {
    font-weight: 600
}

.modal-child-application {
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed
}

.modal-child-application[dir=ltr],.modal-child-application[dir=rtl],[dir=ltr] .modal-child-application,[dir=rtl] .modal-child-application {
    width: 100%;
    height: 100%
}

.modal-child-application .modal-child-application-modal {
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent
}

.modal-child-application[dir=ltr] .modal-child-application-modal,.modal-child-application[dir=rtl] .modal-child-application-modal,[dir=ltr] .modal-child-application .modal-child-application-modal,[dir=rtl] .modal-child-application .modal-child-application-modal {
    width: 100%;
    height: 100%
}

.modal-child-application .modal-child-application-modal.is-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-child-application iframe.child-application {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    border-radius: inherit;
    position: absolute;
    offset-inline-start: 0;
    offset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: transparent
}

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

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

.modal-child-application .modal-child-application-modal.sprinkles {
    background-color: #fff;
    border-radius: 10.5px;
    block-size: auto;
    max-inline-size: 640px;
    max-block-size: -webkit-calc(100% - 40px);
    max-block-size: calc(100% - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    padding: 20px;
    pointer-events: auto;
    overflow: auto;
    display: inline-block;
    position: relative;
    -webkit-padding-before: 0;
    padding-block-start:0}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles {
    height: auto;
    max-width: 640px;
    max-height: -webkit-calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding-top: 0
}

.compact>.modal-child-application .modal-child-application-modal.sprinkles {
    max-inline-size: unset;
    max-block-size: unset;
    margin: 0;
    border-radius: 0
}

.compact[dir=ltr]>.modal-child-application .modal-child-application-modal.sprinkles,.compact[dir=rtl]>.modal-child-application .modal-child-application-modal.sprinkles,[dir=ltr] .compact>.modal-child-application .modal-child-application-modal.sprinkles,[dir=rtl] .compact>.modal-child-application .modal-child-application-modal.sprinkles {
    max-width: unset;
    max-height: unset
}

.compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-inline:0}

.compact[dir=ltr]>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,.compact[dir=rtl]>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,[dir=ltr] .compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content,[dir=rtl] .compact>.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-left: 0;
    margin-right: 0
}

.modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    margin: 25px;
    offset-inline-start: auto;
    offset-block-start: auto;
    inline-size: 550px;
    block-size: 436px;
    position: relative
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles iframe.child-application,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    left: auto;
    top: auto;
    width: 550px;
    height: 436px
}

.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles iframe.child-application,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles iframe.child-application {
    right: auto;
    top: auto;
    width: 550px;
    height: 436px
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-icon,.modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-icon {
    -webkit-margin-before: 22px;
    margin-block-start:22px;-webkit-margin-after: 20px;
    margin-block-end:20px}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-icon,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-icon,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-icon,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-icon {
    margin-top: 22px;
    margin-bottom: 20px
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-after: 24px;
    margin-block-end:24px}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-title,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-title,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-title,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    margin-bottom: 24px
}

[apple-system-font-capable] .modal-child-application .modal-child-application-modal.sprinkles .modal-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    text-align: center;
    -webkit-margin-after: 45px;
    margin-block-end:45px;padding-inline:20px}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-description,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-description,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-description,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    margin-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px
}

[apple-system-font-capable] .modal-child-application .modal-child-application-modal.sprinkles .modal-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-inline:30px;-webkit-margin-after: 30px;
    margin-block-end:30px}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .modal-content,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .modal-content,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .modal-content,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .modal-content {
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px
}

.modal-child-application .modal-child-application-modal.sprinkles .close-button-bar {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0;
    -webkit-margin-after: -20px;
    margin-block-end:-20px;padding-block:20px;background-color: hsla(0,0%,100%,.75);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.modal-child-application[dir=ltr] .modal-child-application-modal.sprinkles .close-button-bar,.modal-child-application[dir=rtl] .modal-child-application-modal.sprinkles .close-button-bar,[dir=ltr] .modal-child-application .modal-child-application-modal.sprinkles .close-button-bar,[dir=rtl] .modal-child-application .modal-child-application-modal.sprinkles .close-button-bar {
    top: 0;
    margin-bottom: -20px;
    padding-top: 20px;
    padding-bottom: 20px
}

ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular {
    max-inline-size: 540px
}

[dir=ltr] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular,[dir=rtl] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=ltr] ui-popup.regular,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=rtl] ui-popup.regular {
    max-width: 540px
}

ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions {
    -webkit-border-before: 0;
    border-block-start:0}

[dir=ltr] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions,[dir=rtl] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=ltr] ui-popup.regular ui-alert-actions,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=rtl] ui-popup.regular ui-alert-actions {
    border-top: 0
}

ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>div {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

[dir=ltr] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>div,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=ltr] ui-popup.regular ui-alert-actions>div {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right
}

[dir=rtl] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>div,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=rtl] ui-popup.regular ui-alert-actions>div {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>ui-button.push.secondary {
    padding-inline:24px}

[dir=ltr] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>ui-button.push.secondary,[dir=rtl] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions>ui-button.push.secondary,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=ltr] ui-popup.regular ui-alert-actions>ui-button.push.secondary,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=rtl] ui-popup.regular ui-alert-actions>ui-button.push.secondary {
    padding-left: 24px;
    padding-right: 24px
}

ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions ui-button.push.secondary {
    inline-size: auto
}

[dir=ltr] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions ui-button.push.secondary,[dir=rtl] ui-pane.for-ui-alert.modern.trust-browser-alert ui-popup.regular ui-alert-actions ui-button.push.secondary,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=ltr] ui-popup.regular ui-alert-actions ui-button.push.secondary,ui-pane.for-ui-alert.modern.trust-browser-alert[dir=rtl] ui-popup.regular ui-alert-actions ui-button.push.secondary {
    width: auto
}

.breadcrumbs {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
    max-inline-size: 1035px;
    margin: auto;
    -webkit-padding-after: 20px;
    padding-block-end:20px;color: #424245
}

.breadcrumbs[dir=ltr],.breadcrumbs[dir=rtl],[dir=ltr] .breadcrumbs,[dir=rtl] .breadcrumbs {
    max-width: 1035px;
    padding-bottom: 20px
}

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

@media (min-width: 1690px) {
    .breadcrumbs {
        max-inline-size:1380px
    }

    .breadcrumbs[dir=ltr],.breadcrumbs[dir=rtl],[dir=ltr] .breadcrumbs,[dir=rtl] .breadcrumbs {
        max-width: 1380px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .breadcrumbs {
        max-inline-size:690px
    }

    .breadcrumbs[dir=ltr],.breadcrumbs[dir=rtl],[dir=ltr] .breadcrumbs,[dir=rtl] .breadcrumbs {
        max-width: 690px
    }
}

@media (max-width: 759px) {
    .breadcrumbs {
        max-inline-size:345px;
        -webkit-padding-before: 80px;
        padding-block-start:80px}

    .breadcrumbs[dir=ltr],.breadcrumbs[dir=rtl],[dir=ltr] .breadcrumbs,[dir=rtl] .breadcrumbs {
        max-width: 345px;
        padding-top: 80px
    }
}

.breadcrumbs ol {
    list-style: none
}

.breadcrumbs ol li {
    display: inline
}

.breadcrumbs svg.apple-logo {
    vertical-align: sub;
    fill: #424245;
    inline-size: 12px;
    block-size: 14px;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.breadcrumbs[dir=ltr] svg.apple-logo,[dir=ltr] .breadcrumbs svg.apple-logo {
    width: 12px;
    height: 14px;
    margin-right: 5px
}

.breadcrumbs[dir=rtl] svg.apple-logo,[dir=rtl] .breadcrumbs svg.apple-logo {
    width: 12px;
    height: 14px;
    margin-left: 5px
}

.breadcrumbs svg.chevron {
    fill: #d2d2d7;
    margin-inline:11px}

.breadcrumbs[dir=ltr] svg.chevron,.breadcrumbs[dir=rtl] svg.chevron,[dir=ltr] .breadcrumbs svg.chevron,[dir=rtl] .breadcrumbs svg.chevron {
    margin-left: 11px;
    margin-right: 11px
}

.breadcrumbs a {
    color: #424245;
    text-decoration: none
}

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

.domain-redirect-page .redirect-title {
    -webkit-margin-before: 20px;
    margin-block-start:20px;text-align: center;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

.domain-redirect-page[dir=ltr] .redirect-title,.domain-redirect-page[dir=rtl] .redirect-title,[dir=ltr] .domain-redirect-page .redirect-title,[dir=rtl] .domain-redirect-page .redirect-title {
    margin-top: 20px
}

[apple-system-font-capable] .domain-redirect-page .redirect-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.domain-redirect-page .redirect-subtitle {
    -webkit-margin-before: 20px;
    margin-block-start:20px;text-align: center;
    color: rgba(0,0,0,.56);
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.domain-redirect-page[dir=ltr] .redirect-subtitle,.domain-redirect-page[dir=rtl] .redirect-subtitle,[dir=ltr] .domain-redirect-page .redirect-subtitle,[dir=rtl] .domain-redirect-page .redirect-subtitle {
    margin-top: 20px
}

[apple-system-font-capable] .domain-redirect-page .redirect-subtitle {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.domain-redirect-page ui-button.redirect-domain-button.pill {
    -webkit-margin-before: 70px;
    margin-block-start:70px}

.domain-redirect-page[dir=ltr] ui-button.redirect-domain-button.pill,.domain-redirect-page[dir=rtl] ui-button.redirect-domain-button.pill,[dir=ltr] .domain-redirect-page ui-button.redirect-domain-button.pill,[dir=rtl] .domain-redirect-page ui-button.redirect-domain-button.pill {
    margin-top: 70px
}

.icloud-hero {
    block-size: auto;
    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
}

.icloud-hero[dir=ltr],.icloud-hero[dir=rtl],[dir=ltr] .icloud-hero,[dir=rtl] .icloud-hero {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-right: auto;
    margin-left: auto
}

.icloud-hero h1 {
    text-align: center;
    z-index: 1;
    color: #1d1d1f;
    -webkit-margin-before: -80px;
    margin-block-start:-80px}

.icloud-hero[dir=ltr] h1,.icloud-hero[dir=rtl] h1,[dir=ltr] .icloud-hero h1,[dir=rtl] .icloud-hero h1 {
    margin-top: -80px
}

@media (max-width: 759px) {
    .icloud-hero h1 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 40px;
        font-weight: 600;
        max-inline-size: 308px;
        letter-spacing: 0;
        line-height: 44px;
        -webkit-margin-before: -75px;
        margin-block-start:-75px}

    .icloud-hero[dir=ltr] h1,.icloud-hero[dir=rtl] h1,[dir=ltr] .icloud-hero h1,[dir=rtl] .icloud-hero h1 {
        max-width: 308px;
        margin-top: -75px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .icloud-hero h1 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 72px;
        font-weight: 600;
        max-inline-size: 660px;
        letter-spacing: -.86px;
        line-height: 76px
    }

    .icloud-hero[dir=ltr] h1,.icloud-hero[dir=rtl] h1,[dir=ltr] .icloud-hero h1,[dir=rtl] .icloud-hero h1 {
        max-width: 660px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

@media (min-width: 1165px) {
    .icloud-hero h1 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 80px;
        font-weight: 600;
        max-inline-size: 1005px;
        letter-spacing: -1.2px;
        line-height: 84px
    }

    .icloud-hero[dir=ltr] h1,.icloud-hero[dir=rtl] h1,[dir=ltr] .icloud-hero h1,[dir=rtl] .icloud-hero h1 {
        max-width: 1005px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

@media (min-width: 1690px) {
    .icloud-hero h1 {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 80px;
        font-weight: 600;
        letter-spacing: -1.2px;
        line-height: 84px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

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

.icloud-hero[dir=ltr] .clouds,[dir=ltr] .icloud-hero .clouds {
    width: auto;
    height: 360px;
    top: -50px;
    right: 0;
    -webkit-align-content: left;
    -ms-flex-line-pack: left;
    align-content: left
}

.icloud-hero[dir=rtl] .clouds,[dir=rtl] .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) {
    .icloud-hero .clouds {
        block-size:300px
    }

    .icloud-hero[dir=ltr] .clouds,.icloud-hero[dir=rtl] .clouds,[dir=ltr] .icloud-hero .clouds,[dir=rtl] .icloud-hero .clouds {
        height: 300px
    }
}

.icloud-hero .clouds img {
    inline-size: auto;
    block-size: 100%
}

.icloud-hero[dir=ltr] .clouds img,.icloud-hero[dir=rtl] .clouds img,[dir=ltr] .icloud-hero .clouds img,[dir=rtl] .icloud-hero .clouds img {
    width: auto;
    height: 100%
}

.terms-and-conditions-container {
    background-color: #fbfbfd;
    justify-self: center
}

.terms-and-conditions,.terms-and-conditions-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
}

.terms-and-conditions {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    max-inline-size: 660px
}

.terms-and-conditions[dir=ltr],.terms-and-conditions[dir=rtl],[dir=ltr] .terms-and-conditions,[dir=rtl] .terms-and-conditions {
    max-width: 660px
}

@media (max-width: 759px) {
    .terms-and-conditions {
        max-inline-size:100%
    }

    .terms-and-conditions[dir=ltr],.terms-and-conditions[dir=rtl],[dir=ltr] .terms-and-conditions,[dir=rtl] .terms-and-conditions {
        max-width: 100%
    }
}

.terms-and-conditions .cloud-image {
    -webkit-margin-after: 16px;
    margin-block-end:16px;min-block-size: 54px
}

.terms-and-conditions[dir=ltr] .cloud-image,.terms-and-conditions[dir=rtl] .cloud-image,[dir=ltr] .terms-and-conditions .cloud-image,[dir=rtl] .terms-and-conditions .cloud-image {
    margin-bottom: 16px;
    min-height: 54px
}

.terms-and-conditions .download-link-in-header {
    display: none
}

.terms-and-conditions .terms-header {
    -webkit-margin-after: 50px;
    margin-block-end:50px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.terms-and-conditions[dir=ltr] .terms-header,.terms-and-conditions[dir=rtl] .terms-header,[dir=ltr] .terms-and-conditions .terms-header,[dir=rtl] .terms-and-conditions .terms-header {
    margin-bottom: 50px
}

.terms-and-conditions .terms-header .terms-header-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

[apple-system-font-capable] .terms-and-conditions .terms-header .terms-header-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-header .terms-header-title {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

    [apple-system-font-capable] .terms-and-conditions .terms-header .terms-header-title {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    -webkit-margin-after: 0;
    margin-block-end:0;display: inline-block;
    -webkit-margin-start: 5px;
    margin-inline-start:5px}

.terms-and-conditions[dir=ltr] .terms-header .terms-header-title .china-terms-and-conditions-branding,[dir=ltr] .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
    margin-bottom: 0;
    margin-left: 5px
}

.terms-and-conditions[dir=rtl] .terms-header .terms-header-title .china-terms-and-conditions-branding,[dir=rtl] .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
    margin-bottom: 0;
    margin-right: 5px
}

[apple-system-font-capable] .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

    [apple-system-font-capable] .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.terms-and-conditions .content-scroll {
    border-block:1px solid #e8e8ed;border-inline:1px solid #e8e8ed;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    inline-size: 660px;
    block-size: 520px;
    border-radius: 12px;
    background-color: #f5f5f7;
    padding-inline:30px;-webkit-padding-before: 30px;
    padding-block-start:30px;color: #1d1d1f
}

.terms-and-conditions[dir=ltr] .content-scroll,.terms-and-conditions[dir=rtl] .content-scroll,[dir=ltr] .terms-and-conditions .content-scroll,[dir=rtl] .terms-and-conditions .content-scroll {
    width: 660px;
    height: 520px;
    padding-top: 30px;
    border: 1px solid #e8e8ed;
    padding-left: 30px;
    padding-right: 30px
}

[apple-system-font-capable] .terms-and-conditions .content-scroll {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .terms-and-conditions .content-scroll {
        inline-size:335px;
        block-size: 377px;
        padding-inline:20px;-webkit-padding-before: 20px;
        padding-block-start:20px}

    .terms-and-conditions[dir=ltr] .content-scroll,.terms-and-conditions[dir=rtl] .content-scroll,[dir=ltr] .terms-and-conditions .content-scroll,[dir=rtl] .terms-and-conditions .content-scroll {
        width: 335px;
        height: 377px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.terms-and-conditions .content-scroll .china-terms-label:first-child {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.terms-and-conditions[dir=ltr] .content-scroll .china-terms-label:first-child,.terms-and-conditions[dir=rtl] .content-scroll .china-terms-label:first-child,[dir=ltr] .terms-and-conditions .content-scroll .china-terms-label:first-child,[dir=rtl] .terms-and-conditions .content-scroll .china-terms-label:first-child {
    margin-bottom: 20px
}

.terms-and-conditions .terms-footer {
    inline-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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-margin-before: 24px;
    margin-block-start:24px;-webkit-margin-after: 20px;
    margin-block-end:20px}

.terms-and-conditions[dir=ltr] .terms-footer,.terms-and-conditions[dir=rtl] .terms-footer,[dir=ltr] .terms-and-conditions .terms-footer,[dir=rtl] .terms-and-conditions .terms-footer {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 20px
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-footer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.terms-and-conditions .terms-footer.china {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.terms-and-conditions .terms-footer ui-button.block {
    block-size: 36px;
    inline-size: 150px;
    padding-block:10px;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
}

.terms-and-conditions[dir=ltr] .terms-footer ui-button.block,.terms-and-conditions[dir=rtl] .terms-footer ui-button.block,[dir=ltr] .terms-and-conditions .terms-footer ui-button.block,[dir=rtl] .terms-and-conditions .terms-footer ui-button.block {
    height: 36px;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-footer ui-button.block {
        inline-size:275px
    }

    .terms-and-conditions[dir=ltr] .terms-footer ui-button.block,.terms-and-conditions[dir=rtl] .terms-footer ui-button.block,[dir=ltr] .terms-and-conditions .terms-footer ui-button.block,[dir=rtl] .terms-and-conditions .terms-footer ui-button.block {
        width: 275px
    }
}

.terms-and-conditions .terms-footer ui-button.tertiary.block {
    background-color: #1d1d1f;
    color: #fff
}

@media (pointer: fine) {
    .terms-and-conditions .terms-footer ui-button.tertiary.block:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#272729
    }
}

.terms-and-conditions .terms-footer ui-button.tertiary.block.active:not([aria-disabled=true]):not(.disabled),.terms-and-conditions .terms-footer ui-button.tertiary.block:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #18181a
}

.terms-and-conditions .terms-footer .button-groups {
    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
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-footer .button-groups {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
    -webkit-margin-end: 15px;
    margin-inline-end:15px}

.terms-and-conditions[dir=ltr] .terms-footer .button-groups ui-button.block.disagree-button,[dir=ltr] .terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
    margin-right: 15px
}

.terms-and-conditions[dir=rtl] .terms-footer .button-groups ui-button.block.disagree-button,[dir=rtl] .terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
    margin-left: 15px
}

@media (max-width: 759px) {
    .terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
        -webkit-margin-end:0;
        margin-inline-end:0;-webkit-margin-before: 15px;
        margin-block-start:15px;-webkit-margin-after: 35px;
        margin-block-end:35px}

    .terms-and-conditions[dir=ltr] .terms-footer .button-groups ui-button.block.disagree-button,[dir=ltr] .terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 35px
    }

    .terms-and-conditions[dir=rtl] .terms-footer .button-groups ui-button.block.disagree-button,[dir=rtl] .terms-and-conditions .terms-footer .button-groups ui-button.block.disagree-button {
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 35px
    }
}

ui-pane-backdrop.top-visible.for-ui-alert.disable-animation {
    -webkit-animation: none;
    animation: none
}

ui-alert-content .description a {
    text-decoration: none
}

.reminders-template-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 35px;
    padding-block-start:35px;inline-size: 100%
}

.reminders-template-page[dir=ltr],.reminders-template-page[dir=rtl],[dir=ltr] .reminders-template-page,[dir=rtl] .reminders-template-page {
    padding-top: 35px;
    width: 100%
}

.reminders-template-page:not(.spinner-view) {
    margin: 0
}

.reminders-template-page .share-contant-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.reminders-template-page .share-contant-container,.reminders-template-page .share-contant-container ui-button.block {
    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
}

.reminders-template-page .share-contant-container ui-button.block {
    block-size: 44px;
    padding-block:10px;text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reminders-template-page[dir=ltr] .share-contant-container ui-button.block,.reminders-template-page[dir=rtl] .share-contant-container ui-button.block,[dir=ltr] .reminders-template-page .share-contant-container ui-button.block,[dir=rtl] .reminders-template-page .share-contant-container ui-button.block {
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px
}

.reminders-template-page .share-contant-container .header-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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-inline-size: 345px
}

.reminders-template-page[dir=ltr] .share-contant-container .header-section,.reminders-template-page[dir=rtl] .share-contant-container .header-section,[dir=ltr] .reminders-template-page .share-contant-container .header-section,[dir=rtl] .reminders-template-page .share-contant-container .header-section {
    max-width: 345px
}

.reminders-template-page .share-contant-container .header-section .header-image {
    fill: #0071e3
}

.reminders-template-page .share-contant-container .header-section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    -webkit-margin-after: 75px;
    margin-block-end:75px}

.reminders-template-page[dir=ltr] .share-contant-container .header-section h2,.reminders-template-page[dir=rtl] .share-contant-container .header-section h2,[dir=ltr] .reminders-template-page .share-contant-container .header-section h2,[dir=rtl] .reminders-template-page .share-contant-container .header-section h2 {
    margin-bottom: 75px
}

[apple-system-font-capable] .reminders-template-page .share-contant-container .header-section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.reminders-template-page .share-contant-container .header-section .sharing-details {
    inline-size: 315px;
    block-size: 180px;
    padding-block:30px;padding-inline:20px;background-color: #f5f5f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.reminders-template-page[dir=ltr] .share-contant-container .header-section .sharing-details,.reminders-template-page[dir=rtl] .share-contant-container .header-section .sharing-details,[dir=ltr] .reminders-template-page .share-contant-container .header-section .sharing-details,[dir=rtl] .reminders-template-page .share-contant-container .header-section .sharing-details {
    width: 315px;
    height: 180px;
    padding: 30px 20px
}

.reminders-template-page .share-contant-container .header-section .sharing-details .sharing-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 10px;
    margin-block-end:10px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    inline-size: 100%
}

.reminders-template-page[dir=ltr] .share-contant-container .header-section .sharing-details .sharing-title,.reminders-template-page[dir=rtl] .share-contant-container .header-section .sharing-details .sharing-title,[dir=ltr] .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-title,[dir=rtl] .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-title {
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%
}

[apple-system-font-capable] .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.reminders-template-page .share-contant-container .header-section .sharing-details .sharing-item-description {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-item-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.reminders-template-page .share-contant-container .header-section .sharing-details .icon {
    max-block-size: 40px
}

.reminders-template-page[dir=ltr] .share-contant-container .header-section .sharing-details .icon,.reminders-template-page[dir=rtl] .share-contant-container .header-section .sharing-details .icon,[dir=ltr] .reminders-template-page .share-contant-container .header-section .sharing-details .icon,[dir=rtl] .reminders-template-page .share-contant-container .header-section .sharing-details .icon {
    max-height: 40px
}

.reminders-template-page .share-contant-container .header-section .disabled {
    opacity: .7
}

.reminders-template-page .share-contant-container .bottom-section {
    -webkit-margin-before: 70px;
    margin-block-start:70px;inline-size: 520px
}

.reminders-template-page[dir=ltr] .share-contant-container .bottom-section,.reminders-template-page[dir=rtl] .share-contant-container .bottom-section,[dir=ltr] .reminders-template-page .share-contant-container .bottom-section,[dir=rtl] .reminders-template-page .share-contant-container .bottom-section {
    margin-top: 70px;
    width: 520px
}

@media (max-width: 759px) {
    .reminders-template-page .share-contant-container .bottom-section {
        inline-size:315px
    }

    .reminders-template-page[dir=ltr] .share-contant-container .bottom-section,.reminders-template-page[dir=rtl] .share-contant-container .bottom-section,[dir=ltr] .reminders-template-page .share-contant-container .bottom-section,[dir=rtl] .reminders-template-page .share-contant-container .bottom-section {
        width: 315px
    }
}

.reminders-template-page .share-contant-container .bottom-section .buttons-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block {
    max-inline-size: 315px
}

.reminders-template-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button.block,.reminders-template-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=ltr] .reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=rtl] .reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block {
    max-width: 315px
}

@media (max-width: 759px) {
    .reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block {
        max-inline-size:100%
    }

    .reminders-template-page[dir=ltr] .share-contant-container .bottom-section .buttons-row ui-button.block,.reminders-template-page[dir=rtl] .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=ltr] .reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block,[dir=rtl] .reminders-template-page .share-contant-container .bottom-section .buttons-row ui-button.block {
        max-width: 100%
    }
}

@media (max-width: 759px) {
    .reminders-template-page .share-contant-container .bottom-section .buttons-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.reminders-template-page .share-contant-container .bottom-section .download-add-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-margin-before: 30px;
    margin-block-start:30px;-webkit-margin-after: 10px;
    margin-block-end:10px;color: rgba(0,0,0,.56)
}

.reminders-template-page[dir=ltr] .share-contant-container .bottom-section .download-add-description,.reminders-template-page[dir=rtl] .share-contant-container .bottom-section .download-add-description,[dir=ltr] .reminders-template-page .share-contant-container .bottom-section .download-add-description,[dir=rtl] .reminders-template-page .share-contant-container .bottom-section .download-add-description {
    margin-top: 30px;
    margin-bottom: 10px
}

[apple-system-font-capable] .reminders-template-page .share-contant-container .bottom-section .download-add-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-autocomplete-token-field.standard {
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    color: rgba(0,0,0,.88);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    inline-size: 180px;
    block-size: 36px;
    position: relative;
    padding: logical 0 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.04);
    border: 1px solid transparent;
    box-sizing: border-box;
    block-size: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-block-size: 36px;
    inline-size: 255px;
    -webkit-padding-after: 5px;
    padding-block-end:5px;position: static
}

[dir=ltr] ui-autocomplete-token-field.standard,[dir=rtl] ui-autocomplete-token-field.standard,ui-autocomplete-token-field.standard[dir=ltr],ui-autocomplete-token-field.standard[dir=rtl] {
    width: 180px;
    height: 36px;
    height: auto;
    min-height: 36px;
    width: 255px;
    padding: 0 10px
}

ui-autocomplete-token-field.standard::-moz-selection {
    background-color: transparent
}

ui-autocomplete-token-field.standard::selection {
    background-color: transparent
}

ui-autocomplete-token-field.standard>input {
    block-size: 100%;
    inline-size: 100%
}

[dir=ltr] ui-autocomplete-token-field.standard>input,[dir=rtl] ui-autocomplete-token-field.standard>input,ui-autocomplete-token-field.standard[dir=ltr]>input,ui-autocomplete-token-field.standard[dir=rtl]>input {
    height: 100%;
    width: 100%
}

ui-autocomplete-token-field.standard ui-editing-token,ui-autocomplete-token-field.standard ui-token {
    -webkit-margin-before: 5px;
    margin-block-start:5px;-webkit-margin-start: 0;
    margin-inline-start:0}

[dir=ltr] ui-autocomplete-token-field.standard ui-editing-token,[dir=ltr] ui-autocomplete-token-field.standard ui-token,ui-autocomplete-token-field.standard[dir=ltr] ui-editing-token,ui-autocomplete-token-field.standard[dir=ltr] ui-token {
    margin-top: 5px;
    margin-left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token,[dir=rtl] ui-autocomplete-token-field.standard ui-token,ui-autocomplete-token-field.standard[dir=rtl] ui-editing-token,ui-autocomplete-token-field.standard[dir=rtl] ui-token {
    margin-top: 5px;
    margin-right: 0
}

ui-autocomplete-token-field.standard ui-editing-token {
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] ui-autocomplete-token-field.standard ui-editing-token,ui-autocomplete-token-field.standard[dir=ltr] ui-editing-token {
    margin-right: 3px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token,ui-autocomplete-token-field.standard[dir=rtl] ui-editing-token {
    margin-left: 3px
}

ui-autocomplete-token-field.standard ui-placeholder-text-token {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.48);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset: logical 0 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    inset: 0;
    padding: 0;
    -webkit-margin-before: 5px;
    margin-block-start:5px}

[dir=ltr] ui-autocomplete-token-field.standard ui-placeholder-text-token,[dir=rtl] ui-autocomplete-token-field.standard ui-placeholder-text-token,ui-autocomplete-token-field.standard[dir=ltr] ui-placeholder-text-token,ui-autocomplete-token-field.standard[dir=rtl] ui-placeholder-text-token {
    margin-top: 5px;
    right: 10px;
    left: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token {
    -webkit-margin-start: -5px;
    margin-inline-start:-5px}

[dir=ltr] ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token,ui-autocomplete-token-field.standard[dir=ltr] ui-editing-token+ui-placeholder-text-token {
    margin-left: -5px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token,ui-autocomplete-token-field.standard[dir=rtl] ui-editing-token+ui-placeholder-text-token {
    margin-right: -5px
}

ui-autocomplete-token-field.standard.disabled,ui-autocomplete-token-field.standard[aria-disabled=true] {
    opacity: .3
}

ui-autocomplete-token-field.standard.has-focus {
    background-color: transparent;
    border-color: transparent;
    -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-autocomplete-token-field.standard.has-focus>input::-webkit-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard.has-focus>input::-moz-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard.has-focus>input:-ms-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard.has-focus>input::-ms-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard.has-focus>input::placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard.has-selected:not(.has-focus) {
    background-color: transparent;
    border-color: rgba(0,0,0,.16);
    -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-autocomplete-token-field.standard:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.04);
    box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.08);
    -webkit-box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.08);
    box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.08)
}

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

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-webkit-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-moz-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input:-ms-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-ms-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    border-color: rgba(0,0,0,.16)
}

ui-autocomplete-token-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    -webkit-padding-after: 6px;
    padding-block-end:6px}

[dir=ltr] ui-autocomplete-token-field.standard.icloud-touch,[dir=rtl] ui-autocomplete-token-field.standard.icloud-touch,ui-autocomplete-token-field.standard.icloud-touch[dir=ltr],ui-autocomplete-token-field.standard.icloud-touch[dir=rtl] {
    padding-bottom: 6px
}

ui-autocomplete-token-field.standard.icloud-touch ui-token {
    -webkit-margin-before: 6px;
    margin-block-start:6px}

[dir=ltr] ui-autocomplete-token-field.standard.icloud-touch ui-token,[dir=rtl] ui-autocomplete-token-field.standard.icloud-touch ui-token,ui-autocomplete-token-field.standard.icloud-touch[dir=ltr] ui-token,ui-autocomplete-token-field.standard.icloud-touch[dir=rtl] ui-token {
    margin-top: 6px
}

ui-autocomplete-token-field.standard.icloud-touch ui-editing-token {
    -webkit-margin-before: 6px;
    margin-block-start:6px}

[dir=ltr] ui-autocomplete-token-field.standard.icloud-touch ui-editing-token,[dir=rtl] ui-autocomplete-token-field.standard.icloud-touch ui-editing-token,ui-autocomplete-token-field.standard.icloud-touch[dir=ltr] ui-editing-token,ui-autocomplete-token-field.standard.icloud-touch[dir=rtl] ui-editing-token {
    margin-top: 6px
}

ui-autocomplete-token-field.standard.icloud-touch ui-placeholder-text-token {
    -webkit-margin-before: 6px;
    margin-block-start:6px}

[dir=ltr] ui-autocomplete-token-field.standard.icloud-touch ui-placeholder-text-token,[dir=rtl] ui-autocomplete-token-field.standard.icloud-touch ui-placeholder-text-token,ui-autocomplete-token-field.standard.icloud-touch[dir=ltr] ui-placeholder-text-token,ui-autocomplete-token-field.standard.icloud-touch[dir=rtl] ui-placeholder-text-token {
    margin-top: 6px
}

ui-editing-token.standard {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static
}

[dir=ltr] ui-editing-token.standard,[dir=rtl] ui-editing-token.standard,ui-editing-token.standard[dir=ltr],ui-editing-token.standard[dir=rtl] {
    height: 100%
}

ui-editing-token.standard:focus {
    outline: 0
}

ui-editing-token.standard textarea.editing-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    block-size: auto;
    font-family: inherit
}

[dir=ltr] ui-editing-token.standard textarea.editing-token,[dir=rtl] ui-editing-token.standard textarea.editing-token,ui-editing-token.standard[dir=ltr] textarea.editing-token,ui-editing-token.standard[dir=rtl] textarea.editing-token {
    height: auto
}

ui-editing-token.standard textarea.editing-token:focus {
    outline: 0
}

ui-autocomplete-token-field.standard {
    caret-color: #0071e3
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    background-color: transparent;
    -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-checkbox.standard {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-origin: border-box;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    padding: 6px;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-checkbox.standard>input {
    inline-size: 16px;
    block-size: 16px;
    position: absolute;
    opacity: 0;
    margin: 0
}

[dir=ltr] ui-checkbox.standard>input,[dir=rtl] ui-checkbox.standard>input,ui-checkbox.standard[dir=ltr]>input,ui-checkbox.standard[dir=rtl]>input {
    width: 16px;
    height: 16px
}

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

[dir=ltr] ui-checkbox.standard>.icon,[dir=rtl] ui-checkbox.standard>.icon,ui-checkbox.standard[dir=ltr]>.icon,ui-checkbox.standard[dir=rtl]>.icon {
    width: 16px;
    height: 16px
}

ui-checkbox.standard .square {
    display: block;
    stroke: rgba(0,0,0,.16);
    fill: transparent
}

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

ui-checkbox.standard.icloud-touch {
    padding: 7px
}

ui-checkbox.standard.icloud-touch>input {
    inline-size: 18px;
    block-size: 18px
}

[dir=ltr] ui-checkbox.standard.icloud-touch>input,[dir=rtl] ui-checkbox.standard.icloud-touch>input,ui-checkbox.standard.icloud-touch[dir=ltr]>input,ui-checkbox.standard.icloud-touch[dir=rtl]>input {
    width: 18px;
    height: 18px
}

ui-checkbox.standard.icloud-touch>.icon {
    inline-size: 18px;
    block-size: 18px
}

[dir=ltr] ui-checkbox.standard.icloud-touch>.icon,[dir=rtl] ui-checkbox.standard.icloud-touch>.icon,ui-checkbox.standard.icloud-touch[dir=ltr]>.icon,ui-checkbox.standard.icloud-touch[dir=rtl]>.icon {
    width: 18px;
    height: 18px
}

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

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

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

ui-checkbox.standard.disabled .square,ui-checkbox.standard[aria-disabled=true] .square {
    display: block;
    opacity: .3
}

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

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

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

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

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

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

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

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

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

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

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

ui-checkbox.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    ui-checkbox.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

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

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .square,ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .square {
    display: block;
    stroke: rgba(0,0,0,.04)
}

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

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

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

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

ui-checkbox.standard .checkmark-square-fill,ui-checkbox.standard .icloud-icon-container>svg,ui-checkbox.standard .minus-square-fill {
    fill: #0071e3
}

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

ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,ui-checkbox.standard.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill,ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,ui-checkbox.standard:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill {
    fill: rgba(0,113,227,.3)
}

@-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);
    max-inline-size: -webkit-calc(100vw - 20px);
    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-inline-size: 130px;
    max-inline-size: calc(100vw - 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch),[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch),ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch),ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) {
    max-width: -webkit-calc(100vw - 20px);
    min-width: 130px;
    max-width: calc(100vw - 20px)
}

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;
    inline-size: 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
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container {
    width: 100%
}

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-inline:10px}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem],[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem],[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem],ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem],ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item {
    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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    width: 30px;
    height: 30px;
    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,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    width: 30px;
    height: 30px;
    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
}

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

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].contains-icon,[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.contains-icon,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].contains-icon,ui-menu.standard.icloud-mouse[dir=ltr]: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,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].contains-icon,ui-menu.standard.icloud-mouse[dir=rtl]: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;
    inline-size: 9px
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-checked=true]:after,[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-checked=true]:after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-checked=true]:after,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem][aria-checked=true]:after,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after {
    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;
    inline-size: 25px
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-checked=true]):after,[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-checked=true]):after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-checked=true]):after,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:not([aria-checked=true]):after,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after {
    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 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)
}

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-margin-start: auto;
    margin-inline-start:auto;-webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    inline-size: 16px;
    block-size: 16px
}

[dir=ltr] 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=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-left: auto;
    width: 16px;
    height: 16px
}

[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,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-right: auto;
    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;
    block-size: 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
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider {
    height: 9px
}

ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before {
    block-size: 1px;
    inline-size: -webkit-calc(100% - 22px);
    inline-size: calc(100% - 22px);
    background-color: rgba(0,0,0,.08);
    margin-inline:auto;content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before,ui-menu.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before,ui-menu.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) ui-menu-scroll-container ui-menu-divider:before {
    height: 1px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    margin-left: auto;
    margin-right: auto
}

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;
    inline-size: 100%;
    block-size: 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;
    inset-block-start: 0
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top[dir=ltr] ui-menu-scroller.top,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top[dir=rtl] ui-menu-scroller.top {
    width: 100%;
    height: 18px;
    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,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: "";
    -webkit-border-start: 5px solid transparent;
    border-inline-start:5px solid transparent;-webkit-border-end: 5px solid transparent;
    border-inline-end:5px solid transparent;-webkit-border-after: 8px solid #666;
    border-block-end:8px solid #666}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top ui-menu-scroller.top:after,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top[dir=ltr] ui-menu-scroller.top:after,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-top[dir=rtl] ui-menu-scroller.top:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    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;
    inline-size: 100%;
    block-size: 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;
    inset-block-end: 0
}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom[dir=ltr] ui-menu-scroller.bottom,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom[dir=rtl] ui-menu-scroller.bottom {
    width: 100%;
    height: 18px;
    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,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: "";
    -webkit-border-start: 5px solid transparent;
    border-inline-start:5px solid transparent;-webkit-border-end: 5px solid transparent;
    border-inline-end:5px solid transparent;-webkit-border-before: 8px solid #666;
    border-block-start:8px solid #666}

[dir=ltr] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after,[dir=rtl] ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom ui-menu-scroller.bottom:after,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom[dir=ltr] ui-menu-scroller.bottom:after,ui-menu.standard.icloud-mouse:not(.icloud-touch).has-overflow-bottom[dir=rtl] ui-menu-scroller.bottom:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #666
}

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

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse),[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse),ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse),ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) {
    min-width: 130px;
    max-width: -webkit-calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    min-width: 246px;
    max-width: -webkit-calc(100vw - 24px);
    max-width: calc(100vw - 24px)
}

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;
    inline-size: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container {
    width: 100%
}

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-inline:11px}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item {
    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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    width: 30px;
    height: 30px;
    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,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container {
    width: 30px;
    height: 30px;
    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: "";
    inline-size: -webkit-calc(100% - 22px);
    inline-size: calc(100% - 22px);
    background: rgba(0,0,0,.08);
    position: absolute;
    inset-inline-start: 11px;
    inset-inline-end: 11px;
    inset-block-start: 0;
    block-size: .5px
}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before,[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,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before {
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    left: 11px;
    right: 11px;
    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 {
        block-size:1px
    }

    [dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before,[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,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not(:first-child):before,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a:not(:first-child):before,ui-menu.standard.icloud-touch[dir=rtl]: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;
    inline-size: 9px
}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-checked=true]:after,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a[aria-checked=true]:after,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a[aria-checked=true]:after,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a[aria-checked=true]:after,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[aria-checked=true]:after {
    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;
    inline-size: 28px
}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-checked=true]):after,[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-checked=true]):after,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-checked=true]):after,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container a:not([aria-checked=true]):after,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:not([aria-checked=true]):after {
    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 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 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)
}

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-margin-start: auto;
    margin-inline-start:auto;-webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    inline-size: 19px;
    block-size: 19px
}

[dir=ltr] 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=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-left: auto;
    width: 19px;
    height: 19px
}

[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,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-right: auto;
    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 {
    block-size: 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-inline:-7px;margin-block:5px}

[dir=ltr] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider,[dir=rtl] ui-menu.standard.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider,ui-menu.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider,ui-menu.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-scroll-container ui-menu-divider {
    height: 5px;
    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-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-inline-size: 640px;
    max-block-size: -webkit-calc(100vh - 40px);
    max-block-size: calc(100vh - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: logical 20px;
    padding: logical 20px;
    pointer-events: auto;
    overflow: auto
}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup,[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup {
    max-width: 640px;
    max-height: -webkit-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    margin: 20px;
    padding: 20px
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button {
    position: relative;
    border-radius: 8px;
    -webkit-margin-start: -6px;
    margin-inline-start:-6px;-webkit-margin-before: -6px;
    margin-block-start:-6px}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup .x-close-button,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup .x-close-button {
    margin-left: -6px;
    margin-top: -6px
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup .x-close-button,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup .x-close-button {
    margin-right: -6px;
    margin-top: -6px
}

ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch {
    -webkit-margin-start: -8px;
    margin-inline-start:-8px;-webkit-margin-before: -8px;
    margin-block-start:-8px}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup .x-close-button.icloud-touch {
    margin-left: -8px;
    margin-top: -8px
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup .x-close-button.icloud-touch,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup .x-close-button.icloud-touch {
    margin-right: -8px;
    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);
    inline-size: 14px;
    block-size: 14px
}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup .x-close-button svg,[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup .x-close-button svg,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup .x-close-button svg,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup .x-close-button svg {
    width: 14px;
    height: 14px
}

ui-pane.for-ui-popup.standard>ui-popup ui-overlay-actions {
    position: -webkit-sticky;
    position: sticky;
    inset-block-end: -20px
}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup ui-overlay-actions,[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup ui-overlay-actions,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup ui-overlay-actions,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup ui-overlay-actions {
    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;
    -webkit-border-after: 0;
    border-block-end:0;-webkit-border-start: 0;
    border-inline-start:0;-webkit-border-end: 0;
    border-inline-end:0;-webkit-padding-before: 19px;
    padding-block-start:19px}

[dir=ltr] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions,[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions,ui-pane.for-ui-popup.standard[dir=ltr]>ui-popup.ui-overlay-actions-separator ui-overlay-actions,ui-pane.for-ui-popup.standard[dir=rtl]>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    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 {
    inset: 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
}

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

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-radio-button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-origin: border-box;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    padding: 6px;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-radio-button>.icon {
    inline-size: 16px;
    block-size: 16px
}

[dir=ltr] ui-radio-button>.icon,[dir=rtl] ui-radio-button>.icon,ui-radio-button[dir=ltr]>.icon,ui-radio-button[dir=rtl]>.icon {
    width: 16px;
    height: 16px
}

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

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

ui-radio-button .circle-empty {
    display: block;
    fill: rgba(0,0,0,.16)
}

ui-radio-button>input {
    position: absolute;
    opacity: 0;
    inline-size: 16px;
    block-size: 16px
}

[dir=ltr] ui-radio-button>input,[dir=rtl] ui-radio-button>input,ui-radio-button[dir=ltr]>input,ui-radio-button[dir=rtl]>input {
    width: 16px;
    height: 16px
}

ui-radio-button.icloud-touch>.icon {
    inline-size: 19px;
    block-size: 19px
}

[dir=ltr] ui-radio-button.icloud-touch>.icon,[dir=rtl] ui-radio-button.icloud-touch>.icon,ui-radio-button.icloud-touch[dir=ltr]>.icon,ui-radio-button.icloud-touch[dir=rtl]>.icon {
    width: 19px;
    height: 19px
}

ui-radio-button.icloud-touch>input {
    inline-size: 19px;
    block-size: 19px
}

[dir=ltr] ui-radio-button.icloud-touch>input,[dir=rtl] ui-radio-button.icloud-touch>input,ui-radio-button.icloud-touch[dir=ltr]>input,ui-radio-button.icloud-touch[dir=rtl]>input {
    width: 19px;
    height: 19px
}

ui-radio-button:not([aria-checked=true]).invalid:not(.disabled) .circle-empty,ui-radio-button:not([aria-checked=true])[aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: block;
    fill: rgba(227,0,0,.32)
}

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

ui-radio-button.disabled,ui-radio-button[aria-disabled=true] {
    cursor: default
}

ui-radio-button.disabled .circle-empty,ui-radio-button[aria-disabled=true] .circle-empty {
    display: block;
    opacity: .3
}

ui-radio-button.disabled .circle-dot,ui-radio-button[aria-disabled=true] .circle-dot {
    display: none
}

ui-radio-button.disabled.invalid:not(.disabled),ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]),ui-radio-button[aria-disabled=true].invalid:not(.disabled),ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

ui-radio-button.disabled.invalid:not(.disabled) .circle-empty,ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-empty,ui-radio-button[aria-disabled=true].invalid:not(.disabled) .circle-empty,ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-empty {
    display: block;
    fill: rgba(227,0,0,.32);
    opacity: .3
}

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

ui-radio-button[aria-checked=true] .circle-dot {
    display: block
}

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

ui-radio-button[aria-checked=true].disabled .circle-empty,ui-radio-button[aria-checked=true][aria-disabled=true] .circle-empty {
    display: none
}

ui-radio-button[aria-checked=true].disabled .circle-dot,ui-radio-button[aria-checked=true][aria-disabled=true] .circle-dot {
    display: block;
    opacity: .3
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled),ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]),ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled),ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

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

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled) .circle-dot,ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-dot,ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled) .circle-dot,ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: block;
    fill: rgba(227,0,0,.32);
    opacity: .3
}

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

ui-radio-button[aria-checked=true].invalid:not(.disabled) .circle-dot,ui-radio-button[aria-checked=true][aria-invalid=true]:not([aria-disabled=true]) .circle-dot {
    display: block;
    fill: rgba(227,0,0,.32)
}

ui-radio-button:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.08);
    -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)
}

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

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

ui-radio-button.active:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty {
    display: block;
    fill: rgba(0,0,0,.04)
}

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

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

ui-radio-button .circle-dot,ui-radio-button .icloud-icon-container>svg {
    fill: #0071e3
}

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

ui-radio-button.active:not([aria-disabled=true]):not(.disabled) .circle-dot,ui-radio-button.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled) .circle-dot,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: rgba(0,113,227,.3)
}

ui-select-button.standard {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    border-radius: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    overflow: hidden;
    min-block-size: 30px;
    -webkit-tap-highlight-color: transparent;
    background-color: #f5f5f7
}

[dir=ltr] ui-select-button.standard,[dir=rtl] ui-select-button.standard,ui-select-button.standard[dir=ltr],ui-select-button.standard[dir=rtl] {
    min-height: 30px
}

ui-select-button.standard ui-select-button-title {
    font-size: 14px;
    color: rgba(0,0,0,.88);
    -webkit-margin-end: auto;
    margin-inline-end:auto;-webkit-padding-start: 10px;
    padding-inline-start:10px;-webkit-padding-end: 8px;
    padding-inline-end:8px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

[dir=ltr] ui-select-button.standard ui-select-button-title,ui-select-button.standard[dir=ltr] ui-select-button-title {
    margin-right: auto;
    padding-left: 10px;
    padding-right: 8px
}

[dir=rtl] ui-select-button.standard ui-select-button-title,ui-select-button.standard[dir=rtl] ui-select-button-title {
    margin-left: auto;
    padding-right: 10px;
    padding-left: 8px
}

ui-select-button.standard ui-select-button-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ui-select-button.standard select {
    opacity: 0;
    position: absolute;
    inset: 0;
    -webkit-appearance: none;
    inline-size: 100%
}

[dir=ltr] ui-select-button.standard select,[dir=rtl] ui-select-button.standard select,ui-select-button.standard[dir=ltr] select,ui-select-button.standard[dir=rtl] select {
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

ui-select-button.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-select-button.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px rgba(0,113,227,.7);
    box-shadow: inset 0 0 0 3px rgba(0,113,227,.7);
    outline: none
}

ui-select-button.standard.disabled ui-select-button-title,ui-select-button.standard[aria-disabled=true] ui-select-button-title {
    opacity: .3
}

ui-select-button.standard.disabled .icon,ui-select-button.standard[aria-disabled=true] .icon {
    background-color: transparent;
    opacity: .3
}

@media (pointer: fine) {
    ui-select-button.standard select:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#e8e8ed;
        cursor: pointer
    }
}

ui-select-button.standard .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: 9px;
    block-size: 14px;
    border-radius: 5px;
    fill: rgba(0,0,0,.88);
    -webkit-margin-end: 5px;
    margin-inline-end:5px;padding: logical 3px 8px;
    overflow: visible;
    background-color: #e8e8ed
}

[dir=ltr] ui-select-button.standard .icon,ui-select-button.standard[dir=ltr] .icon {
    width: 9px;
    height: 14px;
    margin-right: 5px;
    padding: 3px 8px 3px 7px
}

[dir=rtl] ui-select-button.standard .icon,ui-select-button.standard[dir=rtl] .icon {
    width: 9px;
    height: 14px;
    margin-left: 5px;
    padding: 3px 7px 3px 8px
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled),ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #f5f5f7
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    fill: #fff;
    opacity: .3
}

@media (pointer: fine) {
    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#e8e8ed;
        cursor: pointer
    }

    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) .icon {
        background-color: rgba(0,0,0,.08)
    }
}

ui-pane.dismissable.is-opening .ui-select-button-menu:not(.is-measuring),ui-pane.dismissible.is-opening .ui-select-button-menu:not(.is-measuring) {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

ui-pane.dismissable.is-closing .ui-select-button-menu,ui-pane.dismissible.is-closing .ui-select-button-menu {
    -webkit-animation: icloud-keyframes-fadeOut .2s ease forwards;
    animation: icloud-keyframes-fadeOut .2s ease forwards
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    background-color: #0071e3
}

ui-slider.standard {
    outline: none;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

ui-slider.standard,ui-slider.standard ui-slider-track {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-track {
    display: inline-block;
    position: absolute;
    background: rgba(0,0,0,.32);
    border-radius: 100px;
    overflow: hidden
}

ui-slider.standard ui-slider-track-progress {
    display: block;
    position: relative
}

ui-slider.standard ui-slider-knob,ui-slider.standard ui-slider-track-progress {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-knob {
    display: inline-block;
    position: absolute;
    inline-size: 14px;
    block-size: 14px;
    border-radius: 14px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[dir=ltr] ui-slider.standard ui-slider-knob,[dir=rtl] ui-slider.standard ui-slider-knob,ui-slider.standard[dir=ltr] ui-slider-knob,ui-slider.standard[dir=rtl] ui-slider-knob {
    width: 14px;
    height: 14px
}

@media (pointer: fine) {
    ui-slider.standard ui-slider-knob:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:0 0 0 3px rgba(0,0,0,.08);
        box-shadow: 0 0 0 3px rgba(0,0,0,.08)
    }
}

ui-slider.standard[aria-orientation=horizontal] {
    inline-size: 70px;
    block-size: 14px
}

[dir=ltr] ui-slider.standard[aria-orientation=horizontal],[dir=rtl] ui-slider.standard[aria-orientation=horizontal],ui-slider.standard[aria-orientation=horizontal][dir=ltr],ui-slider.standard[aria-orientation=horizontal][dir=rtl] {
    width: 70px;
    height: 14px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-knob {
    -webkit-margin-start: -7px;
    margin-inline-start:-7px}

[dir=ltr] ui-slider.standard[aria-orientation=horizontal] ui-slider-knob,ui-slider.standard[aria-orientation=horizontal][dir=ltr] ui-slider-knob {
    margin-left: -7px
}

[dir=rtl] ui-slider.standard[aria-orientation=horizontal] ui-slider-knob,ui-slider.standard[aria-orientation=horizontal][dir=rtl] ui-slider-knob {
    margin-right: -7px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track {
    block-size: 2px;
    inline-size: 100%
}

[dir=ltr] ui-slider.standard[aria-orientation=horizontal] ui-slider-track,[dir=rtl] ui-slider.standard[aria-orientation=horizontal] ui-slider-track,ui-slider.standard[aria-orientation=horizontal][dir=ltr] ui-slider-track,ui-slider.standard[aria-orientation=horizontal][dir=rtl] ui-slider-track {
    height: 2px;
    width: 100%
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track-progress {
    block-size: 100%
}

[dir=ltr] ui-slider.standard[aria-orientation=horizontal] ui-slider-track-progress,[dir=rtl] ui-slider.standard[aria-orientation=horizontal] ui-slider-track-progress,ui-slider.standard[aria-orientation=horizontal][dir=ltr] ui-slider-track-progress,ui-slider.standard[aria-orientation=horizontal][dir=rtl] ui-slider-track-progress {
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    block-size: 70px;
    inline-size: 14px
}

[dir=ltr] ui-slider.standard[aria-orientation=vertical],[dir=rtl] ui-slider.standard[aria-orientation=vertical],ui-slider.standard[aria-orientation=vertical][dir=ltr],ui-slider.standard[aria-orientation=vertical][dir=rtl] {
    height: 70px;
    width: 14px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-knob {
    -webkit-margin-after: -7px;
    margin-block-end:-7px}

[dir=ltr] ui-slider.standard[aria-orientation=vertical] ui-slider-knob,[dir=rtl] ui-slider.standard[aria-orientation=vertical] ui-slider-knob,ui-slider.standard[aria-orientation=vertical][dir=ltr] ui-slider-knob,ui-slider.standard[aria-orientation=vertical][dir=rtl] ui-slider-knob {
    margin-bottom: -7px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track {
    inline-size: 2px;
    block-size: 100%
}

[dir=ltr] ui-slider.standard[aria-orientation=vertical] ui-slider-track,[dir=rtl] ui-slider.standard[aria-orientation=vertical] ui-slider-track,ui-slider.standard[aria-orientation=vertical][dir=ltr] ui-slider-track,ui-slider.standard[aria-orientation=vertical][dir=rtl] ui-slider-track {
    width: 2px;
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track-progress {
    inline-size: 100%;
    position: absolute;
    inset-block-end: 0
}

[dir=ltr] ui-slider.standard[aria-orientation=vertical] ui-slider-track-progress,[dir=rtl] ui-slider.standard[aria-orientation=vertical] ui-slider-track-progress,ui-slider.standard[aria-orientation=vertical][dir=ltr] ui-slider-track-progress,ui-slider.standard[aria-orientation=vertical][dir=rtl] ui-slider-track-progress {
    width: 100%;
    bottom: 0
}

ui-slider.standard.disabled,ui-slider.standard[aria-disabled=true] {
    opacity: .3;
    cursor: default
}

ui-slider.standard:focus:not([aria-disabled=true]):not(.disabled) ui-slider-knob {
    -webkit-box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7)
}

ui-slider.standard.ui-component-dragging ui-slider-knob {
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.08);
    box-shadow: 0 0 0 3px rgba(0,0,0,.08)
}

ui-slider.standard ui-slider-track-progress {
    background-color: #0071e3
}

ui-slider.standard ui-slider-knob {
    border: 2px solid #0071e3
}

ui-slider.standard.ui-component-dragging ui-slider-knob {
    background-color: #0071e3;
    border-color: #fff
}

ui-switch.standard {
    inline-size: 28px;
    block-size: 17px;
    border-radius: 8.5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[dir=ltr] ui-switch.standard,[dir=rtl] ui-switch.standard,ui-switch.standard[dir=ltr],ui-switch.standard[dir=rtl] {
    width: 28px;
    height: 17px
}

ui-switch.standard>ui-switch-knob {
    block-size: 15px;
    inline-size: 15px;
    inset-inline-start: 1px;
    inset-block-start: 1px;
    border-radius: 7.5px
}

[dir=ltr] ui-switch.standard>ui-switch-knob,ui-switch.standard[dir=ltr]>ui-switch-knob {
    height: 15px;
    width: 15px;
    left: 1px;
    top: 1px
}

[dir=rtl] ui-switch.standard>ui-switch-knob,ui-switch.standard[dir=rtl]>ui-switch-knob {
    height: 15px;
    width: 15px;
    right: 1px;
    top: 1px
}

ui-switch.standard[aria-checked=true]>ui-switch-knob {
    inset-inline-start: 12px
}

[dir=ltr] ui-switch.standard[aria-checked=true]>ui-switch-knob,ui-switch.standard[aria-checked=true][dir=ltr]>ui-switch-knob {
    left: 12px
}

[dir=rtl] ui-switch.standard[aria-checked=true]>ui-switch-knob,ui-switch.standard[aria-checked=true][dir=rtl]>ui-switch-knob {
    right: 12px
}

ui-switch.standard>ui-switch-knob {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.16),0 2px 1px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.16),0 2px 1px 0 rgba(0,0,0,.08);
    outline: .5px solid rgba(0,0,0,.04);
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: inset-inline-start;
    transition-property: inset-inline-start
}

ui-switch.standard>input {
    display: none
}

ui-switch.standard:not([aria-checked=true]) {
    background-color: rgba(0,0,0,.12)
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 28px rgba(0,0,0,.16);
    box-shadow: inset 0 0 28px rgba(0,0,0,.16)
}

ui-switch.standard[aria-checked=true].active:not([aria-disabled=true]):not(.disabled),ui-switch.standard[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.12);
    -webkit-box-shadow: inset 0 0 28px rgba(0,0,0,.16);
    box-shadow: inset 0 0 28px rgba(0,0,0,.16)
}

ui-switch.standard.disabled,ui-switch.standard[aria-disabled=true] {
    opacity: .3;
    cursor: inherit
}

@media (pointer: fine) {
    ui-switch.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 28px rgba(0,0,0,.16);
        box-shadow: inset 0 0 28px rgba(0,0,0,.16)
    }
}

ui-switch.standard:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7)
}

ui-switch.standard.icloud-touch {
    inline-size: 51px;
    block-size: 31px;
    border-radius: 15.5px
}

[dir=ltr] ui-switch.standard.icloud-touch,[dir=rtl] ui-switch.standard.icloud-touch,ui-switch.standard.icloud-touch[dir=ltr],ui-switch.standard.icloud-touch[dir=rtl] {
    width: 51px;
    height: 31px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    block-size: 27px;
    inline-size: 27px;
    inset-inline-start: 2px;
    inset-block-start: 2px;
    border-radius: 13.5px
}

[dir=ltr] ui-switch.standard.icloud-touch>ui-switch-knob,ui-switch.standard.icloud-touch[dir=ltr]>ui-switch-knob {
    height: 27px;
    width: 27px;
    left: 2px;
    top: 2px
}

[dir=rtl] ui-switch.standard.icloud-touch>ui-switch-knob,ui-switch.standard.icloud-touch[dir=rtl]>ui-switch-knob {
    height: 27px;
    width: 27px;
    right: 2px;
    top: 2px
}

ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob {
    inset-inline-start: 22px
}

[dir=ltr] ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob,ui-switch.standard.icloud-touch[aria-checked=true][dir=ltr]>ui-switch-knob {
    left: 22px
}

[dir=rtl] ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob,ui-switch.standard.icloud-touch[aria-checked=true][dir=rtl]>ui-switch-knob {
    right: 22px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.16),0 3px 1px 0 rgba(0,0,0,.08);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.16),0 3px 1px 0 rgba(0,0,0,.08)
}

ui-switch.standard.labelled {
    inline-size: 32px;
    block-size: 17px;
    border-radius: 8.5px
}

[dir=ltr] ui-switch.standard.labelled,[dir=rtl] ui-switch.standard.labelled,ui-switch.standard.labelled[dir=ltr],ui-switch.standard.labelled[dir=rtl] {
    width: 32px;
    height: 17px
}

ui-switch.standard.labelled>ui-switch-knob {
    block-size: 15px;
    inline-size: 15px;
    inset-inline-start: 1px;
    inset-block-start: 1px;
    border-radius: 7.5px
}

[dir=ltr] ui-switch.standard.labelled>ui-switch-knob,ui-switch.standard.labelled[dir=ltr]>ui-switch-knob {
    height: 15px;
    width: 15px;
    left: 1px;
    top: 1px
}

[dir=rtl] ui-switch.standard.labelled>ui-switch-knob,ui-switch.standard.labelled[dir=rtl]>ui-switch-knob {
    height: 15px;
    width: 15px;
    right: 1px;
    top: 1px
}

ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob {
    inset-inline-start: 16px
}

[dir=ltr] ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob,ui-switch.standard.labelled[aria-checked=true][dir=ltr]>ui-switch-knob {
    left: 16px
}

[dir=rtl] ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob,ui-switch.standard.labelled[aria-checked=true][dir=rtl]>ui-switch-knob {
    right: 16px
}

ui-switch.standard.labelled:after,ui-switch.standard.labelled:before {
    content: "";
    position: absolute;
    opacity: 0;
    inset-block-start: 5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: step-start;
    transition-timing-function: step-start;
    z-index: 0
}

[dir=ltr] ui-switch.standard.labelled:after,[dir=ltr] ui-switch.standard.labelled:before,[dir=rtl] ui-switch.standard.labelled:after,[dir=rtl] ui-switch.standard.labelled:before,ui-switch.standard.labelled[dir=ltr]:after,ui-switch.standard.labelled[dir=ltr]:before,ui-switch.standard.labelled[dir=rtl]:after,ui-switch.standard.labelled[dir=rtl]:before {
    top: 5px
}

ui-switch.standard.labelled:before {
    block-size: 7px;
    inset-inline-start: 8px;
    inline-size: 1px;
    background-color: #fff;
    border-radius: 1px
}

[dir=ltr] ui-switch.standard.labelled:before,ui-switch.standard.labelled[dir=ltr]:before {
    height: 7px;
    left: 8px;
    width: 1px
}

[dir=rtl] ui-switch.standard.labelled:before,ui-switch.standard.labelled[dir=rtl]:before {
    height: 7px;
    right: 8px;
    width: 1px
}

ui-switch.standard.labelled:after {
    inline-size: 7px;
    block-size: 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    inset-inline-end: 5px;
    border: 1px solid #000
}

[dir=ltr] ui-switch.standard.labelled:after,ui-switch.standard.labelled[dir=ltr]:after {
    width: 7px;
    height: 7px;
    right: 5px
}

[dir=rtl] ui-switch.standard.labelled:after,ui-switch.standard.labelled[dir=rtl]:after {
    width: 7px;
    height: 7px;
    left: 5px
}

ui-switch.standard.labelled:not([aria-checked=true]):after {
    opacity: 1
}

ui-switch.standard.labelled:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled):after,ui-switch.standard.labelled:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled):after {
    border-color: #fff
}

ui-switch.standard.labelled[aria-checked=true]:before {
    opacity: 1
}

ui-switch.standard.labelled[aria-checked=true].active:not([aria-disabled=true]):not(.disabled):before,ui-switch.standard.labelled[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled):before {
    background-color: rgba(0,0,0,.88)
}

ui-switch.standard.labelled.icloud-touch {
    inline-size: 58px;
    block-size: 31px;
    border-radius: 15.5px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch,[dir=rtl] ui-switch.standard.labelled.icloud-touch,ui-switch.standard.labelled.icloud-touch[dir=ltr],ui-switch.standard.labelled.icloud-touch[dir=rtl] {
    width: 58px;
    height: 31px
}

ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    block-size: 27px;
    inline-size: 27px;
    inset-inline-start: 2px;
    inset-block-start: 2px;
    border-radius: 13.5px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch>ui-switch-knob,ui-switch.standard.labelled.icloud-touch[dir=ltr]>ui-switch-knob {
    height: 27px;
    width: 27px;
    left: 2px;
    top: 2px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch>ui-switch-knob,ui-switch.standard.labelled.icloud-touch[dir=rtl]>ui-switch-knob {
    height: 27px;
    width: 27px;
    right: 2px;
    top: 2px
}

ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob {
    inset-inline-start: 29px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob,ui-switch.standard.labelled.icloud-touch[aria-checked=true][dir=ltr]>ui-switch-knob {
    left: 29px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob,ui-switch.standard.labelled.icloud-touch[aria-checked=true][dir=rtl]>ui-switch-knob {
    right: 29px
}

ui-switch.standard.labelled.icloud-touch:after,ui-switch.standard.labelled.icloud-touch:before {
    inset-block-start: 9px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch:after,[dir=ltr] ui-switch.standard.labelled.icloud-touch:before,[dir=rtl] ui-switch.standard.labelled.icloud-touch:after,[dir=rtl] ui-switch.standard.labelled.icloud-touch:before,ui-switch.standard.labelled.icloud-touch[dir=ltr]:after,ui-switch.standard.labelled.icloud-touch[dir=ltr]:before,ui-switch.standard.labelled.icloud-touch[dir=rtl]:after,ui-switch.standard.labelled.icloud-touch[dir=rtl]:before {
    top: 9px
}

ui-switch.standard.labelled.icloud-touch:before {
    block-size: 12px;
    inset-inline-start: 15px;
    inline-size: 2px;
    border-radius: 2px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch:before,ui-switch.standard.labelled.icloud-touch[dir=ltr]:before {
    height: 12px;
    left: 15px;
    width: 2px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:before,ui-switch.standard.labelled.icloud-touch[dir=rtl]:before {
    height: 12px;
    right: 15px;
    width: 2px
}

ui-switch.standard.labelled.icloud-touch:after {
    block-size: 12px;
    inline-size: 12px;
    inset-inline-end: 9px;
    border-radius: 6px;
    border-width: 1.5px
}

[dir=ltr] ui-switch.standard.labelled.icloud-touch:after,ui-switch.standard.labelled.icloud-touch[dir=ltr]:after {
    height: 12px;
    width: 12px;
    right: 9px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:after,ui-switch.standard.labelled.icloud-touch[dir=rtl]:after {
    height: 12px;
    width: 12px;
    left: 9px
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled),ui-switch.standard[aria-checked=true] {
    background-color: #0071e3
}

ui-text-area.standard {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 8px;
    color: rgba(0,0,0,.88);
    font-size: 14px;
    line-height: 18px;
    position: relative;
    block-size: auto;
    inline-size: auto;
    display: inline-block;
    padding: logical 9px 12px
}

[dir=ltr] ui-text-area.standard,[dir=rtl] ui-text-area.standard,ui-text-area.standard[dir=ltr],ui-text-area.standard[dir=rtl] {
    height: auto;
    width: auto;
    padding: 9px 12px
}

ui-text-area.standard::-moz-selection {
    background-color: transparent
}

ui-text-area.standard::selection {
    background-color: transparent
}

ui-text-area.standard>textarea {
    block-size: 122px;
    inline-size: 198px
}

[dir=ltr] ui-text-area.standard>textarea,[dir=rtl] ui-text-area.standard>textarea,ui-text-area.standard[dir=ltr]>textarea,ui-text-area.standard[dir=rtl]>textarea {
    height: 122px;
    width: 198px
}

ui-text-area.standard>textarea {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-area.standard>textarea:focus {
    outline: 0
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-area.standard.disabled,ui-text-area.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer: fine) {
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 0 1000000px rgba(0,0,0,.04);
        box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.04)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent;
        -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-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent;
        -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-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: rgba(0,0,0,.32)
    }
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-area.standard.invalid:not(.disabled),ui-text-area.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: #e30000
}

ui-text-area.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px
}

ui-text-area.standard.icloud-touch>textarea {
    block-size: 122px;
    inline-size: 336px
}

[dir=ltr] ui-text-area.standard.icloud-touch>textarea,[dir=rtl] ui-text-area.standard.icloud-touch>textarea,ui-text-area.standard.icloud-touch[dir=ltr]>textarea,ui-text-area.standard.icloud-touch[dir=rtl]>textarea {
    height: 122px;
    width: 336px
}

ui-text-area.standard {
    caret-color: #0071e3
}

ui-text-field.standard {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.16);
    border-radius: 8px;
    color: rgba(0,0,0,.88);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    inline-size: 180px;
    block-size: 36px;
    position: relative;
    padding: logical 0 10px
}

[dir=ltr] ui-text-field.standard,[dir=rtl] ui-text-field.standard,ui-text-field.standard[dir=ltr],ui-text-field.standard[dir=rtl] {
    width: 180px;
    height: 36px;
    padding: 0 10px
}

ui-text-field.standard::-moz-selection {
    background-color: transparent
}

ui-text-field.standard::selection {
    background-color: transparent
}

ui-text-field.standard>input {
    block-size: 100%;
    inline-size: 100%
}

[dir=ltr] ui-text-field.standard>input,[dir=rtl] ui-text-field.standard>input,ui-text-field.standard[dir=ltr]>input,ui-text-field.standard[dir=rtl]>input {
    height: 100%;
    width: 100%
}

ui-text-field.standard>input {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-field.standard>input:focus {
    outline: 0
}

ui-text-field.standard>input:not(output):-moz-ui-invalid {
    box-shadow: none
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.48)
}

ui-text-field.standard.disabled,ui-text-field.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer: fine) {
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 0 1000000px rgba(0,0,0,.04);
        box-shadow: inset 0 0 0 1000000px rgba(0,0,0,.04)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent;
        -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-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent;
        -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-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: rgba(0,0,0,.32)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: rgba(0,0,0,.32)
    }
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent;
    -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-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: rgba(0,0,0,.32)
}

ui-text-field.standard.invalid:not(.disabled),ui-text-field.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: #e30000
}

ui-text-field.standard>span.ui-text-field-placeholder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.48);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inset: logical 0 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[dir=ltr] ui-text-field.standard>span.ui-text-field-placeholder,[dir=rtl] ui-text-field.standard>span.ui-text-field-placeholder,ui-text-field.standard[dir=ltr]>span.ui-text-field-placeholder,ui-text-field.standard[dir=rtl]>span.ui-text-field-placeholder {
    top: 0;
    right: 10px;
    bottom: 0;
    left: 10px
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-webkit-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-moz-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input:-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::placeholder {
    color: transparent
}

ui-text-field.standard.contains-text>span.ui-text-field-placeholder {
    display: none
}

ui-text-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    inline-size: 361px;
    block-size: 44px;
    padding: logical 0 12px
}

[dir=ltr] ui-text-field.standard.icloud-touch,[dir=rtl] ui-text-field.standard.icloud-touch,ui-text-field.standard.icloud-touch[dir=ltr],ui-text-field.standard.icloud-touch[dir=rtl] {
    width: 361px;
    height: 44px;
    padding: 0 12px
}

ui-text-field.standard.icloud-touch>span.ui-text-field-placeholder {
    inset: logical 0 12px
}

[dir=ltr] ui-text-field.standard.icloud-touch>span.ui-text-field-placeholder,[dir=rtl] ui-text-field.standard.icloud-touch>span.ui-text-field-placeholder,ui-text-field.standard.icloud-touch[dir=ltr]>span.ui-text-field-placeholder,ui-text-field.standard.icloud-touch[dir=rtl]>span.ui-text-field-placeholder {
    top: 0;
    right: 12px;
    bottom: 0;
    left: 12px
}

ui-text-field.standard {
    caret-color: #0071e3
}

ui-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.08);
    border-radius: 6px;
    block-size: 24px;
    font-size: 14px;
    margin: logical 0 4px
}

[dir=ltr] ui-token,[dir=rtl] ui-token,ui-token[dir=ltr],ui-token[dir=rtl] {
    height: 24px;
    margin: 0 4px
}

ui-token ui-token-content {
    padding: logical 0 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

[dir=ltr] ui-token ui-token-content,[dir=rtl] ui-token ui-token-content,ui-token[dir=ltr] ui-token-content,ui-token[dir=rtl] ui-token-content {
    padding: 0 6px
}

ui-token ui-token-content.has-expansion-indicator-after {
    border-radius: 4px 0 0 4px
}

ui-token ui-token-content.has-expansion-indicator-after.has-expansion-indicator-before {
    border-radius: 0
}

ui-token ui-token-content.has-expansion-indicator-before {
    border-radius: 0 4px 4px 0
}

ui-token ui-token-content.has-expansion-indicator-before.has-expansion-indicator-after {
    border-radius: 0
}

ui-token ui-token-content svg {
    overflow: visible
}

ui-token ui-token-selection-expansion-indicator {
    block-size: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inline-size: 25px
}

[dir=ltr] ui-token ui-token-selection-expansion-indicator,[dir=rtl] ui-token ui-token-selection-expansion-indicator,ui-token[dir=ltr] ui-token-selection-expansion-indicator,ui-token[dir=rtl] ui-token-selection-expansion-indicator {
    height: 24px;
    width: 25px
}

ui-token ui-token-selection-expansion-indicator:after {
    content: "";
    position: absolute;
    block-size: 10px;
    inline-size: 10px;
    border-radius: 50%
}

[dir=ltr] ui-token ui-token-selection-expansion-indicator:after,[dir=rtl] ui-token ui-token-selection-expansion-indicator:after,ui-token[dir=ltr] ui-token-selection-expansion-indicator:after,ui-token[dir=rtl] ui-token-selection-expansion-indicator:after {
    height: 10px;
    width: 10px
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    inset-inline-start: -5px
}

[dir=ltr] ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type,ui-token[dir=ltr] ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    left: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type,ui-token[dir=rtl] ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    right: -5px
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    inset-inline-end: -5px
}

[dir=ltr] ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type,ui-token[dir=ltr] ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    right: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type,ui-token[dir=rtl] ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    left: -5px
}

ui-token.has-cursor-after {
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] ui-token.has-cursor-after,ui-token.has-cursor-after[dir=ltr] {
    margin-right: 3px
}

[dir=rtl] ui-token.has-cursor-after,ui-token.has-cursor-after[dir=rtl] {
    margin-left: 3px
}

ui-token.selected {
    color: #fff
}

ui-token.icloud-touch {
    block-size: 30px;
    font-size: 17px
}

[dir=ltr] ui-token.icloud-touch,[dir=rtl] ui-token.icloud-touch,ui-token.icloud-touch[dir=ltr],ui-token.icloud-touch[dir=rtl] {
    height: 30px
}

ui-token.icloud-touch ui-token-content {
    padding-inline:9px}

[dir=ltr] ui-token.icloud-touch ui-token-content,[dir=rtl] ui-token.icloud-touch ui-token-content,ui-token.icloud-touch[dir=ltr] ui-token-content,ui-token.icloud-touch[dir=rtl] ui-token-content {
    padding-left: 9px;
    padding-right: 9px
}

@media (pointer: fine) {
    ui-token:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color:rgba(0,0,0,.16)
    }
}

ui-token.invalid:not(.disabled),ui-token[aria-invalid=true]:not([aria-disabled=true]) {
    background-color: rgba(227,0,0,.32)
}

ui-token.invalid:not(.disabled) ui-token-content svg,ui-token[aria-invalid=true]:not([aria-disabled=true]) ui-token-content svg {
    fill: #e30000
}

ui-token.invalid:not(.disabled).selected,ui-token[aria-invalid=true]:not([aria-disabled=true]).selected {
    background-color: #e30000;
    color: #fff
}

ui-token.invalid:not(.disabled).selected ui-token-content svg,ui-token[aria-invalid=true]:not([aria-disabled=true]).selected ui-token-content svg {
    fill: #fff
}

@media (pointer: fine) {
    ui-token.invalid:not(.disabled):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected),ui-token[aria-invalid=true]:not([aria-disabled=true]):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color:rgba(227,0,0,.56)
    }
}

ui-token ui-token-content svg {
    fill: #0071e3
}

ui-token.selected {
    background-color: #0071e3
}

ui-token.selected ui-token-content svg {
    fill: #fff
}

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

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

[dir=ltr] ui-file-button.push,[dir=rtl] ui-file-button.push,ui-file-button.push[dir=ltr],ui-file-button.push[dir=rtl] {
    height: 30px;
    min-width: 30px;
    padding-left: 10px;
    padding-right: 10px
}

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

ui-file-button.push.icloud-touch {
    block-size: 44px;
    min-inline-size: 44px;
    padding-inline:14px}

[dir=ltr] ui-file-button.push.icloud-touch,[dir=rtl] ui-file-button.push.icloud-touch,ui-file-button.push.icloud-touch[dir=ltr],ui-file-button.push.icloud-touch[dir=rtl] {
    height: 44px;
    min-width: 44px;
    padding-left: 14px;
    padding-right: 14px
}

ui-file-button.push.icloud-touch.large {
    block-size: 44px;
    min-inline-size: 44px
}

[dir=ltr] ui-file-button.push.icloud-touch.large,[dir=rtl] ui-file-button.push.icloud-touch.large,ui-file-button.push.icloud-touch.large[dir=ltr],ui-file-button.push.icloud-touch.large[dir=rtl] {
    height: 44px;
    min-width: 44px
}

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

ui-file-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-file-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-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-file-button.push:focus:not([aria-disabled=true]):not(.disabled):before,ui-file-button.push[dir=ltr]:focus:not([aria-disabled=true]):not(.disabled):before,ui-file-button.push[dir=rtl]:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

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

ui-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before {
    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-file-button.push.focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=ltr] ui-file-button.push:focus-within:not([aria-disabled=true]):not(.disabled):before,ui-file-button.push.focus-within[dir=ltr]:not([aria-disabled=true]):not(.disabled):before,ui-file-button.push[dir=ltr]:focus-within:not([aria-disabled=true]):not(.disabled):before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

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

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

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

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

ui-file-button.icon {
    block-size: 28px;
    min-inline-size: 28px;
    padding-inline:6px}

[dir=ltr] ui-file-button.icon,[dir=rtl] ui-file-button.icon,ui-file-button.icon[dir=ltr],ui-file-button.icon[dir=rtl] {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-file-button.icon svg {
    inline-size: 17px;
    block-size: 17px
}

[dir=ltr] ui-file-button.icon svg,[dir=rtl] ui-file-button.icon svg,ui-file-button.icon[dir=ltr] svg,ui-file-button.icon[dir=rtl] svg {
    width: 17px;
    height: 17px
}

ui-file-button.icon.icloud-touch {
    block-size: 34px;
    min-inline-size: 34px;
    padding-inline:8px}

[dir=ltr] ui-file-button.icon.icloud-touch,[dir=rtl] ui-file-button.icon.icloud-touch,ui-file-button.icon.icloud-touch[dir=ltr],ui-file-button.icon.icloud-touch[dir=rtl] {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-file-button.icon.icloud-touch svg {
    block-size: 20px;
    inline-size: 20px
}

[dir=ltr] ui-file-button.icon.icloud-touch svg,[dir=rtl] ui-file-button.icon.icloud-touch svg,ui-file-button.icon.icloud-touch[dir=ltr] svg,ui-file-button.icon.icloud-touch[dir=rtl] svg {
    height: 20px;
    width: 20px
}

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

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

ui-file-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

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

ui-toggle-button.push {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-block;
    padding: logical 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[dir=ltr] ui-toggle-button.push,[dir=rtl] ui-toggle-button.push,ui-toggle-button.push[dir=ltr],ui-toggle-button.push[dir=rtl] {
    padding: 7px 10px
}

ui-toggle-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(0,113,227,.7);
    box-shadow: 0 0 0 3px rgba(0,113,227,.7)
}

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

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

ui-toggle-button.push[aria-pressed=true] {
    background-color: #0071e3;
    color: #fff
}

@media (pointer: fine) {
    ui-toggle-button.push[aria-pressed=true]:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0067cf;
        color: #fff
    }
}

ui-toggle-button.push[aria-pressed=true].active:not([aria-disabled=true]):not(.disabled),ui-toggle-button.push[aria-pressed=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #005dba;
    color: #fff
}

ui-toggle-button.push:not([aria-pressed=true]) {
    color: #0071e3
}

ui-toggle-button.push:not([aria-pressed=true]).active:not([aria-disabled=true]):not(.disabled),ui-toggle-button.push:not([aria-pressed=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #0071e3;
    color: #fff
}

ui-pane {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0
}

[dir=ltr] ui-pane,ui-pane[dir=ltr] {
    top: 0;
    left: 0
}

[dir=rtl] ui-pane,ui-pane[dir=rtl] {
    top: 0;
    right: 0
}

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

ui-pane.is-closing {
    pointer-events: none
}

ui-pane-backdrop {
    inset: 0;
    display: inline-block;
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

[dir=ltr] ui-pane-backdrop,[dir=rtl] ui-pane-backdrop,ui-pane-backdrop[dir=ltr],ui-pane-backdrop[dir=rtl] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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
}

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-block-size: -webkit-calc(100vh - 110px);
    max-block-size: calc(100vh - 110px)
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-container,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-container,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-container {
    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;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 20px;
    block-size: 70px;
    pointer-events: none
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-container.show-fade:after {
    bottom: 0;
    left: 0;
    right: 20px;
    height: 70px
}

[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-container.show-fade:after {
    bottom: 0;
    right: 0;
    left: 20px;
    height: 70px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-icon {
    inline-size: 36px;
    block-size: 36px;
    margin: auto;
    -webkit-margin-after: 5px;
    margin-block-end:5px;display: block
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-icon,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-icon,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-icon,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 5px
}

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-inline:5px}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-content,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-content,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-content,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-content {
    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;
    overflow-wrap: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
    -webkit-padding-before: 12px;
    padding-block-start:12px;-webkit-padding-after: 15px;
    padding-block-end:15px}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-content .title,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-content .title,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-content .title,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-content .title {
    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;
    overflow-wrap: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-content .description,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-content .description,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-content .description,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-content .description {
    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-inline-size: 335px;
    padding: 0
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.compact,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.compact,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.compact,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup.compact {
    max-width: 335px
}

ui-pane.for-ui-alert.standard ui-popup.compact>ui-alert-container {
    padding: logical 40px 0 20px
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.compact>ui-alert-container,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.compact>ui-alert-container,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.compact>ui-alert-container,ui-pane.for-ui-alert.standard[dir=rtl] 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: logical 0 25px
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-content,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-content,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.compact ui-alert-content,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup.compact ui-alert-content {
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-actions {
    padding: logical 0 25px
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-actions,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-actions,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.compact ui-alert-actions,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup.compact ui-alert-actions {
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.regular {
    inline-size: 450px;
    padding: 0
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.regular,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.regular,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.regular,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup.regular {
    width: 450px
}

ui-pane.for-ui-alert.standard ui-popup.regular>ui-alert-container {
    padding: logical 40px 40px 30px
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup.regular>ui-alert-container,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup.regular>ui-alert-container,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup.regular>ui-alert-container,ui-pane.for-ui-alert.standard[dir=rtl] 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;
    inset: 0;
    inset-block-start: 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
}

[dir=ltr] ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message,[dir=rtl] ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message,ui-pane.for-ui-alert.standard.has-loading[dir=ltr] ui-popup ui-alert-loading-message,ui-pane.for-ui-alert.standard.has-loading[dir=rtl] ui-popup ui-alert-loading-message {
    top: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message ui-activity-indicator:focus {
    outline: none
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    -webkit-margin-start: 10px;
    margin-inline-start:10px;font-weight: 600
}

[dir=ltr] ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description,ui-pane.for-ui-alert.standard.has-loading[dir=ltr] 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,ui-pane.for-ui-alert.standard.has-loading[dir=rtl] ui-popup ui-alert-loading-message .description {
    margin-right: 10px
}

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
}

tree-view.standard.icloud-mouse {
    background: #fff;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    max-inline-size: -webkit-calc(100vw - 20px);
    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-inline-size: 130px;
    max-inline-size: calc(100vw - 20px)
}

[dir=ltr] tree-view.standard.icloud-mouse,[dir=rtl] tree-view.standard.icloud-mouse,tree-view.standard.icloud-mouse[dir=ltr],tree-view.standard.icloud-mouse[dir=rtl] {
    max-width: -webkit-calc(100vw - 20px);
    min-width: 130px;
    max-width: calc(100vw - 20px)
}

tree-view.standard.icloud-mouse tree-item {
    display: block;
    inline-size: 100%;
    border-radius: 10px
}

[dir=ltr] tree-view.standard.icloud-mouse tree-item,[dir=rtl] tree-view.standard.icloud-mouse tree-item,tree-view.standard.icloud-mouse[dir=ltr] tree-item,tree-view.standard.icloud-mouse[dir=rtl] tree-item {
    width: 100%
}

tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-radio-button.labelled {
    inline-size: 100%
}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-checkbox.labelled,[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-radio-button.labelled,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-checkbox.labelled,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-radio-button.labelled,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable tree-item-content ui-radio-button.labelled,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable tree-item-content ui-radio-button.labelled {
    width: 100%
}

tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-checkbox.labelled label,tree-view.standard.icloud-mouse tree-item.selectable tree-item-content ui-radio-button.labelled label {
    font-size: 14px;
    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
}

@media (pointer: fine) {
    tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content.active:not([aria-disabled=true]):not(.disabled),tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content:focus-visible,tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content div:focus-visible {
    outline: none
}

@media (pointer: fine) {
    tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content div:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content div.active:not([aria-disabled=true]):not(.disabled),tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content div:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

tree-view.standard.icloud-mouse tree-item:focus-visible {
    outline: none
}

tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content {
    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-inline:10px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content,[dir=rtl] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content,tree-view.standard.icloud-mouse[dir=ltr] tree-item:not(.selectable) tree-item-content,tree-view.standard.icloud-mouse[dir=rtl] tree-item:not(.selectable) tree-item-content {
    padding-left: 10px;
    padding-right: 10px
}

tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content .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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content .icloud-icon-container,tree-view.standard.icloud-mouse[dir=ltr] tree-item:not(.selectable) tree-item-content .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-right: 3px
}

[dir=rtl] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content .icloud-icon-container,tree-view.standard.icloud-mouse[dir=rtl] tree-item:not(.selectable) tree-item-content .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-left: 3px
}

tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content .icloud-icon-container svg {
    margin: auto
}

tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content.contains-icon {
    -webkit-padding-start: 4px;
    padding-inline-start:4px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content.contains-icon,tree-view.standard.icloud-mouse[dir=ltr] tree-item:not(.selectable) tree-item-content.contains-icon {
    padding-left: 4px
}

[dir=rtl] tree-view.standard.icloud-mouse tree-item:not(.selectable) tree-item-content.contains-icon,tree-view.standard.icloud-mouse[dir=rtl] tree-item:not(.selectable) tree-item-content.contains-icon {
    padding-right: 4px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div {
    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-inline:10px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple tree-item-content>div,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple tree-item-content>div {
    padding-left: 10px;
    padding-right: 10px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div .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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div .icloud-icon-container,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple tree-item-content>div .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-right: 3px
}

[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div .icloud-icon-container,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple tree-item-content>div .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-left: 3px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div .icloud-icon-container svg {
    margin: auto
}

tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div.contains-icon {
    -webkit-padding-start: 4px;
    padding-inline-start:4px}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div.contains-icon,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple tree-item-content>div.contains-icon {
    padding-left: 4px
}

[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple tree-item-content>div.contains-icon,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple tree-item-content>div.contains-icon {
    padding-right: 4px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after {
    content: "";
    display: block;
    inline-size: 9px
}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after {
    width: 9px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    inline-size: 16px;
    block-size: 16px
}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    margin-left: auto;
    width: 16px;
    height: 16px
}

[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    margin-right: auto;
    width: 16px;
    height: 16px
}

tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after {
    content: "";
    display: block;
    inline-size: 25px
}

[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,[dir=ltr] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,[dir=rtl] tree-view.standard.icloud-mouse tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-mouse[dir=ltr] tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-mouse[dir=rtl] tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after {
    width: 25px
}

tree-view.standard.icloud-mouse tree-item:focus:not([aria-disabled=true]):not(.disabled).mouse {
    outline: none
}

tree-view.standard.icloud-mouse tree-item:focus:not([aria-disabled=true]):not(.disabled).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);
    background: rgba(0,0,0,.08)
}

tree-view.standard.icloud-mouse tree-divider {
    block-size: 1px;
    inline-size: -webkit-calc(100% - 22px);
    inline-size: calc(100% - 22px);
    background-color: rgba(0,0,0,.08);
    margin-inline:auto;margin-block:5px;display: block
}

[dir=ltr] tree-view.standard.icloud-mouse tree-divider,[dir=rtl] tree-view.standard.icloud-mouse tree-divider,tree-view.standard.icloud-mouse[dir=ltr] tree-divider,tree-view.standard.icloud-mouse[dir=rtl] tree-divider {
    height: 1px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    margin: 5px auto
}

tree-view.standard.icloud-touch {
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    min-inline-size: 130px;
    max-inline-size: -webkit-calc(100vw - 20px);
    max-inline-size: calc(100vw - 20px);
    border-radius: 12px;
    padding: 5px;
    display: block;
    outline: none;
    background: #fff;
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    min-inline-size: 246px;
    max-inline-size: -webkit-calc(100vw - 24px);
    max-inline-size: calc(100vw - 24px);
    overflow-y: auto;
    overflow-x: hidden
}

[dir=ltr] tree-view.standard.icloud-touch,[dir=rtl] tree-view.standard.icloud-touch,tree-view.standard.icloud-touch[dir=ltr],tree-view.standard.icloud-touch[dir=rtl] {
    min-width: 130px;
    max-width: -webkit-calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    min-width: 246px;
    max-width: -webkit-calc(100vw - 24px);
    max-width: calc(100vw - 24px)
}

tree-view.standard.icloud-touch tree-item {
    display: block;
    inline-size: 100%;
    border-radius: 10px
}

[dir=ltr] tree-view.standard.icloud-touch tree-item,[dir=rtl] tree-view.standard.icloud-touch tree-item,tree-view.standard.icloud-touch[dir=ltr] tree-item,tree-view.standard.icloud-touch[dir=rtl] tree-item {
    width: 100%
}

tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-radio-button.labelled {
    inline-size: 100%
}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-checkbox.labelled,[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-radio-button.labelled,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-checkbox.labelled,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-radio-button.labelled,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable tree-item-content ui-radio-button.labelled,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable tree-item-content ui-checkbox.labelled,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable tree-item-content ui-radio-button.labelled {
    width: 100%
}

tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-checkbox.labelled label,tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-radio-button.labelled label {
    font-size: 14px;
    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
}

@media (pointer: fine) {
    tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content.active:not([aria-disabled=true]):not(.disabled),tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content:focus-visible,tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content div:focus-visible {
    outline: none
}

@media (pointer: fine) {
    tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content div:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(0,0,0,.08)
    }
}

tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content div.active:not([aria-disabled=true]):not(.disabled),tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content div:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

tree-view.standard.icloud-touch tree-item:focus-visible {
    outline: none
}

tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-checkbox.labelled.icloud-touch label,tree-view.standard.icloud-touch tree-item.selectable tree-item-content ui-radio-button.labelled.icloud-touch label {
    font-size: 17px
}

tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div {
    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-inline:11px}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple tree-item-content>div,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple tree-item-content>div {
    padding-left: 11px;
    padding-right: 11px
}

tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div .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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div .icloud-icon-container,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple tree-item-content>div .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-right: 3px
}

[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div .icloud-icon-container,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple tree-item-content>div .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-left: 3px
}

tree-view.standard.icloud-touch tree-item.selectable.simple tree-item-content>div .icloud-icon-container svg {
    margin: auto
}

tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after {
    content: "";
    display: block;
    inline-size: 9px
}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] .wrapper:after,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] .wrapper:after {
    width: 9px
}

tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    inline-size: 19px;
    block-size: 19px
}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    margin-left: auto;
    width: 19px;
    height: 19px
}

[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div>.ui-menu-icon-check,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div>.ui-menu-icon-check {
    margin-right: auto;
    width: 19px;
    height: 19px
}

tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after {
    content: "";
    display: block;
    inline-size: 28px
}

[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,[dir=ltr] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,[dir=rtl] tree-view.standard.icloud-touch tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-touch[dir=ltr] tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemcheckbox]:not([aria-checked=true]) .wrapper:after,tree-view.standard.icloud-touch[dir=rtl] tree-item.selectable.simple[role=menuitemradio]:not([aria-checked=true]) .wrapper:after {
    width: 28px
}

tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content {
    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-inline:11px}

[dir=ltr] tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content,[dir=rtl] tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content,tree-view.standard.icloud-touch[dir=ltr] tree-item:not(.selectable) tree-item-content,tree-view.standard.icloud-touch[dir=rtl] tree-item:not(.selectable) tree-item-content {
    padding-left: 11px;
    padding-right: 11px
}

tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content .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;
    inline-size: 30px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px}

[dir=ltr] tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content .icloud-icon-container,tree-view.standard.icloud-touch[dir=ltr] tree-item:not(.selectable) tree-item-content .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-right: 3px
}

[dir=rtl] tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content .icloud-icon-container,tree-view.standard.icloud-touch[dir=rtl] tree-item:not(.selectable) tree-item-content .icloud-icon-container {
    width: 30px;
    height: 30px;
    margin-left: 3px
}

tree-view.standard.icloud-touch tree-item:not(.selectable) tree-item-content .icloud-icon-container svg {
    margin: auto
}

tree-view.standard.icloud-touch tree-item:before {
    block-size: 1px;
    inline-size: -webkit-calc(100% - 22px);
    inline-size: calc(100% - 22px);
    background-color: rgba(0,0,0,.08);
    margin-inline:auto;content: "";
    position: relative;
    display: block
}

[dir=ltr] tree-view.standard.icloud-touch tree-item:before,[dir=rtl] tree-view.standard.icloud-touch tree-item:before,tree-view.standard.icloud-touch[dir=ltr] tree-item:before,tree-view.standard.icloud-touch[dir=rtl] tree-item:before {
    height: 1px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    margin-left: auto;
    margin-right: auto
}

tree-view.standard.icloud-touch tree-item.hide-border:before {
    background-color: transparent
}

tree-view.standard.icloud-touch tree-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,tree-view.standard.icloud-touch tree-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    inline-size: 19px;
    block-size: 19px
}

[dir=ltr] tree-view.standard.icloud-touch tree-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,[dir=ltr] tree-view.standard.icloud-touch tree-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check,tree-view.standard.icloud-touch[dir=ltr] tree-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,tree-view.standard.icloud-touch[dir=ltr] tree-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-left: auto;
    width: 19px;
    height: 19px
}

[dir=rtl] tree-view.standard.icloud-touch tree-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,[dir=rtl] tree-view.standard.icloud-touch tree-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check,tree-view.standard.icloud-touch[dir=rtl] tree-item[role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,tree-view.standard.icloud-touch[dir=rtl] tree-item[role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    margin-right: auto;
    width: 19px;
    height: 19px
}

tree-view.standard.icloud-touch tree-divider {
    block-size: 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-inline:-7px;margin-block:5px}

[dir=ltr] tree-view.standard.icloud-touch tree-divider,[dir=rtl] tree-view.standard.icloud-touch tree-divider,tree-view.standard.icloud-touch[dir=ltr] tree-divider,tree-view.standard.icloud-touch[dir=rtl] tree-divider {
    height: 5px;
    margin: 5px -7px
}

tree-view.standard tree-section-title {
    color: rgba(0,0,0,.88);
    font-weight: 600;
    font-size: 14px;
    -webkit-margin-start: 11px;
    margin-inline-start:11px;margin-block:10px 5px;display: block
}

[dir=ltr] tree-view.standard tree-section-title,tree-view.standard[dir=ltr] tree-section-title {
    margin-left: 11px;
    margin-top: 10px;
    margin-bottom: 5px
}

[dir=rtl] tree-view.standard tree-section-title,tree-view.standard[dir=rtl] tree-section-title {
    margin-right: 11px;
    margin-top: 10px;
    margin-bottom: 5px
}

tree-view.standard tree-item.disabled,tree-view.standard tree-item[aria-disabled=true] {
    cursor: default;
    pointer-events: none;
    opacity: .3
}

tree-view.standard tree-item .icloud-icon-container>svg,tree-view.standard tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div .ui-menu-icon-check,tree-view.standard tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div .ui-menu-icon-check {
    fill: #0071e3
}

tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled),tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16)
}

tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(0,113,227,.3)
}

tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled),tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16)
}

tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(0,113,227,.3)
}

slide-view.standard.icloud-mouse:not(.icloud-touch) {
    color: rgba(0,0,0,.88);
    font-size: 14px;
    font-weight: 400
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav {
    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-padding-after: 5px;
    padding-block-end:5px;-webkit-margin-after: 5px;
    margin-block-end:5px;padding-inline:12px;position: relative
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-nav,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-nav {
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: -webkit-calc(100% - 24px);
    inline-size: calc(100% - 24px);
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    inset-block-end: 0
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav:after,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav:after,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-nav:after,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-nav:after {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 1px;
    bottom: 0
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    block-size: 28px;
    inline-size: auto;
    padding-block:5px;-webkit-padding-end: 10px;
    padding-inline-end:10px;-webkit-padding-start: 8px;
    padding-inline-start:8px;-webkit-margin-start: -8px;
    margin-inline-start:-8px}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 28px;
    width: auto;
    margin-left: -8px;
    padding: 5px 10px 5px 8px
}

[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 28px;
    width: auto;
    margin-right: -8px;
    padding: 5px 8px 5px 10px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    -webkit-margin-end: 3px;
    margin-inline-end:3px;block-size: 10px;
    inline-size: 9px
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    margin-right: 3px;
    height: 10px;
    width: 9px
}

[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    margin-left: 3px;
    height: 10px;
    width: 9px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-nav .title {
    color: rgba(0,0,0,.56)
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item slidable-item-content,slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-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
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,.88);
    block-size: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-inline:10px}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    fill: rgba(0,0,0,.48);
    block-size: 16px;
    inline-size: 9px;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    height: 16px;
    width: 9px;
    margin-right: 5px
}

[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    height: 16px;
    width: 9px;
    margin-left: 5px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item {
    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
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    block-size: 30px;
    padding-block:5px;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
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-item ui-radio-button.labelled {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled>input {
    visibility: hidden
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled:focus:not([aria-disabled=true]):not(.disabled):not(:active) {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-radio-button.labelled:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    block-size: 30px;
    inline-size: 30px;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-item ui-button.push.primary.expand {
    height: 30px;
    width: 30px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.expand svg {
    fill: rgba(0,0,0,.48)
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.action {
    border: 0;
    background-color: #fff;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    block-size: 30px;
    padding-block:5px;padding-inline:12px;cursor: pointer;
    color: rgba(0,0,0,.88)
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.action,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-item ui-button.push.primary.action {
    height: 30px;
    padding: 5px 12px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.action:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-button.push.primary.action:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-activity-indicator {
    inline-size: 30px
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-activity-indicator,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-item ui-activity-indicator,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-item ui-activity-indicator,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-item ui-activity-indicator {
    width: 30px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 5px;
    margin-block-start:5px;min-block-size: 5px;
    position: relative;
    padding-inline:12px}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-section,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-section {
    margin-top: 5px;
    min-height: 5px;
    padding-left: 12px;
    padding-right: 12px
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: -webkit-calc(100% - 24px);
    inline-size: calc(100% - 24px);
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    inset-block-start: 0
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section:after,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section:after,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-section:after,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-section:after {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 1px;
    top: 0
}

slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section>span.section-title {
    -webkit-margin-before: 10px;
    margin-block-start:10px;-webkit-margin-after: 5px;
    margin-block-end:5px;color: rgba(0,0,0,.56);
    font-size: 12px
}

[dir=ltr] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section>span.section-title,[dir=rtl] slide-view.standard.icloud-mouse:not(.icloud-touch) slide-view-section>span.section-title,slide-view.standard.icloud-mouse[dir=ltr]:not(.icloud-touch) slide-view-section>span.section-title,slide-view.standard.icloud-mouse[dir=rtl]:not(.icloud-touch) slide-view-section>span.section-title {
    margin-top: 10px;
    margin-bottom: 5px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) {
    color: rgba(0,0,0,.88);
    font-size: 14px;
    font-weight: 400;
    font-size: 17px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav {
    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-padding-after: 5px;
    padding-block-end:5px;-webkit-margin-after: 5px;
    margin-block-end:5px;padding-inline:12px;position: relative
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav {
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: -webkit-calc(100% - 24px);
    inline-size: calc(100% - 24px);
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    inset-block-end: 0
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav:after {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 1px;
    bottom: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    block-size: 28px;
    inline-size: auto;
    padding-block:5px;-webkit-padding-end: 10px;
    padding-inline-end:10px;-webkit-padding-start: 8px;
    padding-inline-start:8px;-webkit-margin-start: -8px;
    margin-inline-start:-8px}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 28px;
    width: auto;
    margin-left: -8px;
    padding: 5px 10px 5px 8px
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 28px;
    width: auto;
    margin-right: -8px;
    padding: 5px 8px 5px 10px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    -webkit-margin-end: 3px;
    margin-inline-end:3px;block-size: 10px;
    inline-size: 9px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    margin-right: 3px;
    height: 10px;
    width: 9px
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    margin-left: 3px;
    height: 10px;
    width: 9px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav .title {
    color: rgba(0,0,0,.56)
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after {
    inline-size: 100%;
    block-size: 5px;
    inset-inline-start: 0
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav:after {
    width: 100%;
    height: 5px;
    left: 0
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav:after {
    width: 100%;
    height: 5px;
    right: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    font-size: 17px;
    block-size: 40px;
    -webkit-padding-start: 5px;
    padding-inline-start:5px;-webkit-margin-start: 0;
    margin-inline-start:0}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 40px;
    padding-left: 5px;
    margin-left: 0
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    height: 40px;
    padding-right: 5px;
    margin-right: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    block-size: 12px;
    inline-size: 11px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-nav ui-button.push.primary.slide-view-nav-back-button svg.collapse-icon {
    height: 12px;
    width: 11px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item slidable-item-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
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button {
    color: rgba(0,0,0,.88);
    block-size: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-inline:10px}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button {
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    fill: rgba(0,0,0,.48);
    block-size: 16px;
    inline-size: 9px;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    height: 16px;
    width: 9px;
    margin-right: 5px
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button svg.expand-icon {
    height: 16px;
    width: 9px;
    margin-left: 5px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item:after {
    inline-size: -webkit-calc(100% - 20px);
    inline-size: calc(100% - 20px);
    -webkit-border-after: solid 1px rgba(0,0,0,.08);
    border-block-end:solid 1px rgba(0,0,0,.08);content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: absolute;
    inset-block-start: 44px;
    inset-inline-start: 10px;
    z-index: 1
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slidable-item:after {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0,0,0,.08);
    top: 44px;
    left: 10px
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slidable-item:after {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0,0,0,.08);
    top: 44px;
    right: 10px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item.hide-border:after {
    -webkit-border-after: 0;
    border-block-end:0}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item.hide-border:after,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item.hide-border:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slidable-item.hide-border:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slidable-item.hide-border:after {
    border-bottom: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    font-size: 17px;
    block-size: 44px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button {
    height: 44px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-touch:not(.icloud-mouse) slidable-item ui-button.push.primary.slidable-item-expand-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item {
    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
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    block-size: 30px;
    padding-block:5px;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
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled>input {
    visibility: hidden
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:focus:not([aria-disabled=true]):not(.disabled):not(:active) {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand {
    block-size: 30px;
    inline-size: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand {
    height: 30px;
    width: 30px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand svg {
    fill: rgba(0,0,0,.48)
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    block-size: 30px;
    padding-block:5px;padding-inline:12px;color: rgba(0,0,0,.88)
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action {
    height: 30px;
    padding: 5px 12px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-activity-indicator {
    inline-size: 30px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-activity-indicator,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-activity-indicator,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-activity-indicator,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-activity-indicator {
    width: 30px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled {
    block-size: 44px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled {
    height: 44px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:after {
    inline-size: -webkit-calc(100% - 20px);
    inline-size: calc(100% - 20px);
    -webkit-border-after: solid 1px rgba(0,0,0,.08);
    border-block-end:solid 1px rgba(0,0,0,.08);content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    position: absolute;
    inset-block-start: 44px;
    inset-inline-start: 10px;
    z-index: 1
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:after {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0,0,0,.08);
    top: 44px;
    left: 10px
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled:after {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0,0,0,.08);
    top: 44px;
    right: 10px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled.hide-border:after {
    -webkit-border-after: 0;
    border-block-end:0}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled.hide-border:after,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-radio-button.labelled.hide-border:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled.hide-border:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-radio-button.labelled.hide-border:after {
    border-bottom: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    font-size: 17px;
    block-size: 44px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand {
    height: 44px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.expand:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action {
    border: 0;
    background-color: #fff;
    cursor: pointer;
    border-radius: 8px;
    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;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    font-size: 17px;
    block-size: 44px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action {
    height: 44px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:focus:not([aria-disabled=true]):not(.disabled).keyboard {
    background-color: rgba(0,0,0,.08);
    -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)
}

@media (pointer: fine) {
    slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:before {
    -webkit-border-before: solid 5px #f5f5f7;
    border-block-start:solid 5px #f5f5f7;content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:before,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:before {
    border-top: 5px solid #f5f5f7;
    top: 0;
    left: 0;
    width: 100%
}

[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:before,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-item ui-button.push.primary.action:before {
    border-top: 5px solid #f5f5f7;
    top: 0;
    right: 0;
    width: 100%
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 5px;
    margin-block-start:5px;min-block-size: 5px;
    position: relative;
    padding-inline:12px;margin: 0;
    min-block-size: 0
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-section,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-section {
    margin-top: 5px;
    min-height: 5px;
    min-height: 0;
    padding-left: 12px;
    padding-right: 12px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: -webkit-calc(100% - 24px);
    inline-size: calc(100% - 24px);
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    inset-block-start: 0
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-section:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-section:after {
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 1px;
    top: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section>span.section-title {
    -webkit-margin-before: 10px;
    margin-block-start:10px;-webkit-margin-after: 5px;
    margin-block-end:5px;color: rgba(0,0,0,.56);
    font-size: 12px
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section>span.section-title,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section>span.section-title,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-section>span.section-title,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-section>span.section-title {
    margin-top: 10px;
    margin-bottom: 5px
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after {
    block-size: 0
}

[dir=ltr] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after,[dir=rtl] slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section:after,slide-view.standard.icloud-touch[dir=ltr]:not(.icloud-mouse) slide-view-section:after,slide-view.standard.icloud-touch[dir=rtl]:not(.icloud-mouse) slide-view-section:after {
    height: 0
}

slide-view.standard.icloud-touch:not(.icloud-mouse) slide-view-section>span.section-title {
    font-size: 17px
}

slide-view.standard .slide-view-transition-to-children-enter {
    position: absolute;
    inline-size: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

[dir=ltr] slide-view.standard .slide-view-transition-to-children-enter,[dir=rtl] slide-view.standard .slide-view-transition-to-children-enter,slide-view.standard[dir=ltr] .slide-view-transition-to-children-enter,slide-view.standard[dir=rtl] .slide-view-transition-to-children-enter {
    width: 100%
}

slide-view.standard .slide-view-transition-to-children-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

slide-view.standard .slide-view-transition-to-children-exit {
    opacity: 1
}

slide-view.standard .slide-view-transition-to-children-exit-active {
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

slide-view.standard .slide-view-transition-to-parent-enter {
    opacity: 0
}

slide-view.standard .slide-view-transition-to-parent-enter-active {
    opacity: 1;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

slide-view.standard .slide-view-transition-to-parent-exit {
    position: absolute;
    inset-block-start: 0;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

[dir=ltr] slide-view.standard .slide-view-transition-to-parent-exit,[dir=rtl] slide-view.standard .slide-view-transition-to-parent-exit,slide-view.standard[dir=ltr] .slide-view-transition-to-parent-exit,slide-view.standard[dir=rtl] .slide-view-transition-to-parent-exit {
    top: 0
}

slide-view.standard .slide-view-transition-to-parent-exit-active {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: .35;
    -webkit-transition: opacity .35s ease,-webkit-transform .35s ease;
    transition: opacity .35s ease,-webkit-transform .35s ease;
    transition: opacity .35s ease,transform .35s ease;
    transition: opacity .35s ease,transform .35s ease,-webkit-transform .35s ease
}

slidable-item slidable-item-content .icloud-icon-container>svg {
    fill: #0071e3
}

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

slidable-item.active:not([aria-disabled=true]):not(.disabled) .expand-icon,slidable-item.active:not([aria-disabled=true]):not(.disabled) slidable-item-content,slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) .expand-icon,slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) slidable-item-content {
    opacity: .3
}

slide-view-nav {
    color: #0071e3
}

slide-view-nav svg.collapse-icon {
    fill: #0071e3
}

slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    color: #0071e3
}

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

slide-view-nav ui-button.push.primary.slide-view-nav-back-button.active:not([aria-disabled=true]):not(.disabled) svg,slide-view-nav ui-button.push.primary.slide-view-nav-back-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

slide-view-nav .title {
    color: rgba(0,0,0,.56)
}

slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled),slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled),slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled),slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16)
}

slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled) svg,slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled) svg,slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled) svg,slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

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

tree-view.accordion {
    background-color: #fff;
    color: rgba(0,0,0,.88)
}

tree-view.accordion.no-hierarchy tree-item {
    inline-size: 100%
}

[dir=ltr] tree-view.accordion.no-hierarchy tree-item,[dir=rtl] tree-view.accordion.no-hierarchy tree-item,tree-view.accordion.no-hierarchy[dir=ltr] tree-item,tree-view.accordion.no-hierarchy[dir=rtl] tree-item {
    width: 100%
}

tree-view.accordion expandable-tree-item .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

tree-view.accordion expandable-tree-item .wrapper.expanded ui-button .expansion-icon {
    inline-size: 15px;
    block-size: 10px
}

[dir=ltr] tree-view.accordion expandable-tree-item .wrapper.expanded ui-button .expansion-icon,[dir=rtl] tree-view.accordion expandable-tree-item .wrapper.expanded ui-button .expansion-icon,tree-view.accordion[dir=ltr] expandable-tree-item .wrapper.expanded ui-button .expansion-icon,tree-view.accordion[dir=rtl] expandable-tree-item .wrapper.expanded ui-button .expansion-icon {
    width: 15px;
    height: 10px
}

tree-view.accordion expandable-tree-item .wrapper.collapsed ui-button .expansion-icon {
    block-size: 15px;
    inline-size: 10px
}

[dir=ltr] tree-view.accordion expandable-tree-item .wrapper.collapsed ui-button .expansion-icon,[dir=rtl] tree-view.accordion expandable-tree-item .wrapper.collapsed ui-button .expansion-icon,tree-view.accordion[dir=ltr] expandable-tree-item .wrapper.collapsed ui-button .expansion-icon,tree-view.accordion[dir=rtl] expandable-tree-item .wrapper.collapsed ui-button .expansion-icon {
    height: 15px;
    width: 10px
}

tree-view.accordion expandable-tree-item .wrapper tree-item {
    inline-size: 100%
}

[dir=ltr] tree-view.accordion expandable-tree-item .wrapper tree-item,[dir=rtl] tree-view.accordion expandable-tree-item .wrapper tree-item,tree-view.accordion[dir=ltr] expandable-tree-item .wrapper tree-item,tree-view.accordion[dir=rtl] expandable-tree-item .wrapper tree-item {
    width: 100%
}

tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button {
    inline-size: 40px;
    padding: 0;
    border-radius: 8px;
    -webkit-margin-start: 5px;
    margin-inline-start:5px;-webkit-margin-before: 1px;
    margin-block-start:1px}

[dir=ltr] tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button,tree-view.accordion[dir=ltr] expandable-tree-item .wrapper ui-button.push.expansion-button {
    width: 40px;
    margin-left: 5px;
    margin-top: 1px
}

[dir=rtl] tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button,tree-view.accordion[dir=rtl] expandable-tree-item .wrapper ui-button.push.expansion-button {
    width: 40px;
    margin-right: 5px;
    margin-top: 1px
}

@media (pointer: fine) {
    tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:focus:not([aria-disabled=true]):not(.disabled).mouse {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:focus:not([aria-disabled=true]):not(.disabled).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);
    outline: none;
    background-color: rgba(0,0,0,.08)
}

tree-view.accordion tree-item {
    display: block;
    inline-size: -webkit-calc(100% - 40px);
    inline-size: calc(100% - 40px);
    border-radius: 10px
}

[dir=ltr] tree-view.accordion tree-item,[dir=rtl] tree-view.accordion tree-item,tree-view.accordion[dir=ltr] tree-item,tree-view.accordion[dir=rtl] tree-item {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px)
}

tree-view.accordion tree-item tree-item-content ui-radio-button.labelled {
    inline-size: 100%;
    padding-block:10px}

[dir=ltr] tree-view.accordion tree-item tree-item-content ui-radio-button.labelled,[dir=rtl] tree-view.accordion tree-item tree-item-content ui-radio-button.labelled,tree-view.accordion[dir=ltr] tree-item tree-item-content ui-radio-button.labelled,tree-view.accordion[dir=rtl] tree-item tree-item-content ui-radio-button.labelled {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label {
    font-size: 17px
}

tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span {
    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
}

tree-view.accordion tree-item:before {
    content: "";
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    display: block
}

[dir=ltr] tree-view.accordion tree-item:before,[dir=rtl] tree-view.accordion tree-item:before,tree-view.accordion[dir=ltr] tree-item:before,tree-view.accordion[dir=rtl] tree-item:before {
    height: 1px
}

tree-view.accordion tree-item.hide-border:before {
    background-color: transparent
}

tree-view.accordion tree-item ui-button.push.tree-view-action-button {
    inline-size: 100%;
    color: rgba(0,0,0,.88);
    font-size: 14px;
    font-weight: 400
}

[dir=ltr] tree-view.accordion tree-item ui-button.push.tree-view-action-button,[dir=rtl] tree-view.accordion tree-item ui-button.push.tree-view-action-button,tree-view.accordion[dir=ltr] tree-item ui-button.push.tree-view-action-button,tree-view.accordion[dir=rtl] tree-item ui-button.push.tree-view-action-button {
    width: 100%
}

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

tree-view.accordion tree-item:focus:not([aria-disabled=true]):not(.disabled).mouse {
    outline: none
}

tree-view.accordion tree-item:focus:not([aria-disabled=true]):not(.disabled).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);
    outline: none;
    background-color: rgba(0,0,0,.08)
}

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

.calendar-event-reply-page {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #1d1d1f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 100%
}

.calendar-event-reply-page[dir=ltr],.calendar-event-reply-page[dir=rtl],[dir=ltr] .calendar-event-reply-page,[dir=rtl] .calendar-event-reply-page {
    width: 100%
}

[apple-system-font-capable] .calendar-event-reply-page {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page ui-autocomplete-token-field.standard.icloud-tint {
    caret-color: #e30000
}

.calendar-event-reply-page ui-autocomplete-token-field.standard.icloud-tint:hover:not(:disabled).has-selected:not(.has-focus) {
    background-color: transparent;
    -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)
}

.calendar-event-reply-page ui-checkbox.standard.icloud-tint .checkmark-square-fill,.calendar-event-reply-page ui-checkbox.standard.icloud-tint .icloud-icon-container>svg,.calendar-event-reply-page ui-checkbox.standard.icloud-tint .minus-square-fill {
    fill: #e30000
}

.calendar-event-reply-page ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,.calendar-event-reply-page ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill,.calendar-event-reply-page ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,.calendar-event-reply-page ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill {
    fill: rgba(227,0,0,.3)
}

.calendar-event-reply-page ui-button.block.primary:not(.neutral),.calendar-event-reply-page ui-button.push.block.primary:not(.neutral) {
    background-color: #e30000;
    color: #fff
}

@media (pointer: fine) {
    .calendar-event-reply-page ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#ba0000
    }
}

.calendar-event-reply-page ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #910000;
    color: hsla(0,0%,100%,.3)
}

.calendar-event-reply-page ui-button.push {
    color: #e30000
}

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

.calendar-event-reply-page ui-button.push.pressed {
    background-color: #e30000;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    .calendar-event-reply-page 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
    }
}

.calendar-event-reply-page ui-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

.calendar-event-reply-page ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page 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)
}

.calendar-event-reply-page 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) {
    .calendar-event-reply-page 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
    }
}

.calendar-event-reply-page ui-file-button.push {
    color: #e30000
}

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

.calendar-event-reply-page ui-file-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

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

.calendar-event-reply-page ui-toggle-button.push[aria-pressed=true] {
    background-color: #e30000;
    color: #fff
}

@media (pointer: fine) {
    .calendar-event-reply-page ui-toggle-button.push[aria-pressed=true]:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#cf0000;
        color: #fff
    }
}

.calendar-event-reply-page ui-toggle-button.push[aria-pressed=true].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-toggle-button.push[aria-pressed=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #ba0000;
    color: #fff
}

.calendar-event-reply-page ui-toggle-button.push:not([aria-pressed=true]) {
    color: #e30000
}

.calendar-event-reply-page ui-toggle-button.push:not([aria-pressed=true]).active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-toggle-button.push:not([aria-pressed=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #e30000;
    color: #fff
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: #e30000
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.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(227,0,0,.3)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: #e30000
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.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(227,0,0,.3)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: #e30000
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.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(227,0,0,.3)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: #e30000
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-menu.standard.icloud-tint.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(227,0,0,.3)
}

.calendar-event-reply-page ui-radio-button.icloud-tint .circle-dot,.calendar-event-reply-page ui-radio-button.icloud-tint .icloud-icon-container>svg {
    fill: #e30000
}

.calendar-event-reply-page ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .circle-dot,.calendar-event-reply-page ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .circle-dot,.calendar-event-reply-page ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: rgba(227,0,0,.3)
}

.calendar-event-reply-page ui-slider.standard.icloud-tint ui-slider-track-progress {
    background-color: #e30000
}

.calendar-event-reply-page ui-slider.standard.icloud-tint ui-slider-knob {
    border: 2px solid #e30000
}

.calendar-event-reply-page ui-slider.standard.icloud-tint.ui-component-dragging ui-slider-knob {
    background-color: #e30000;
    border-color: #fff
}

.calendar-event-reply-page ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,.calendar-event-reply-page ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon,.calendar-event-reply-page ui-switch.standard.icloud-tint:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-switch.standard.icloud-tint:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page ui-switch.standard.icloud-tint[aria-checked=true] {
    background-color: #e30000
}

.calendar-event-reply-page ui-text-area.standard.icloud-tint,.calendar-event-reply-page ui-text-field.standard.icloud-tint {
    caret-color: #e30000
}

.calendar-event-reply-page ui-token.icloud-tint ui-token-content svg {
    fill: #e30000
}

.calendar-event-reply-page ui-token.icloud-tint.selected {
    background-color: #e30000
}

.calendar-event-reply-page ui-token.icloud-tint.selected ui-token-content svg {
    fill: #fff
}

.calendar-event-reply-page tree-view.standard tree-item .icloud-icon-container>svg,.calendar-event-reply-page tree-view.standard tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div .ui-menu-icon-check,.calendar-event-reply-page tree-view.standard tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div .ui-menu-icon-check,.calendar-event-reply-page ui-alert-icon>svg {
    fill: #e30000
}

.calendar-event-reply-page tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(227,0,0,.3)
}

.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,.calendar-event-reply-page tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(227,0,0,.3)
}

.calendar-event-reply-page slidable-item slidable-item-content .icloud-icon-container>svg {
    fill: #e30000
}

.calendar-event-reply-page slidable-item ui-button.push.primary.slidable-item-expand-button.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slidable-item ui-button.push.primary.slidable-item-expand-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page slidable-item.active:not([aria-disabled=true]):not(.disabled) .expand-icon,.calendar-event-reply-page slidable-item.active:not([aria-disabled=true]):not(.disabled) slidable-item-content,.calendar-event-reply-page slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) .expand-icon,.calendar-event-reply-page slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) slidable-item-content {
    opacity: .3
}

.calendar-event-reply-page slide-view-nav {
    color: #e30000
}

.calendar-event-reply-page slide-view-nav svg.collapse-icon {
    fill: #e30000
}

.calendar-event-reply-page slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    color: #e30000
}

.calendar-event-reply-page slide-view-nav ui-button.push.primary.slide-view-nav-back-button.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slide-view-nav ui-button.push.primary.slide-view-nav-back-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16);
    color: rgba(227,0,0,.3)
}

.calendar-event-reply-page slide-view-nav ui-button.push.primary.slide-view-nav-back-button.active:not([aria-disabled=true]):not(.disabled) svg,.calendar-event-reply-page slide-view-nav ui-button.push.primary.slide-view-nav-back-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

.calendar-event-reply-page slide-view-nav .title {
    color: rgba(0,0,0,.56)
}

.calendar-event-reply-page slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16)
}

.calendar-event-reply-page slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled) svg,.calendar-event-reply-page slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled) svg,.calendar-event-reply-page slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled) svg,.calendar-event-reply-page slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

.calendar-event-reply-page slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

.calendar-event-reply-page tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button.active:not([aria-disabled=true]):not(.disabled),.calendar-event-reply-page tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(227,0,0,.16);
    color: rgba(227,0,0,.3)
}

.calendar-event-reply-page>ui-activity-indicator {
    -webkit-margin-before: 20%;
    margin-block-start:20%;margin-inline:auto}

.calendar-event-reply-page[dir=ltr]>ui-activity-indicator,.calendar-event-reply-page[dir=rtl]>ui-activity-indicator,[dir=ltr] .calendar-event-reply-page>ui-activity-indicator,[dir=rtl] .calendar-event-reply-page>ui-activity-indicator {
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto
}

.calendar-event-reply-page .bottom-section,.calendar-event-reply-page .error-section,.calendar-event-reply-page .header-section {
    inline-size: 100%
}

.calendar-event-reply-page[dir=ltr] .bottom-section,.calendar-event-reply-page[dir=ltr] .error-section,.calendar-event-reply-page[dir=ltr] .header-section,.calendar-event-reply-page[dir=rtl] .bottom-section,.calendar-event-reply-page[dir=rtl] .error-section,.calendar-event-reply-page[dir=rtl] .header-section,[dir=ltr] .calendar-event-reply-page .bottom-section,[dir=ltr] .calendar-event-reply-page .error-section,[dir=ltr] .calendar-event-reply-page .header-section,[dir=rtl] .calendar-event-reply-page .bottom-section,[dir=rtl] .calendar-event-reply-page .error-section,[dir=rtl] .calendar-event-reply-page .header-section {
    width: 100%
}

.calendar-event-reply-page .bottom-section>*,.calendar-event-reply-page .error-section>*,.calendar-event-reply-page .header-section>* {
    margin-inline:auto}

.calendar-event-reply-page[dir=ltr] .bottom-section>*,.calendar-event-reply-page[dir=ltr] .error-section>*,.calendar-event-reply-page[dir=ltr] .header-section>*,.calendar-event-reply-page[dir=rtl] .bottom-section>*,.calendar-event-reply-page[dir=rtl] .error-section>*,.calendar-event-reply-page[dir=rtl] .header-section>*,[dir=ltr] .calendar-event-reply-page .bottom-section>*,[dir=ltr] .calendar-event-reply-page .error-section>*,[dir=ltr] .calendar-event-reply-page .header-section>*,[dir=rtl] .calendar-event-reply-page .bottom-section>*,[dir=rtl] .calendar-event-reply-page .error-section>*,[dir=rtl] .calendar-event-reply-page .header-section>* {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 760px) {
    .calendar-event-reply-page .bottom-section>*,.calendar-event-reply-page .error-section>*,.calendar-event-reply-page .header-section>* {
        inline-size:500px
    }

    .calendar-event-reply-page[dir=ltr] .bottom-section>*,.calendar-event-reply-page[dir=ltr] .error-section>*,.calendar-event-reply-page[dir=ltr] .header-section>*,.calendar-event-reply-page[dir=rtl] .bottom-section>*,.calendar-event-reply-page[dir=rtl] .error-section>*,.calendar-event-reply-page[dir=rtl] .header-section>*,[dir=ltr] .calendar-event-reply-page .bottom-section>*,[dir=ltr] .calendar-event-reply-page .error-section>*,[dir=ltr] .calendar-event-reply-page .header-section>*,[dir=rtl] .calendar-event-reply-page .bottom-section>*,[dir=rtl] .calendar-event-reply-page .error-section>*,[dir=rtl] .calendar-event-reply-page .header-section>* {
        width: 500px
    }
}

.calendar-event-reply-page .header-section {
    position: relative;
    -webkit-padding-after: 24px;
    padding-block-end:24px;padding-inline:24px;background-color: #f5f5f9
}

.calendar-event-reply-page[dir=ltr] .header-section,.calendar-event-reply-page[dir=rtl] .header-section,[dir=ltr] .calendar-event-reply-page .header-section,[dir=rtl] .calendar-event-reply-page .header-section {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.calendar-event-reply-page .header-section.has-location-image {
    -webkit-padding-after: 96px;
    padding-block-end:96px}

.calendar-event-reply-page[dir=ltr] .header-section.has-location-image,.calendar-event-reply-page[dir=rtl] .header-section.has-location-image,[dir=ltr] .calendar-event-reply-page .header-section.has-location-image,[dir=rtl] .calendar-event-reply-page .header-section.has-location-image {
    padding-bottom: 96px
}

.calendar-event-reply-page .header-section .apple-icloud-logo {
    display: inline-block;
    block-size: 25px;
    inline-size: 72px;
    vertical-align: top;
    -webkit-margin-end: -1px;
    margin-inline-end:-1px}

.calendar-event-reply-page[dir=ltr] .header-section .apple-icloud-logo,[dir=ltr] .calendar-event-reply-page .header-section .apple-icloud-logo {
    height: 25px;
    width: 72px;
    margin-right: -1px
}

.calendar-event-reply-page[dir=rtl] .header-section .apple-icloud-logo,[dir=rtl] .calendar-event-reply-page .header-section .apple-icloud-logo {
    height: 25px;
    width: 72px;
    margin-left: -1px
}

.calendar-event-reply-page .header-section .page-title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 700;
    margin-block:24px;cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calendar-event-reply-page[dir=ltr] .header-section .page-title,.calendar-event-reply-page[dir=rtl] .header-section .page-title,[dir=ltr] .calendar-event-reply-page .header-section .page-title,[dir=rtl] .calendar-event-reply-page .header-section .page-title {
    margin-top: 24px;
    margin-bottom: 24px
}

[apple-system-font-capable] .calendar-event-reply-page .header-section .page-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .header-section .page-title .app-name {
    -webkit-margin-start: 4px;
    margin-inline-start:4px;color: #e30000
}

.calendar-event-reply-page[dir=ltr] .header-section .page-title .app-name,[dir=ltr] .calendar-event-reply-page .header-section .page-title .app-name {
    margin-left: 4px
}

.calendar-event-reply-page[dir=rtl] .header-section .page-title .app-name,[dir=rtl] .calendar-event-reply-page .header-section .page-title .app-name {
    margin-right: 4px
}

.calendar-event-reply-page .header-section .event-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    -webkit-margin-after: 16px;
    margin-block-end:16px;text-align: start
}

.calendar-event-reply-page[dir=ltr] .header-section .event-title,[dir=ltr] .calendar-event-reply-page .header-section .event-title {
    margin-bottom: 16px;
    text-align: left
}

.calendar-event-reply-page[dir=rtl] .header-section .event-title,[dir=rtl] .calendar-event-reply-page .header-section .event-title {
    margin-bottom: 16px;
    text-align: right
}

[apple-system-font-capable] .calendar-event-reply-page .header-section .event-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .header-section .event-date-time,.calendar-event-reply-page .header-section .organizer-label {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #6e6e73
}

[apple-system-font-capable] .calendar-event-reply-page .header-section .event-date-time,[apple-system-font-capable] .calendar-event-reply-page .header-section .organizer-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .header-section .event-date-time p,.calendar-event-reply-page .header-section .organizer-label p {
    -webkit-margin-after: 6px;
    margin-block-end:6px}

.calendar-event-reply-page[dir=ltr] .header-section .event-date-time p,.calendar-event-reply-page[dir=ltr] .header-section .organizer-label p,.calendar-event-reply-page[dir=rtl] .header-section .event-date-time p,.calendar-event-reply-page[dir=rtl] .header-section .organizer-label p,[dir=ltr] .calendar-event-reply-page .header-section .event-date-time p,[dir=ltr] .calendar-event-reply-page .header-section .organizer-label p,[dir=rtl] .calendar-event-reply-page .header-section .event-date-time p,[dir=rtl] .calendar-event-reply-page .header-section .organizer-label p {
    margin-bottom: 6px
}

.calendar-event-reply-page .header-section .organizer-label {
    -webkit-margin-after: 24px;
    margin-block-end:24px}

.calendar-event-reply-page[dir=ltr] .header-section .organizer-label,.calendar-event-reply-page[dir=rtl] .header-section .organizer-label,[dir=ltr] .calendar-event-reply-page .header-section .organizer-label,[dir=rtl] .calendar-event-reply-page .header-section .organizer-label {
    margin-bottom: 24px
}

.calendar-event-reply-page .header-section .event-date-time {
    -webkit-margin-after: 24px;
    margin-block-end:24px}

.calendar-event-reply-page[dir=ltr] .header-section .event-date-time,.calendar-event-reply-page[dir=rtl] .header-section .event-date-time,[dir=ltr] .calendar-event-reply-page .header-section .event-date-time,[dir=rtl] .calendar-event-reply-page .header-section .event-date-time {
    margin-bottom: 24px
}

.calendar-event-reply-page .header-section .reply-options ui-select-button.standard {
    margin-block:-5px;margin-inline:-12px;background-color: transparent
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button.standard,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button.standard,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button.standard,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button.standard {
    margin: -5px -12px
}

.calendar-event-reply-page .header-section .reply-options ui-select-button.standard .icon {
    block-size: 22px;
    min-inline-size: 25px;
    inline-size: 25px;
    background-color: transparent
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button.standard .icon,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button.standard .icon,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button.standard .icon,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button.standard .icon {
    height: 22px;
    min-width: 25px;
    width: 25px
}

.calendar-event-reply-page .header-section .reply-options ui-select-button-title {
    padding-block:5px;padding-inline:12px;font-size: 17px
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button-title,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button-title,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button-title,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button-title {
    padding: 5px 12px
}

.calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-accepted,.calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-declined,.calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-tentative {
    block-size: 20px;
    inline-size: 20px;
    -webkit-margin-after: -3px;
    margin-block-end:-3px;-webkit-margin-end: 8px;
    margin-inline-end:8px}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button-title .icon-accepted,.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button-title .icon-declined,.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-select-button-title .icon-tentative,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-accepted,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-declined,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-tentative {
    height: 20px;
    width: 20px;
    margin-bottom: -3px;
    margin-right: 8px
}

.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button-title .icon-accepted,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button-title .icon-declined,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-select-button-title .icon-tentative,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-accepted,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-declined,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-select-button-title .icon-tentative {
    height: 20px;
    width: 20px;
    margin-bottom: -3px;
    margin-left: 8px
}

.calendar-event-reply-page .header-section .reply-options .reply-buttons {
    -webkit-margin-before: 40px;
    margin-block-start:40px;text-align: center
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options .reply-buttons,.calendar-event-reply-page[dir=rtl] .header-section .reply-options .reply-buttons,[dir=ltr] .calendar-event-reply-page .header-section .reply-options .reply-buttons,[dir=rtl] .calendar-event-reply-page .header-section .reply-options .reply-buttons {
    margin-top: 40px
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button {
    background-color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1d1d1f;
    display: block;
    position: relative;
    block-size: 42px;
    inline-size: 100%;
    margin-block:20px;border-radius: 24px;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.15);
    line-height: 22px;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-toggle-button,.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-toggle-button,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-toggle-button,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-toggle-button {
    height: 42px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

[apple-system-font-capable] .calendar-event-reply-page .header-section .reply-options ui-toggle-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (min-width: 760px) {
    .calendar-event-reply-page .header-section .reply-options ui-toggle-button {
        display:inline-block;
        inline-size: 150px;
        margin-block:0;-webkit-padding-start: 23px;
        padding-inline-start:23px}

    .calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-toggle-button,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-toggle-button {
        width: 150px;
        padding-left: 23px;
        margin-top: 0;
        margin-bottom: 0
    }

    .calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-toggle-button,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-toggle-button {
        width: 150px;
        padding-right: 23px;
        margin-top: 0;
        margin-bottom: 0
    }

    .calendar-event-reply-page .header-section .reply-options ui-toggle-button+ui-toggle-button {
        -webkit-margin-start: 20px;
        margin-inline-start:20px}

    .calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-toggle-button+ui-toggle-button,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-toggle-button+ui-toggle-button {
        margin-left: 20px
    }

    .calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-toggle-button+ui-toggle-button,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-toggle-button+ui-toggle-button {
        margin-right: 20px
    }
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button,.calendar-event-reply-page .header-section .reply-options ui-toggle-button:focus {
    border-width: 3px
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:active,.calendar-event-reply-page .header-section .reply-options ui-toggle-button[aria-pressed=true] {
    color: #fff
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:active svg,.calendar-event-reply-page .header-section .reply-options ui-toggle-button[aria-pressed=true] svg {
    fill: #fff
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
    block-size: 20px;
    inline-size: 20px;
    -webkit-margin-before: -4px;
    margin-block-start:-4px;-webkit-margin-end: 15px;
    margin-inline-end:15px;vertical-align: middle
}

.calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-toggle-button svg,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    margin-right: 15px
}

.calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-toggle-button svg,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    margin-left: 15px
}

@media (min-width: 760px) {
    .calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
        position:absolute;
        inset-block-start: 8px;
        inset-inline-start: 11px;
        -webkit-margin-before: 0;
        margin-block-start:0;-webkit-margin-end: 0;
        margin-inline-end:0}

    .calendar-event-reply-page[dir=ltr] .header-section .reply-options ui-toggle-button svg,[dir=ltr] .calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
        top: 8px;
        left: 11px;
        margin-top: 0;
        margin-right: 0
    }

    .calendar-event-reply-page[dir=rtl] .header-section .reply-options ui-toggle-button svg,[dir=rtl] .calendar-event-reply-page .header-section .reply-options ui-toggle-button svg {
        top: 8px;
        right: 11px;
        margin-top: 0;
        margin-left: 0
    }
}

.calendar-event-reply-page .header-section .reply-options .button-accept:hover,.calendar-event-reply-page .header-section .reply-options .button-accept[aria-pressed=true] {
    border-color: #12c00f
}

.calendar-event-reply-page .header-section .reply-options .button-decline:hover,.calendar-event-reply-page .header-section .reply-options .button-decline[aria-pressed=true] {
    border-color: #eb0c00
}

.calendar-event-reply-page .header-section .reply-options .button-maybe:hover,.calendar-event-reply-page .header-section .reply-options .button-maybe[aria-pressed=true] {
    border-color: #ff9538
}

.calendar-event-reply-page .header-section .report-junk-confirmation h2,.calendar-event-reply-page .header-section .report-junk-confirmation p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #6e6e73
}

[apple-system-font-capable] .calendar-event-reply-page .header-section .report-junk-confirmation h2,[apple-system-font-capable] .calendar-event-reply-page .header-section .report-junk-confirmation p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .header-section .report-junk-confirmation h2 {
    -webkit-margin-before: 40px;
    margin-block-start:40px;-webkit-margin-after: 12px;
    margin-block-end:12px;color: #1d1d1f
}

.calendar-event-reply-page[dir=ltr] .header-section .report-junk-confirmation h2,.calendar-event-reply-page[dir=rtl] .header-section .report-junk-confirmation h2,[dir=ltr] .calendar-event-reply-page .header-section .report-junk-confirmation h2,[dir=rtl] .calendar-event-reply-page .header-section .report-junk-confirmation h2 {
    margin-top: 40px;
    margin-bottom: 12px
}

.calendar-event-reply-page .header-section .report-junk-confirmation svg {
    block-size: 20px;
    inline-size: 20px;
    -webkit-margin-before: -4px;
    margin-block-start:-4px;-webkit-margin-end: 10px;
    margin-inline-end:10px;vertical-align: middle
}

.calendar-event-reply-page[dir=ltr] .header-section .report-junk-confirmation svg,[dir=ltr] .calendar-event-reply-page .header-section .report-junk-confirmation svg {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    margin-right: 10px
}

.calendar-event-reply-page[dir=rtl] .header-section .report-junk-confirmation svg,[dir=rtl] .calendar-event-reply-page .header-section .report-junk-confirmation svg {
    height: 20px;
    width: 20px;
    margin-top: -4px;
    margin-left: 10px
}

.calendar-event-reply-page .bottom-section {
    padding-inline:30px}

.calendar-event-reply-page[dir=ltr] .bottom-section,.calendar-event-reply-page[dir=rtl] .bottom-section,[dir=ltr] .calendar-event-reply-page .bottom-section,[dir=rtl] .calendar-event-reply-page .bottom-section {
    padding-left: 30px;
    padding-right: 30px
}

.calendar-event-reply-page .bottom-section .event-location.has-location-image {
    position: relative;
    inset-block-start: -138px;
    -webkit-margin-after: -138px;
    margin-block-end:-138px}

.calendar-event-reply-page[dir=ltr] .bottom-section .event-location.has-location-image,.calendar-event-reply-page[dir=rtl] .bottom-section .event-location.has-location-image,[dir=ltr] .calendar-event-reply-page .bottom-section .event-location.has-location-image,[dir=rtl] .calendar-event-reply-page .bottom-section .event-location.has-location-image {
    top: -138px;
    margin-bottom: -138px
}

.calendar-event-reply-page .bottom-section .location-coupon {
    border: 1px solid #e4e4e6;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.07);
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.07);
    overflow: hidden
}

.calendar-event-reply-page .bottom-section .location-coupon img {
    background-color: #f2f2f7;
    display: block;
    max-block-size: 88px;
    min-block-size: 88px;
    max-inline-size: 100%;
    min-inline-size: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.calendar-event-reply-page[dir=ltr] .bottom-section .location-coupon img,.calendar-event-reply-page[dir=rtl] .bottom-section .location-coupon img,[dir=ltr] .calendar-event-reply-page .bottom-section .location-coupon img,[dir=rtl] .calendar-event-reply-page .bottom-section .location-coupon img {
    max-height: 88px;
    min-height: 88px;
    max-width: 100%;
    min-width: 100%
}

.calendar-event-reply-page .bottom-section .location-coupon .location-description {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px
}

.calendar-event-reply-page .bottom-section .location-coupon .location-description span {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-padding-end: 10px;
    padding-inline-end:10px;white-space: pre-line;
    word-break: break-word
}

.calendar-event-reply-page[dir=ltr] .bottom-section .location-coupon .location-description span,[dir=ltr] .calendar-event-reply-page .bottom-section .location-coupon .location-description span {
    padding-right: 10px
}

.calendar-event-reply-page[dir=rtl] .bottom-section .location-coupon .location-description span,[dir=rtl] .calendar-event-reply-page .bottom-section .location-coupon .location-description span {
    padding-left: 10px
}

.calendar-event-reply-page .bottom-section .location-coupon .location-description a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-block:auto;padding: 4px
}

.calendar-event-reply-page[dir=ltr] .bottom-section .location-coupon .location-description a,.calendar-event-reply-page[dir=rtl] .bottom-section .location-coupon .location-description a,[dir=ltr] .calendar-event-reply-page .bottom-section .location-coupon .location-description a,[dir=rtl] .calendar-event-reply-page .bottom-section .location-coupon .location-description a {
    margin-top: auto;
    margin-bottom: auto
}

.calendar-event-reply-page .bottom-section .location-coupon .location-description svg {
    block-size: 20px;
    inline-size: 20px;
    margin-block:-5px;fill: #06c
}

.calendar-event-reply-page[dir=ltr] .bottom-section .location-coupon .location-description svg,.calendar-event-reply-page[dir=rtl] .bottom-section .location-coupon .location-description svg,[dir=ltr] .calendar-event-reply-page .bottom-section .location-coupon .location-description svg,[dir=rtl] .calendar-event-reply-page .bottom-section .location-coupon .location-description svg {
    height: 20px;
    width: 20px;
    margin-top: -5px;
    margin-bottom: -5px
}

.calendar-event-reply-page .bottom-section .attachment-list li {
    list-style: none;
    line-height: 28px
}

.calendar-event-reply-page .bottom-section .invitee-list li {
    list-style: none;
    -webkit-padding-start: 25px;
    padding-inline-start:25px;line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar-event-reply-page[dir=ltr] .bottom-section .invitee-list li,[dir=ltr] .calendar-event-reply-page .bottom-section .invitee-list li {
    padding-left: 25px
}

.calendar-event-reply-page[dir=rtl] .bottom-section .invitee-list li,[dir=rtl] .calendar-event-reply-page .bottom-section .invitee-list li {
    padding-right: 25px
}

.calendar-event-reply-page .bottom-section .invitee-list li svg {
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-after: -3px;
    margin-block-end:-3px;-webkit-margin-start: -25px;
    margin-inline-start:-25px;-webkit-margin-end: 10px;
    margin-inline-end:10px}

.calendar-event-reply-page[dir=ltr] .bottom-section .invitee-list li svg,[dir=ltr] .calendar-event-reply-page .bottom-section .invitee-list li svg {
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    margin-left: -25px;
    margin-right: 10px
}

.calendar-event-reply-page[dir=rtl] .bottom-section .invitee-list li svg,[dir=rtl] .calendar-event-reply-page .bottom-section .invitee-list li svg {
    height: 16px;
    width: 16px;
    margin-bottom: -3px;
    margin-right: -25px;
    margin-left: 10px
}

.calendar-event-reply-page .background-filler {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: -1;
    background-color: #f5f5f9
}

.calendar-event-reply-page[dir=ltr] .background-filler,.calendar-event-reply-page[dir=rtl] .background-filler,[dir=ltr] .calendar-event-reply-page .background-filler,[dir=rtl] .calendar-event-reply-page .background-filler {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.calendar-event-reply-page hr {
    background-color: #e4e4e6;
    border-width: 0;
    block-size: 1px;
    margin-block:24px}

.calendar-event-reply-page[dir=ltr] hr,.calendar-event-reply-page[dir=rtl] hr,[dir=ltr] .calendar-event-reply-page hr,[dir=rtl] .calendar-event-reply-page hr {
    height: 1px;
    margin-top: 24px;
    margin-bottom: 24px
}

.calendar-event-reply-page section {
    margin-block:24px}

.calendar-event-reply-page[dir=ltr] section,.calendar-event-reply-page[dir=rtl] section,[dir=ltr] .calendar-event-reply-page section,[dir=rtl] .calendar-event-reply-page section {
    margin-top: 24px;
    margin-bottom: 24px
}

.calendar-event-reply-page section p {
    white-space: pre-line;
    word-break: break-word
}

.calendar-event-reply-page section h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #86868b;
    -webkit-margin-after: 8px;
    margin-block-end:8px}

.calendar-event-reply-page[dir=ltr] section h3,.calendar-event-reply-page[dir=rtl] section h3,[dir=ltr] .calendar-event-reply-page section h3,[dir=rtl] .calendar-event-reply-page section h3 {
    margin-bottom: 8px
}

[apple-system-font-capable] .calendar-event-reply-page section h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page section .subtitle {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400;
    -webkit-margin-after: 12px;
    margin-block-end:12px;color: #6e6e73
}

.calendar-event-reply-page[dir=ltr] section .subtitle,.calendar-event-reply-page[dir=rtl] section .subtitle,[dir=ltr] .calendar-event-reply-page section .subtitle,[dir=rtl] .calendar-event-reply-page section .subtitle {
    margin-bottom: 12px
}

[apple-system-font-capable] .calendar-event-reply-page section .subtitle {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area {
    block-size: 120px;
    inline-size: 100%
}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper ui-text-area,.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper ui-text-area,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area {
    height: 120px;
    width: 100%
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area textarea {
    block-size: 100%;
    inline-size: 100%
}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper ui-text-area textarea,.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper ui-text-area textarea,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area textarea,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area textarea {
    height: 100%;
    width: 100%
}

.calendar-event-reply-page .comment-textarea-wrapper .comment-footer {
    block-size: 40px;
    -webkit-margin-before: 4px;
    margin-block-start:4px;text-align: end;
    font-size: 14px
}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper .comment-footer,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper .comment-footer {
    height: 40px;
    margin-top: 4px;
    text-align: right
}

.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper .comment-footer,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper .comment-footer {
    height: 40px;
    margin-top: 4px;
    text-align: left
}

.calendar-event-reply-page .comment-textarea-wrapper .comment-footer ui-button.push.primary {
    font-size: 14px
}

.calendar-event-reply-page .comment-textarea-wrapper .comment-footer .comment-footer-saving {
    -webkit-padding-after: 5px;
    padding-block-end:5px;font-weight: 500
}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper .comment-footer .comment-footer-saving,.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper .comment-footer .comment-footer-saving,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper .comment-footer .comment-footer-saving,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper .comment-footer .comment-footer-saving {
    padding-bottom: 5px
}

.calendar-event-reply-page .comment-textarea-wrapper ui-activity-indicator {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-margin-after: -10px;
    margin-block-end:-10px;-webkit-margin-start: 2px;
    margin-inline-start:2px}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper ui-activity-indicator,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper ui-activity-indicator {
    margin-bottom: -10px;
    margin-left: 2px
}

.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper ui-activity-indicator,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper ui-activity-indicator {
    margin-bottom: -10px;
    margin-right: 2px
}

.calendar-event-reply-page .comment-textarea-wrapper .icon-saved {
    fill: #12c00f;
    block-size: 20px;
    inline-size: 20px;
    -webkit-margin-before: 6px;
    margin-block-start:6px;-webkit-margin-end: 10px;
    margin-inline-end:10px}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper .icon-saved,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper .icon-saved {
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-right: 10px
}

.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper .icon-saved,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper .icon-saved {
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-left: 10px
}

.calendar-event-reply-page .error-section {
    padding-inline:30px;text-align: center
}

.calendar-event-reply-page[dir=ltr] .error-section,.calendar-event-reply-page[dir=rtl] .error-section,[dir=ltr] .calendar-event-reply-page .error-section,[dir=rtl] .calendar-event-reply-page .error-section {
    padding-left: 30px;
    padding-right: 30px
}

.calendar-event-reply-page .error-section svg {
    fill: #0071eb;
    block-size: 64px;
    inline-size: 64px;
    -webkit-margin-before: 24px;
    margin-block-start:24px}

.calendar-event-reply-page[dir=ltr] .error-section svg,.calendar-event-reply-page[dir=rtl] .error-section svg,[dir=ltr] .calendar-event-reply-page .error-section svg,[dir=rtl] .calendar-event-reply-page .error-section svg {
    height: 64px;
    width: 64px;
    margin-top: 24px
}

.calendar-event-reply-page .error-section .error-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    -webkit-margin-before: 16px;
    margin-block-start:16px;-webkit-margin-before: 24px;
    margin-block-start:24px}

.calendar-event-reply-page[dir=ltr] .error-section .error-title,.calendar-event-reply-page[dir=rtl] .error-section .error-title,[dir=ltr] .calendar-event-reply-page .error-section .error-title,[dir=rtl] .calendar-event-reply-page .error-section .error-title {
    margin-top: 24px
}

[apple-system-font-capable] .calendar-event-reply-page .error-section .error-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .error-section .error-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    margin-block:24px;line-height: 1.3em;
    color: #1d1d1f
}

.calendar-event-reply-page[dir=ltr] .error-section .error-description,.calendar-event-reply-page[dir=rtl] .error-section .error-description,[dir=ltr] .calendar-event-reply-page .error-section .error-description,[dir=rtl] .calendar-event-reply-page .error-section .error-description {
    margin-top: 24px;
    margin-bottom: 24px
}

[apple-system-font-capable] .calendar-event-reply-page .error-section .error-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-event-reply-page .IconLink {
    display: inline;
    text-decoration: none;
    color: #06c
}

.calendar-event-reply-page .IconLink svg {
    block-size: 40px;
    inline-size: 40px;
    -webkit-margin-before: -12px;
    margin-block-start:-12px;-webkit-margin-after: -15px;
    margin-block-end:-15px;-webkit-margin-start: -10px;
    margin-inline-start:-10px;-webkit-margin-end: -4px;
    margin-inline-end:-4px;fill: #06c
}

.calendar-event-reply-page[dir=ltr] .IconLink svg,[dir=ltr] .calendar-event-reply-page .IconLink svg {
    height: 40px;
    width: 40px;
    margin: -12px -4px -15px -10px
}

.calendar-event-reply-page[dir=rtl] .IconLink svg,[dir=rtl] .calendar-event-reply-page .IconLink svg {
    height: 40px;
    width: 40px;
    margin: -12px -10px -15px -4px
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled):hover:not(:active) {
    background-color: #fff
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled):active.button-accept,.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled)[aria-pressed=true].button-accept {
    background-color: #12c00f
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled):active.button-decline,.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled)[aria-pressed=true].button-decline {
    background-color: #eb0c00
}

.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled):active.button-maybe,.calendar-event-reply-page .header-section .reply-options ui-toggle-button:not(:disabled):not([aria-disabled=true]):not(.disabled)[aria-pressed=true].button-maybe {
    background-color: #ff9538
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):active,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):active:hover,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within {
    background-color: transparent
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within {
    border-color: logical #e30000
}

.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,.calendar-event-reply-page[dir=ltr] .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,[dir=ltr] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within {
    border-color: #e30000
}

.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,.calendar-event-reply-page[dir=rtl] .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,[dir=rtl] .calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within {
    border-color: #e30000
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):hover:not(:focus):not(:focus-within) {
    background-color: #ededee
}

.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):focus-within,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):hover:hover:hover:hover:hover:focus,.calendar-event-reply-page .comment-textarea-wrapper ui-text-area.standard:not([aria-disabled=true]):not(.disabled):hover:hover:hover:hover:hover:focus-within {
    -webkit-box-shadow: inset 0 0 0 3px rgba(227,0,0,.7);
    box-shadow: inset 0 0 0 3px rgba(227,0,0,.7)
}

ui-menu.standard ui-menu-item.calendar-menu-item .icon-accepted,ui-menu.standard ui-menu-item.calendar-menu-item .icon-declined,ui-menu.standard ui-menu-item.calendar-menu-item .icon-tentative {
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px;vertical-align: text-bottom
}

[dir=ltr] ui-menu.standard ui-menu-item.calendar-menu-item .icon-accepted,[dir=ltr] ui-menu.standard ui-menu-item.calendar-menu-item .icon-declined,[dir=ltr] ui-menu.standard ui-menu-item.calendar-menu-item .icon-tentative,ui-menu.standard[dir=ltr] ui-menu-item.calendar-menu-item .icon-accepted,ui-menu.standard[dir=ltr] ui-menu-item.calendar-menu-item .icon-declined,ui-menu.standard[dir=ltr] ui-menu-item.calendar-menu-item .icon-tentative {
    height: 16px;
    width: 16px;
    margin-right: 8px
}

[dir=rtl] ui-menu.standard ui-menu-item.calendar-menu-item .icon-accepted,[dir=rtl] ui-menu.standard ui-menu-item.calendar-menu-item .icon-declined,[dir=rtl] ui-menu.standard ui-menu-item.calendar-menu-item .icon-tentative,ui-menu.standard[dir=rtl] ui-menu-item.calendar-menu-item .icon-accepted,ui-menu.standard[dir=rtl] ui-menu-item.calendar-menu-item .icon-declined,ui-menu.standard[dir=rtl] ui-menu-item.calendar-menu-item .icon-tentative {
    height: 16px;
    width: 16px;
    margin-left: 8px
}

ui-menu.standard ui-menu-item.calendar-menu-item.calendar-menu-item[aria-checked=true] svg.ui-menu-icon-check.ui-menu-icon-check {
    fill: #e30000
}

.calendar-event-reply-page .icon-accepted,ui-menu-item.calendar-menu-item .icon-accepted {
    fill: #12c00f
}

.calendar-event-reply-page .icon-declined,ui-menu-item.calendar-menu-item .icon-declined {
    fill: #eb0c00
}

.calendar-event-reply-page .icon-tentative,ui-menu-item.calendar-menu-item .icon-tentative {
    fill: #ff9538
}

.calendar-event-reply-page .icon-needs-action,ui-menu-item.calendar-menu-item .icon-needs-action {
    fill: rgba(0,0,0,.48)
}

ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup {
    background-color: rgba(127,127,129,.25);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%);
    block-size: 210px;
    inline-size: 400px;
    border-radius: 15px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,.15)
}

[dir=ltr] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup,[dir=rtl] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup,ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation[dir=ltr] ui-popup,ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation[dir=rtl] ui-popup {
    height: 210px;
    width: 400px
}

ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup h2 {
    color: #fff;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 31px;
    font-weight: 700;
    -webkit-margin-before: 42px;
    margin-block-start:42px;-webkit-margin-after: 14px;
    margin-block-end:14px}

[dir=ltr] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup h2,[dir=rtl] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup h2,ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation[dir=ltr] ui-popup h2,ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation[dir=rtl] ui-popup h2 {
    margin-top: 42px;
    margin-bottom: 14px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup p {
    color: #f2f2f7;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.calendar-event-reply-confirmation ui-popup p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane-backdrop.for-ui-popup.standard.calendar-event-reply-confirmation {
    background-color: hsla(0,0%,100%,.5);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-autocomplete-token-field.standard.icloud-tint {
    caret-color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-autocomplete-token-field.standard.icloud-tint:hover:not(:disabled).has-selected:not(.has-focus) {
    background-color: transparent;
    -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-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint .checkmark-square-fill,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint .minus-square-fill {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=mixed] .minus-square-fill,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-checkbox.standard.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .checkmark-square-fill {
    fill: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.block.primary:not(.neutral),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.block.primary:not(.neutral) {
    background-color: #ff291e;
    color: #fff
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#f40c00
    }
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #cb0a00;
    color: hsla(0,0%,100%,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push {
    color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16);
    color: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.pressed {
    background-color: #ff291e;
    color: #fff;
    cursor: default;
    pointer-events: none;
    opacity: .3
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#ff291e;
        color: #fff;
        cursor: default;
        pointer-events: none;
        opacity: .3
    }
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup 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.calendar-event-reply-alert ui-popup 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.calendar-event-reply-alert ui-popup 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.calendar-event-reply-alert ui-popup ui-file-button.push {
    color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-file-button.push.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-file-button.push:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16);
    color: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-file-button.push.destructive {
    color: #e30000;
    -webkit-transition: none;
    transition: none
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-file-button.push.destructive.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-file-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.calendar-event-reply-alert ui-popup ui-toggle-button.push[aria-pressed=true] {
    background-color: #ff291e;
    color: #fff
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push[aria-pressed=true]:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#ff160a;
        color: #fff
    }
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push[aria-pressed=true].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push[aria-pressed=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #f40c00;
    color: #fff
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push:not([aria-pressed=true]) {
    color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push:not([aria-pressed=true]).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-toggle-button.push:not([aria-pressed=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #ff291e;
    color: #fff
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem] .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item .icloud-icon-container>svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container a:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox] .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox][aria-checked=true] .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio] .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio][aria-checked=true] .ui-menu-icon-check {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemcheckbox]:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio].active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container [role=menuitemradio]:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-menu.standard.icloud-tint.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(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint .circle-dot,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint .icloud-icon-container>svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .circle-dot,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .circle-dot,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-radio-button.icloud-tint:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg {
    fill: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-slider.standard.icloud-tint ui-slider-track-progress {
    background-color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-slider.standard.icloud-tint ui-slider-knob {
    border: 2px solid #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-slider.standard.icloud-tint.ui-component-dragging ui-slider-knob {
    background-color: #ff291e;
    border-color: #fff
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-switch.standard.icloud-tint:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-switch.standard.icloud-tint:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-switch.standard.icloud-tint[aria-checked=true] {
    background-color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-text-area.standard.icloud-tint,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-text-field.standard.icloud-tint {
    caret-color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-token.icloud-tint ui-token-content svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-token.icloud-tint.selected {
    background-color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-token.icloud-tint.selected ui-token-content svg {
    fill: #fff
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple[role=menuitemcheckbox][aria-checked=true] tree-item-content>div .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple[role=menuitemradio][aria-checked=true] tree-item-content>div .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-alert-icon>svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple.active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item.selectable.simple:active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable).active:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .icloud-icon-container>svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.standard tree-item:not(.selectable):not(.expandable):active:hover:not([aria-disabled=true]):not(.disabled) .ui-menu-icon-check {
    fill: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item slidable-item-content .icloud-icon-container>svg {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item ui-button.push.primary.slidable-item-expand-button.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item ui-button.push.primary.slidable-item-expand-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item.active:not([aria-disabled=true]):not(.disabled) .expand-icon,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item.active:not([aria-disabled=true]):not(.disabled) slidable-item-content,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) .expand-icon,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slidable-item:active:hover:not([aria-disabled=true]):not(.disabled) slidable-item-content {
    opacity: .3
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav {
    color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav svg.collapse-icon {
    fill: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav ui-button.push.primary.slide-view-nav-back-button {
    color: #ff291e
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav ui-button.push.primary.slide-view-nav-back-button.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav ui-button.push.primary.slide-view-nav-back-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16);
    color: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav ui-button.push.primary.slide-view-nav-back-button.active:not([aria-disabled=true]):not(.disabled) svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav ui-button.push.primary.slide-view-nav-back-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-nav .title {
    color: rgba(0,0,0,.56)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled) svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled) svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.expand.active:not([aria-disabled=true]):not(.disabled) svg,ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.expand:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup slide-view-item ui-button.push.primary.action:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: rgba(0,0,0,.26)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(255,41,30,.16);
    color: rgba(255,41,30,.3)
}

ui-pane.for-ui-popup.calendar-event-reply-alert ui-popup ui-alert-icon svg {
    fill: #ff291e
}

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

.IconLink.disabled {
    pointer-events: none
}

.page-header {
    padding-block:50px;inline-size: 100%
}

.page-header[dir=ltr],.page-header[dir=rtl],[dir=ltr] .page-header,[dir=rtl] .page-header {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px
}

.page-header .page-header-top-row {
    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;
    -webkit-margin-after: 18px;
    margin-block-end:18px}

.page-header[dir=ltr] .page-header-top-row,.page-header[dir=rtl] .page-header-top-row,[dir=ltr] .page-header .page-header-top-row,[dir=rtl] .page-header .page-header-top-row {
    margin-bottom: 18px
}

.page-header ui-button.push.primary.page-header-extra-links {
    padding: 0;
    color: #7f7f81
}

@media (pointer: fine) {
    .page-header ui-button.push.primary.page-header-extra-links:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        color:#aaaaae
    }
}

.page-header ui-button.push.primary.page-header-extra-links.active:not([aria-disabled=true]):not(.disabled),.page-header ui-button.push.primary.page-header-extra-links:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: #aaaaae
}

.page-header ui-button.push.primary.page-header-extra-links:not([tabindex="0"]) {
    color: #d8d8da
}

.page-header .page-header-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -.24px;
    line-height: 52px
}

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

@media (max-width: 760px) {
    .page-header .page-header-title {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 40px;
        font-weight: 600;
        line-height: 44px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

.page-header .page-header-subtitle {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    -webkit-margin-after: 3px;
    margin-block-end:3px}

.page-header[dir=ltr] .page-header-subtitle,.page-header[dir=rtl] .page-header-subtitle,[dir=ltr] .page-header .page-header-subtitle,[dir=rtl] .page-header .page-header-subtitle {
    margin-bottom: 3px
}

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

@media (max-width: 760px) {
    .page-header .page-header-subtitle {
        font-family:SF Pro Display,Helvetica Neue,sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

.page-header .page-header-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: rgba(0,0,0,.56)
}

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

.page-header .page-header-description:not(:last-child) {
    -webkit-margin-after: 12px;
    margin-block-end:12px}

.page-header[dir=ltr] .page-header-description:not(:last-child),.page-header[dir=rtl] .page-header-description:not(:last-child),[dir=ltr] .page-header .page-header-description:not(:last-child),[dir=rtl] .page-header .page-header-description:not(:last-child) {
    margin-bottom: 12px
}

.page-header .icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-end: 15px;
    margin-inline-end:15px}

.page-header[dir=ltr] .icon-wrapper,[dir=ltr] .page-header .icon-wrapper {
    margin-right: 15px
}

.page-header[dir=rtl] .icon-wrapper,[dir=rtl] .page-header .icon-wrapper {
    margin-left: 15px
}

.page-header .page-header-description,.page-header .page-header-subtitle {
    inline-size: 660px
}

.page-header[dir=ltr] .page-header-description,.page-header[dir=ltr] .page-header-subtitle,.page-header[dir=rtl] .page-header-description,.page-header[dir=rtl] .page-header-subtitle,[dir=ltr] .page-header .page-header-description,[dir=ltr] .page-header .page-header-subtitle,[dir=rtl] .page-header .page-header-description,[dir=rtl] .page-header .page-header-subtitle {
    width: 660px
}

@media (max-width: 760px) {
    .page-header .page-header-description,.page-header .page-header-subtitle {
        inline-size:100%
    }

    .page-header[dir=ltr] .page-header-description,.page-header[dir=ltr] .page-header-subtitle,.page-header[dir=rtl] .page-header-description,.page-header[dir=rtl] .page-header-subtitle,[dir=ltr] .page-header .page-header-description,[dir=ltr] .page-header .page-header-subtitle,[dir=rtl] .page-header .page-header-description,[dir=rtl] .page-header .page-header-subtitle {
        width: 100%
    }
}

.related-links-menu-container ui-menu-scroll-container {
    min-inline-size: 240px
}

.related-links-menu-container[dir=ltr] ui-menu-scroll-container,.related-links-menu-container[dir=rtl] ui-menu-scroll-container,[dir=ltr] .related-links-menu-container ui-menu-scroll-container,[dir=rtl] .related-links-menu-container ui-menu-scroll-container {
    min-width: 240px
}

.related-links-menu-container .related-link {
    -webkit-padding-start: 8px;
    padding-inline-start:8px}

.related-links-menu-container[dir=ltr] .related-link,[dir=ltr] .related-links-menu-container .related-link {
    padding-left: 8px
}

.related-links-menu-container[dir=rtl] .related-link,[dir=rtl] .related-links-menu-container .related-link {
    padding-right: 8px
}

.icloud-plus-page-route {
    background-color: #fbfbfd
}

.icloud-plus-page .application-content {
    -webkit-padding-after: 10px;
    padding-block-end:10px}

.icloud-plus-page[dir=ltr] .application-content,.icloud-plus-page[dir=rtl] .application-content,[dir=ltr] .icloud-plus-page .application-content,[dir=rtl] .icloud-plus-page .application-content {
    padding-bottom: 10px
}

.icloud-plus-page .tile-grid-content {
    -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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -15px;
    -webkit-padding-after: 30px;
    padding-block-end:30px}

.icloud-plus-page[dir=ltr] .tile-grid-content,.icloud-plus-page[dir=rtl] .tile-grid-content,[dir=ltr] .icloud-plus-page .tile-grid-content,[dir=rtl] .icloud-plus-page .tile-grid-content {
    padding-bottom: 30px
}

.icloud-plus-page .tile-grid-content:last-child {
    -webkit-padding-after: 0;
    padding-block-end:0}

.icloud-plus-page[dir=ltr] .tile-grid-content:last-child,.icloud-plus-page[dir=rtl] .tile-grid-content:last-child,[dir=ltr] .icloud-plus-page .tile-grid-content:last-child,[dir=rtl] .icloud-plus-page .tile-grid-content:last-child {
    padding-bottom: 0
}

.icloud-plus-page .tile-grid-content .tile {
    margin: 15px;
    -webkit-box-shadow: 17px 20px 40px #d8d8d8;
    box-shadow: 17px 20px 40px #d8d8d8
}

@media (min-width: 760px) {
    .icloud-plus-page .tile-grid-content {
        -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
    }
}

.icloud-plus-page .device-only-content {
    -webkit-margin-before: 26px;
    margin-block-start:26px}

.icloud-plus-page[dir=ltr] .device-only-content,.icloud-plus-page[dir=rtl] .device-only-content,[dir=ltr] .icloud-plus-page .device-only-content,[dir=rtl] .icloud-plus-page .device-only-content {
    margin-top: 26px
}

.icloud-plus-page .device-only-content .heading {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: #1d1d1f
}

[apple-system-font-capable] .icloud-plus-page .device-only-content .heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.icloud-plus-page .device-only-content>p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: rgba(0,0,0,.56);
    -webkit-margin-after: 30px;
    margin-block-end:30px;max-inline-size: 660px
}

.icloud-plus-page[dir=ltr] .device-only-content>p,.icloud-plus-page[dir=rtl] .device-only-content>p,[dir=ltr] .icloud-plus-page .device-only-content>p,[dir=rtl] .icloud-plus-page .device-only-content>p {
    margin-bottom: 30px;
    max-width: 660px
}

[apple-system-font-capable] .icloud-plus-page .device-only-content>p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.error-home-tile-content {
    inline-size: 100%;
    -webkit-padding-before: 50px;
    padding-block-start:50px;padding-inline:65px;text-align: center
}

.error-home-tile-content[dir=ltr],.error-home-tile-content[dir=rtl],[dir=ltr] .error-home-tile-content,[dir=rtl] .error-home-tile-content {
    width: 100%;
    padding-top: 50px;
    padding-left: 65px;
    padding-right: 65px
}

.error-home-tile-content .cloud path {
    fill: #d2d2d7
}

.error-home-tile-content .arrow-clockwise {
    -webkit-padding-end: 6px;
    padding-inline-end:6px}

.error-home-tile-content[dir=ltr] .arrow-clockwise,[dir=ltr] .error-home-tile-content .arrow-clockwise {
    padding-right: 6px
}

.error-home-tile-content[dir=rtl] .arrow-clockwise,[dir=rtl] .error-home-tile-content .arrow-clockwise {
    padding-left: 6px
}

.error-home-tile-content .message {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.48);
    -webkit-padding-after: 10px;
    padding-block-end:10px}

.error-home-tile-content[dir=ltr] .message,.error-home-tile-content[dir=rtl] .message,[dir=ltr] .error-home-tile-content .message,[dir=rtl] .error-home-tile-content .message {
    padding-bottom: 10px
}

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

.error-home-tile-content ui-button.push.primary.reload-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: #0071eb;
    max-inline-size: 100%;
    padding-block:10px;position: relative
}

.error-home-tile-content[dir=ltr] ui-button.push.primary.reload-button,.error-home-tile-content[dir=rtl] ui-button.push.primary.reload-button,[dir=ltr] .error-home-tile-content ui-button.push.primary.reload-button,[dir=rtl] .error-home-tile-content ui-button.push.primary.reload-button {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

[apple-system-font-capable] .error-home-tile-content ui-button.push.primary.reload-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.error-home-tile-content ui-button.push.primary.reload-button:focus {
    border: 1px solid transparent
}

.continue-section {
    padding: 20px;
    border-radius: 16px;
    background-color: #f5f5f7
}

.continue-section h2,.continue-section h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .continue-section h2,[apple-system-font-capable] .continue-section h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.continue-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.continue-section[dir=ltr] p,.continue-section[dir=rtl] p,[dir=ltr] .continue-section p,[dir=rtl] .continue-section p {
    margin-top: 10px
}

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

.continue-section a.primary-cta,.continue-section a.primary-cta:visited {
    -webkit-margin-before: 15px;
    margin-block-start:15px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #06c
}

.continue-section[dir=ltr] a.primary-cta,.continue-section[dir=ltr] a.primary-cta:visited,.continue-section[dir=rtl] a.primary-cta,.continue-section[dir=rtl] a.primary-cta:visited,[dir=ltr] .continue-section a.primary-cta,[dir=ltr] .continue-section a.primary-cta:visited,[dir=rtl] .continue-section a.primary-cta,[dir=rtl] .continue-section a.primary-cta:visited {
    margin-top: 15px
}

.continue-section a.primary-cta:visited svg,.continue-section a.primary-cta svg {
    color: #06c;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.continue-section[dir=ltr] a.primary-cta:visited svg,.continue-section[dir=ltr] a.primary-cta svg,[dir=ltr] .continue-section a.primary-cta:visited svg,[dir=ltr] .continue-section a.primary-cta svg {
    margin-right: 10px
}

.continue-section[dir=rtl] a.primary-cta:visited svg,.continue-section[dir=rtl] a.primary-cta svg,[dir=rtl] .continue-section a.primary-cta:visited svg,[dir=rtl] .continue-section a.primary-cta svg {
    margin-left: 10px
}

.continue-section .continue-section-body span {
    color: #1d1d1f
}

.continue-section .continue-section-body svg {
    overflow: visible
}

.continue-section ui-button.push.primary {
    color: #06c
}

@media (max-width: 400px) {
    .continue-section ui-button.push.primary.standard-button {
        white-space:normal
    }
}

.continue-section ui-button.push.primary.destructive-button,.continue-section ui-button.push.primary.standard-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-start: -8px;
    margin-inline-start:-8px;-webkit-margin-before: 10px;
    margin-block-start:10px;padding-inline:6px;padding-block:4px}

.continue-section[dir=ltr] ui-button.push.primary.destructive-button,.continue-section[dir=ltr] ui-button.push.primary.standard-button,[dir=ltr] .continue-section ui-button.push.primary.destructive-button,[dir=ltr] .continue-section ui-button.push.primary.standard-button {
    margin-left: -8px;
    margin-top: 10px;
    padding: 4px 6px
}

.continue-section[dir=rtl] ui-button.push.primary.destructive-button,.continue-section[dir=rtl] ui-button.push.primary.standard-button,[dir=rtl] .continue-section ui-button.push.primary.destructive-button,[dir=rtl] .continue-section ui-button.push.primary.standard-button {
    margin-right: -8px;
    margin-top: 10px;
    padding: 4px 6px
}

[apple-system-font-capable] .continue-section ui-button.push.primary.destructive-button,[apple-system-font-capable] .continue-section ui-button.push.primary.standard-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.continue-section ui-button.push.primary.destructive-button svg,.continue-section ui-button.push.primary.standard-button svg {
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.continue-section[dir=ltr] ui-button.push.primary.destructive-button svg,.continue-section[dir=ltr] ui-button.push.primary.standard-button svg,[dir=ltr] .continue-section ui-button.push.primary.destructive-button svg,[dir=ltr] .continue-section ui-button.push.primary.standard-button svg {
    margin-right: 10px
}

.continue-section[dir=rtl] ui-button.push.primary.destructive-button svg,.continue-section[dir=rtl] ui-button.push.primary.standard-button svg,[dir=rtl] .continue-section ui-button.push.primary.destructive-button svg,[dir=rtl] .continue-section ui-button.push.primary.standard-button svg {
    margin-left: 10px
}

.continue-section ui-button.push.primary.destructive-button ui-activity-indicator,.continue-section ui-button.push.primary.standard-button ui-activity-indicator {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.continue-section ui-button.push.primary.destructive-button .sending,.continue-section ui-button.push.primary.standard-button .sending {
    color: #000
}

.continue-section ui-button.push.primary.destructive-button.sending,.continue-section ui-button.push.primary.standard-button.sending {
    padding-block:1px}

.continue-section[dir=ltr] ui-button.push.primary.destructive-button.sending,.continue-section[dir=ltr] ui-button.push.primary.standard-button.sending,.continue-section[dir=rtl] ui-button.push.primary.destructive-button.sending,.continue-section[dir=rtl] ui-button.push.primary.standard-button.sending,[dir=ltr] .continue-section ui-button.push.primary.destructive-button.sending,[dir=ltr] .continue-section ui-button.push.primary.standard-button.sending,[dir=rtl] .continue-section ui-button.push.primary.destructive-button.sending,[dir=rtl] .continue-section ui-button.push.primary.standard-button.sending {
    padding-top: 1px;
    padding-bottom: 1px
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-title {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-title,[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-title,ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .feature-info .modal-title,ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .feature-info .modal-title {
    margin-bottom: 20px
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-subtitle {
    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: 24px;
    margin-block-end:24px}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-subtitle,[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-subtitle,ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .feature-info .modal-subtitle,ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .feature-info .modal-subtitle {
    margin-bottom: 24px
}

[apple-system-font-capable] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-subtitle {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-title {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-title,[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-title,ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .feature-info .modal-section-title,ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .feature-info .modal-section-title {
    margin-bottom: 10px
}

ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-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);
    -webkit-margin-after: 45px;
    margin-block-end:45px}

[dir=ltr] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-description,[dir=rtl] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-description,ui-pane.modal-with-close-button[dir=ltr]>ui-popup[role=dialog] .feature-info .modal-section-description,ui-pane.modal-with-close-button[dir=rtl]>ui-popup[role=dialog] .feature-info .modal-section-description {
    margin-bottom: 45px
}

[apple-system-font-capable] ui-pane.modal-with-close-button>ui-popup[role=dialog] .feature-info .modal-section-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.home-kit-secure-video-tile .content-title-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.56)
}

[apple-system-font-capable] .home-kit-secure-video-tile .content-title-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.private-relay-tile .content-title-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.56)
}

[apple-system-font-capable] .private-relay-tile .content-title-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.family-sharing-tile .content-title-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.56)
}

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

.unauthed-share-acceptance-page {
    -webkit-padding-before: 0;
    padding-block-start:0;inline-size: 100%;
    min-block-size: 100%
}

.unauthed-share-acceptance-page[dir=ltr],.unauthed-share-acceptance-page[dir=rtl],[dir=ltr] .unauthed-share-acceptance-page,[dir=rtl] .unauthed-share-acceptance-page {
    padding-top: 0;
    width: 100%;
    min-height: 100%
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content {
    position: relative;
    margin-inline:auto;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 35px;
    padding-block-start:35px}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content {
    padding-top: 35px;
    margin-left: auto;
    margin-right: auto
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section {
    max-inline-size: 345px
}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content .header-section,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content .header-section,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section {
    max-width: 345px
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section .header-image {
    fill: #0071e3
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    -webkit-margin-before: 25px;
    margin-block-start:25px}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content .header-section h2,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content .header-section h2,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section h2,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section h2 {
    margin-top: 25px
}

[apple-system-font-capable] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 50px;
    margin-block-end:50px}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content .header-section p,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content .header-section p,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section p,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section p {
    margin-top: 15px;
    margin-bottom: 50px
}

[apple-system-font-capable] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section {
    -webkit-margin-before: 80px;
    margin-block-start:80px;-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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content .bottom-section,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content .bottom-section,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section {
    margin-top: 80px
}

.unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.56);
    -webkit-margin-after: 15px;
    margin-block-end:15px}

.unauthed-share-acceptance-page[dir=ltr] .unauthed-share-acceptance-page-content .bottom-section p,.unauthed-share-acceptance-page[dir=rtl] .unauthed-share-acceptance-page-content .bottom-section p,[dir=ltr] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section p,[dir=rtl] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section p {
    margin-bottom: 15px
}

[apple-system-font-capable] .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.plan-page-route {
    background-color: #fbfbfd
}

.plan-page-route footer {
    -webkit-margin-before: 0;
    margin-block-start:0}

.plan-page-route[dir=ltr] footer,.plan-page-route[dir=rtl] footer,[dir=ltr] .plan-page-route footer,[dir=rtl] .plan-page-route footer {
    margin-top: 0
}

.plan-page-route footer.gray-theme {
    background-color: #e8e8ed
}

.plan-page-route footer .breadcrumbs {
    -webkit-padding-before: 160px;
    padding-block-start:160px}

.plan-page-route[dir=ltr] footer .breadcrumbs,.plan-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .plan-page-route footer .breadcrumbs,[dir=rtl] .plan-page-route footer .breadcrumbs {
    padding-top: 160px
}

@media (max-width: 759px) {
    .plan-page-route footer .breadcrumbs {
        -webkit-padding-before:120px;
        padding-block-start:120px}

    .plan-page-route[dir=ltr] footer .breadcrumbs,.plan-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .plan-page-route footer .breadcrumbs,[dir=rtl] .plan-page-route footer .breadcrumbs {
        padding-top: 120px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .plan-page-route footer .breadcrumbs {
        -webkit-padding-before:140px;
        padding-block-start:140px}

    .plan-page-route[dir=ltr] footer .breadcrumbs,.plan-page-route[dir=rtl] footer .breadcrumbs,[dir=ltr] .plan-page-route footer .breadcrumbs,[dir=rtl] .plan-page-route footer .breadcrumbs {
        padding-top: 140px
    }
}

@media (max-width: 759px) {
    .plan-page-route footer .breadcrumbs {
        -webkit-margin-start:25px;
        margin-inline-start:25px}

    .plan-page-route[dir=ltr] footer .breadcrumbs,[dir=ltr] .plan-page-route footer .breadcrumbs {
        margin-left: 25px
    }

    .plan-page-route[dir=rtl] footer .breadcrumbs,[dir=rtl] .plan-page-route footer .breadcrumbs {
        margin-right: 25px
    }
}

.plan-details-page {
    vertical-align: middle;
    background-color: #fbfbfd
}

.plan-details-page .plan-section-wrapper {
    display: block;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: 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;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.plan-details-page[dir=ltr] .plan-section-wrapper,[dir=ltr] .plan-details-page .plan-section-wrapper {
    -webkit-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left
}

.plan-details-page[dir=rtl] .plan-section-wrapper,[dir=rtl] .plan-details-page .plan-section-wrapper {
    -webkit-box-align: right;
    -webkit-align-items: right;
    -ms-flex-align: right;
    align-items: right
}

@media (min-width: 1165px) {
    .plan-details-page .plan-section-wrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.plan-details-page .plan-section-wrapper .plan-section {
    inline-size: 100%;
    -webkit-padding-end: 10px;
    padding-inline-end:10px;-webkit-margin-after: 50px;
    margin-block-end:50px}

.plan-details-page[dir=ltr] .plan-section-wrapper .plan-section,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section {
    width: 100%;
    padding-right: 10px;
    margin-bottom: 50px
}

.plan-details-page[dir=rtl] .plan-section-wrapper .plan-section,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section {
    width: 100%;
    padding-left: 10px;
    margin-bottom: 50px
}

.plan-details-page .plan-section-wrapper .plan-section:last-child {
    -webkit-margin-after: 0;
    margin-block-end:0}

.plan-details-page[dir=ltr] .plan-section-wrapper .plan-section:last-child,.plan-details-page[dir=rtl] .plan-section-wrapper .plan-section:last-child,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section:last-child,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section:last-child {
    margin-bottom: 0
}

@media (min-width: 1165px) {
    .plan-details-page .plan-section-wrapper .plan-section {
        inline-size:50%;
        -webkit-margin-after: 0;
        margin-block-end:0}

    .plan-details-page[dir=ltr] .plan-section-wrapper .plan-section,.plan-details-page[dir=rtl] .plan-section-wrapper .plan-section,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section {
        width: 50%;
        margin-bottom: 0
    }
}

@media (max-width: 759px) {
    .plan-details-page .plan-section-wrapper .plan-section {
        -webkit-padding-end:25px;
        padding-inline-end:25px}

    .plan-details-page[dir=ltr] .plan-section-wrapper .plan-section,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section {
        padding-right: 25px
    }

    .plan-details-page[dir=rtl] .plan-section-wrapper .plan-section,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section {
        padding-left: 25px
    }
}

.plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
    -webkit-padding-end: 0;
    padding-inline-end:0;-webkit-border-end: 0;
    border-inline-end:0;-webkit-margin-before: 0;
    margin-block-start:0}

.plan-details-page[dir=ltr] .plan-section-wrapper .plan-section:not(.change-plan) .border-box,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
    padding-right: 0;
    border-right: 0;
    margin-top: 0
}

.plan-details-page[dir=rtl] .plan-section-wrapper .plan-section:not(.change-plan) .border-box,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
    padding-left: 0;
    border-left: 0;
    margin-top: 0
}

@media (min-width: 1165px) {
    .plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
        -webkit-padding-end:40px;
        padding-inline-end:40px;-webkit-border-end: solid 1px rgba(232,232,237,.8);
        border-inline-end:solid 1px rgba(232,232,237,.8)}

    .plan-details-page[dir=ltr] .plan-section-wrapper .plan-section:not(.change-plan) .border-box,[dir=ltr] .plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
        padding-right: 40px;
        border-right: 1px solid rgba(232,232,237,.8)
    }

    .plan-details-page[dir=rtl] .plan-section-wrapper .plan-section:not(.change-plan) .border-box,[dir=rtl] .plan-details-page .plan-section-wrapper .plan-section:not(.change-plan) .border-box {
        padding-left: 40px;
        border-left: 1px solid rgba(232,232,237,.8)
    }
}

.plan-details-page .plan-section-wrapper .change-plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1165px) {
    .plan-details-page .plan-section-wrapper .change-plan {
        -webkit-padding-start:40px;
        padding-inline-start:40px}

    .plan-details-page[dir=ltr] .plan-section-wrapper .change-plan,[dir=ltr] .plan-details-page .plan-section-wrapper .change-plan {
        padding-left: 40px
    }

    .plan-details-page[dir=rtl] .plan-section-wrapper .change-plan,[dir=rtl] .plan-details-page .plan-section-wrapper .change-plan {
        padding-right: 40px
    }
}

.plan-details-page .page-header .application-content {
    -webkit-padding-after: 0;
    padding-block-end:0}

.plan-details-page[dir=ltr] .page-header .application-content,.plan-details-page[dir=rtl] .page-header .application-content,[dir=ltr] .plan-details-page .page-header .application-content,[dir=rtl] .plan-details-page .page-header .application-content {
    padding-bottom: 0
}

@media (max-width: 759px) {
    .plan-details-page .page-header {
        padding-inline:25px
    }

    .plan-details-page[dir=ltr] .page-header,.plan-details-page[dir=rtl] .page-header,[dir=ltr] .plan-details-page .page-header,[dir=rtl] .plan-details-page .page-header {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 759px) {
    .plan-details-page .plan-details-page-first-row {
        padding-inline:25px
    }

    .plan-details-page[dir=ltr] .plan-details-page-first-row,.plan-details-page[dir=rtl] .plan-details-page-first-row,[dir=ltr] .plan-details-page .plan-details-page-first-row,[dir=rtl] .plan-details-page .plan-details-page-first-row {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 759px) {
    .plan-details-page .sandwich-menu {
        -webkit-padding-start:10px;
        padding-inline-start:10px}

    .plan-details-page[dir=ltr] .sandwich-menu,[dir=ltr] .plan-details-page .sandwich-menu {
        padding-left: 10px
    }

    .plan-details-page[dir=rtl] .sandwich-menu,[dir=rtl] .plan-details-page .sandwich-menu {
        padding-right: 10px
    }
}

.included-in-plan-section .heading {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    -webkit-margin-after: 20px;
    margin-block-end:20px;color: rgba(0,0,0,.56);
    font-weight: 500
}

.included-in-plan-section[dir=ltr] .heading,.included-in-plan-section[dir=rtl] .heading,[dir=ltr] .included-in-plan-section .heading,[dir=rtl] .included-in-plan-section .heading {
    margin-bottom: 20px
}

[apple-system-font-capable] .included-in-plan-section .heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.included-in-plan-section .heading-secondary {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(29,29,31,.5);
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.included-in-plan-section[dir=ltr] .heading-secondary,.included-in-plan-section[dir=rtl] .heading-secondary,[dir=ltr] .included-in-plan-section .heading-secondary,[dir=rtl] .included-in-plan-section .heading-secondary {
    margin-top: 15px;
    margin-bottom: 10px
}

[apple-system-font-capable] .included-in-plan-section .heading-secondary {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.included-in-plan-section ul {
    list-style: none;
    padding: 0
}

.included-in-plan-section li {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.included-in-plan-section[dir=ltr] li,[dir=ltr] .included-in-plan-section li {
    width: 100%;
    -webkit-box-align: left;
    -webkit-align-items: left;
    -ms-flex-align: left;
    align-items: left;
    margin-bottom: 10px
}

.included-in-plan-section[dir=rtl] li,[dir=rtl] .included-in-plan-section li {
    width: 100%;
    -webkit-box-align: right;
    -webkit-align-items: right;
    -ms-flex-align: right;
    align-items: right;
    margin-bottom: 10px
}

[apple-system-font-capable] .included-in-plan-section li {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.included-in-plan-section li .bullet-dot {
    inline-size: 8px;
    block-size: 8px;
    -webkit-margin-end: 12px;
    margin-inline-end:12px;-webkit-margin-before: 7px;
    margin-block-start:7px;border-radius: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #0071eb
}

.included-in-plan-section[dir=ltr] li .bullet-dot,[dir=ltr] .included-in-plan-section li .bullet-dot {
    width: 8px;
    height: 8px;
    margin-right: 12px;
    margin-top: 7px
}

.included-in-plan-section[dir=rtl] li .bullet-dot,[dir=rtl] .included-in-plan-section li .bullet-dot {
    width: 8px;
    height: 8px;
    margin-left: 12px;
    margin-top: 7px
}

.included-in-plan-section .included-in-plan-learn-more {
    -webkit-margin-before: 20px;
    margin-block-start:20px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6e6e73;
    line-height: 25px
}

.included-in-plan-section[dir=ltr] .included-in-plan-learn-more,.included-in-plan-section[dir=rtl] .included-in-plan-learn-more,[dir=ltr] .included-in-plan-section .included-in-plan-learn-more,[dir=rtl] .included-in-plan-section .included-in-plan-learn-more {
    margin-top: 20px
}

[apple-system-font-capable] .included-in-plan-section .included-in-plan-learn-more {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.change-plan-section {
    background-color: #f5f5f7;
    padding: 20px;
    border-radius: 16px
}

.change-plan-section h2,.change-plan-section h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .change-plan-section h2,[apple-system-font-capable] .change-plan-section h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.change-plan-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.change-plan-section[dir=ltr] p,.change-plan-section[dir=rtl] p,[dir=ltr] .change-plan-section p,[dir=rtl] .change-plan-section p {
    margin-top: 10px
}

[apple-system-font-capable] .change-plan-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.change-plan-section a.primary-cta,.change-plan-section a.primary-cta:visited {
    -webkit-margin-before: 15px;
    margin-block-start:15px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #06c
}

.change-plan-section[dir=ltr] a.primary-cta,.change-plan-section[dir=ltr] a.primary-cta:visited,.change-plan-section[dir=rtl] a.primary-cta,.change-plan-section[dir=rtl] a.primary-cta:visited,[dir=ltr] .change-plan-section a.primary-cta,[dir=ltr] .change-plan-section a.primary-cta:visited,[dir=rtl] .change-plan-section a.primary-cta,[dir=rtl] .change-plan-section a.primary-cta:visited {
    margin-top: 15px
}

.change-plan-section a.primary-cta:visited svg,.change-plan-section a.primary-cta svg {
    color: #06c;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.change-plan-section[dir=ltr] a.primary-cta:visited svg,.change-plan-section[dir=ltr] a.primary-cta svg,[dir=ltr] .change-plan-section a.primary-cta:visited svg,[dir=ltr] .change-plan-section a.primary-cta svg {
    margin-right: 10px
}

.change-plan-section[dir=rtl] a.primary-cta:visited svg,.change-plan-section[dir=rtl] a.primary-cta svg,[dir=rtl] .change-plan-section a.primary-cta:visited svg,[dir=rtl] .change-plan-section a.primary-cta svg {
    margin-left: 10px
}

.change-plan-section .change-plan-section-heading {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] .change-plan-section .change-plan-section-heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.change-plan-section .change-plan-section-body {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.change-plan-section[dir=ltr] .change-plan-section-body,.change-plan-section[dir=rtl] .change-plan-section-body,[dir=ltr] .change-plan-section .change-plan-section-body,[dir=rtl] .change-plan-section .change-plan-section-body {
    margin-top: 10px
}

[apple-system-font-capable] .change-plan-section .change-plan-section-body {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.change-plan-section.learn-more-section {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.change-plan-section.learn-more-section[dir=ltr],.change-plan-section.learn-more-section[dir=rtl],[dir=ltr] .change-plan-section.learn-more-section,[dir=rtl] .change-plan-section.learn-more-section {
    margin-top: 10px
}

.recovery-page-route {
    background-color: #fbfbfd
}

.recovery-page .tile {
    margin: 15px
}

.recovery-page .recovery-page-tiles {
    margin: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 760px) {
    .recovery-page .recovery-page-tiles {
        -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
    }
}

.files-recovery-unsupported-modal-content {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    text-align: center
}

[apple-system-font-capable] .files-recovery-unsupported-modal-content {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.archives-recovery-list .count {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    -webkit-margin-after: 8px;
    margin-block-end:8px}

.archives-recovery-list[dir=ltr] .count,.archives-recovery-list[dir=rtl] .count,[dir=ltr] .archives-recovery-list .count,[dir=rtl] .archives-recovery-list .count {
    margin-bottom: 8px
}

[apple-system-font-capable] .archives-recovery-list .count {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.archives-recovery-list .description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.archives-recovery-list[dir=ltr] .description,.archives-recovery-list[dir=rtl] .description,[dir=ltr] .archives-recovery-list .description,[dir=rtl] .archives-recovery-list .description {
    margin-bottom: 20px
}

[apple-system-font-capable] .archives-recovery-list .description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.archives-recovery-list [role=table] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .archives-recovery-list [role=table] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.archives-recovery-list [role=row] {
    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
}

.archives-recovery-list .date-cell>svg {
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.archives-recovery-list[dir=ltr] .date-cell>svg,[dir=ltr] .archives-recovery-list .date-cell>svg {
    margin-right: 10px
}

.archives-recovery-list[dir=rtl] .date-cell>svg,[dir=rtl] .archives-recovery-list .date-cell>svg {
    margin-left: 10px
}

.archives-recovery-list .restore-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-start: auto;
    margin-inline-start:auto;block-size: 43px
}

.archives-recovery-list[dir=ltr] .restore-cell,[dir=ltr] .archives-recovery-list .restore-cell {
    margin-left: auto;
    height: 43px
}

.archives-recovery-list[dir=rtl] .restore-cell,[dir=rtl] .archives-recovery-list .restore-cell {
    margin-right: auto;
    height: 43px
}

.archives-recovery-list .restoring {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-margin-end: 13px;
    margin-inline-end:13px}

.archives-recovery-list[dir=ltr] .restoring,[dir=ltr] .archives-recovery-list .restoring {
    margin-right: 13px
}

.archives-recovery-list[dir=rtl] .restoring,[dir=rtl] .archives-recovery-list .restoring {
    margin-left: 13px
}

.archives-recovery-list .restoring ui-activity-indicator {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.archives-recovery-list ui-button.push.primary.restore-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #000!important
}

[apple-system-font-capable] .archives-recovery-list ui-button.push.primary.restore-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.archives-recovery-list ui-button.push.primary.restore-button.active:not([aria-disabled=true]):not(.disabled),.archives-recovery-list ui-button.push.primary.restore-button:active:hover:not([aria-disabled=true]):not(.disabled),.archives-recovery-list ui-button.push.primary.restore-button:focus:not([aria-disabled=true]):not(.disabled) {
    border: 0
}

@media (pointer: fine) {
    .archives-recovery-list ui-button.push.primary.restore-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#e8e8ed
    }
}

.archives-recovery-list .loading {
    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
}

.archives-recovery-list ul {
    -webkit-padding-start: 15px;
    padding-inline-start:15px}

.archives-recovery-list[dir=ltr] ul,[dir=ltr] .archives-recovery-list ul {
    padding-left: 15px
}

.archives-recovery-list[dir=rtl] ul,[dir=rtl] .archives-recovery-list ul {
    padding-right: 15px
}

.calendar-recovery-failure-alert-support-link {
    display: inline-block;
    -webkit-margin-before: 10px;
    margin-block-start:10px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.calendar-recovery-failure-alert-support-link[dir=ltr],.calendar-recovery-failure-alert-support-link[dir=rtl],[dir=ltr] .calendar-recovery-failure-alert-support-link,[dir=rtl] .calendar-recovery-failure-alert-support-link {
    margin-top: 10px
}

[apple-system-font-capable] .calendar-recovery-failure-alert-support-link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.contact-recovery-failure-alert-support-link {
    display: inline-block;
    -webkit-margin-before: 10px;
    margin-block-start:10px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.contact-recovery-failure-alert-support-link[dir=ltr],.contact-recovery-failure-alert-support-link[dir=rtl],[dir=ltr] .contact-recovery-failure-alert-support-link,[dir=rtl] .contact-recovery-failure-alert-support-link {
    margin-top: 10px
}

[apple-system-font-capable] .contact-recovery-failure-alert-support-link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

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

    to {
        opacity: .8
    }
}

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

ui-activity-indicator.standard.bookmarks-recovery {
    -webkit-transform: scale(.66);
    transform: scale(.66);
    -webkit-transform-origin: center;
    transform-origin: center
}

.bookmarks-recovery-modal-delete-prompt {
    text-align: center
}

.bookmarks-recovery-modal-delete-prompt ui-popup {
    inline-size: 450px;
    padding-inline:20px!important;margin: 0!important
}

.bookmarks-recovery-modal-delete-prompt[dir=ltr] ui-popup,.bookmarks-recovery-modal-delete-prompt[dir=rtl] ui-popup,[dir=ltr] .bookmarks-recovery-modal-delete-prompt ui-popup,[dir=rtl] .bookmarks-recovery-modal-delete-prompt ui-popup {
    width: 450px;
    padding-left: 20px;
    padding-right: 20px
}

.bookmarks-recovery-modal-delete-prompt .title {
    -webkit-margin-before: 40px;
    margin-block-start:40px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    color: #1d1d1f
}

.bookmarks-recovery-modal-delete-prompt[dir=ltr] .title,.bookmarks-recovery-modal-delete-prompt[dir=rtl] .title,[dir=ltr] .bookmarks-recovery-modal-delete-prompt .title,[dir=rtl] .bookmarks-recovery-modal-delete-prompt .title {
    margin-top: 40px
}

[apple-system-font-capable] .bookmarks-recovery-modal-delete-prompt .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal-delete-prompt .description {
    -webkit-margin-before: 18px;
    margin-block-start:18px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56)
}

.bookmarks-recovery-modal-delete-prompt[dir=ltr] .description,.bookmarks-recovery-modal-delete-prompt[dir=rtl] .description,[dir=ltr] .bookmarks-recovery-modal-delete-prompt .description,[dir=rtl] .bookmarks-recovery-modal-delete-prompt .description {
    margin-top: 18px
}

[apple-system-font-capable] .bookmarks-recovery-modal-delete-prompt .description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal-delete-prompt .buttons {
    block-size: 96px;
    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-inline:20px}

.bookmarks-recovery-modal-delete-prompt[dir=ltr] .buttons,.bookmarks-recovery-modal-delete-prompt[dir=rtl] .buttons,[dir=ltr] .bookmarks-recovery-modal-delete-prompt .buttons,[dir=rtl] .bookmarks-recovery-modal-delete-prompt .buttons {
    height: 96px;
    padding-left: 20px;
    padding-right: 20px
}

.bookmarks-recovery-modal-delete-prompt .buttons ui-button.cancel {
    background-color: #d2d2d7;
    color: #000;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[apple-system-font-capable] .bookmarks-recovery-modal-delete-prompt .buttons ui-button.cancel {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal-delete-prompt .buttons ui-button.delete {
    -webkit-margin-start: 10px;
    margin-inline-start:10px;background-color: #0071e3;
    color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bookmarks-recovery-modal-delete-prompt[dir=ltr] .buttons ui-button.delete,[dir=ltr] .bookmarks-recovery-modal-delete-prompt .buttons ui-button.delete {
    margin-left: 10px
}

.bookmarks-recovery-modal-delete-prompt[dir=rtl] .buttons ui-button.delete,[dir=rtl] .bookmarks-recovery-modal-delete-prompt .buttons ui-button.delete {
    margin-right: 10px
}

[apple-system-font-capable] .bookmarks-recovery-modal-delete-prompt .buttons ui-button.delete {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmarks-recovery-list.blocked {
    opacity: .3
}

.bookmarks-recovery-modal .bookmarks-recovery-list .count {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    -webkit-margin-after: 8px;
    margin-block-end:8px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-list .count,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-list .count,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-list .count,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-list .count {
    margin-bottom: 8px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmarks-recovery-list .count {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmarks-recovery-list .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);
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-list .description,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-list .description,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-list .description,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-list .description {
    margin-bottom: 20px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmarks-recovery-list .description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmarks-recovery-list .header {
    -webkit-margin-after: 23px;
    margin-block-end:23px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-list .header,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-list .header,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-list .header,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-list .header {
    margin-bottom: 23px
}

.bookmarks-recovery-modal .bookmarks-recovery-list .loading {
    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-padding-before: 20px;
    padding-block-start:20px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-list .loading,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-list .loading,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-list .loading,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-list .loading {
    padding-top: 20px
}

.bookmarks-recovery-modal .bookmarks-recovery-list ul {
    -webkit-padding-start: 15px;
    padding-inline-start:15px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-list ul,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-list ul {
    padding-left: 15px
}

.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-list ul,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-list ul {
    padding-right: 15px
}

.bookmarks-recovery-modal .bookmarks-recovery-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}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-modal-description,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-modal-description,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-modal-description,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-modal-description {
    margin-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmarks-recovery-modal-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmarks-recovery-modal-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;
    -webkit-margin-before: 22px;
    margin-block-start:22px;-webkit-margin-after: 20px;
    margin-block-end:20px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-modal-icon,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-modal-icon,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-modal-icon,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-modal-icon {
    margin-top: 22px;
    margin-bottom: 20px
}

.bookmarks-recovery-modal .bookmarks-recovery-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;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
}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-modal-title,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-modal-title,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-modal-title,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-modal-title {
    margin-bottom: 24px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmarks-recovery-modal-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmarks-recovery-modal-content {
    min-block-size: 690px;
    padding-inline:30px}

.bookmarks-recovery-modal[dir=ltr] .bookmarks-recovery-modal-content,.bookmarks-recovery-modal[dir=rtl] .bookmarks-recovery-modal-content,[dir=ltr] .bookmarks-recovery-modal .bookmarks-recovery-modal-content,[dir=rtl] .bookmarks-recovery-modal .bookmarks-recovery-modal-content {
    min-height: 690px;
    padding-left: 30px;
    padding-right: 30px
}

.bookmarks-recovery-modal ui-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #000
}

[apple-system-font-capable] .bookmarks-recovery-modal ui-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bottom-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    -webkit-border-before: 1px solid #d2d2d7;
    border-block-start:1px solid #d2d2d7;background-color: #fbfbfd;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    block-size: 76px;
    padding-inline:25px;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmarks-recovery-modal[dir=ltr] .bottom-bar,.bookmarks-recovery-modal[dir=rtl] .bottom-bar,[dir=ltr] .bookmarks-recovery-modal .bottom-bar,[dir=rtl] .bookmarks-recovery-modal .bottom-bar {
    border-top: 1px solid #d2d2d7;
    bottom: 0;
    left: 0;
    right: 0;
    height: 76px;
    padding-left: 25px;
    padding-right: 25px
}

.bookmarks-recovery-modal .bottom-bar.visually-hidden {
    position: relative;
    opacity: 0;
    pointer-events: none
}

.bookmarks-recovery-modal .bottom-bar.visually-hidden:focus-within {
    opacity: 1;
    pointer-events: inherit
}

.bookmarks-recovery-modal .bottom-bar .bottom-spinner-bar {
    margin: auto;
    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
}

.bookmarks-recovery-modal .bottom-bar .status {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    line-height: 23px;
    font-weight: 600
}

[apple-system-font-capable] .bookmarks-recovery-modal .bottom-bar .status {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bottom-bar ui-button.delete {
    background-color: #d2d2d7;
    color: #000;
    min-inline-size: 180px;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

.bookmarks-recovery-modal[dir=ltr] .bottom-bar ui-button.delete,.bookmarks-recovery-modal[dir=rtl] .bottom-bar ui-button.delete,[dir=ltr] .bookmarks-recovery-modal .bottom-bar ui-button.delete,[dir=rtl] .bookmarks-recovery-modal .bottom-bar ui-button.delete {
    min-width: 180px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bottom-bar ui-button.delete {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bottom-bar ui-button.restore {
    background-color: #0071e3;
    color: #fff;
    min-inline-size: 180px;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

.bookmarks-recovery-modal[dir=ltr] .bottom-bar ui-button.restore,.bookmarks-recovery-modal[dir=rtl] .bottom-bar ui-button.restore,[dir=ltr] .bookmarks-recovery-modal .bottom-bar ui-button.restore,[dir=rtl] .bookmarks-recovery-modal .bottom-bar ui-button.restore {
    min-width: 180px
}

[apple-system-font-capable] .bookmarks-recovery-modal .bottom-bar ui-button.restore {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .checkmark-status>svg {
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.bookmarks-recovery-modal[dir=ltr] .checkmark-status>svg,[dir=ltr] .bookmarks-recovery-modal .checkmark-status>svg {
    margin-right: 5px
}

.bookmarks-recovery-modal[dir=rtl] .checkmark-status>svg,[dir=rtl] .bookmarks-recovery-modal .checkmark-status>svg {
    margin-left: 5px
}

.bookmarks-recovery-modal .bookmark-recovery-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bookmarks-recovery-modal .bookmark-recovery-row .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bookmarks-recovery-modal ui-checkbox {
    vertical-align: bottom
}

.bookmarks-recovery-modal ui-button.bookmarks-recovery {
    -webkit-padding-before: 0;
    padding-block-start:0;-webkit-padding-after: 0;
    padding-block-end:0;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #0071e3;
    position: relative
}

.bookmarks-recovery-modal[dir=ltr] ui-button.bookmarks-recovery,.bookmarks-recovery-modal[dir=rtl] ui-button.bookmarks-recovery,[dir=ltr] .bookmarks-recovery-modal ui-button.bookmarks-recovery,[dir=rtl] .bookmarks-recovery-modal ui-button.bookmarks-recovery {
    padding-top: 0;
    padding-bottom: 0
}

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

.bookmarks-recovery-modal ui-select-button.bookmarks-recovery {
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    fill: #0071e3;
    position: relative;
    inset-inline-start: 12px;
    padding-inline:12px}

.bookmarks-recovery-modal[dir=ltr] ui-select-button.bookmarks-recovery,[dir=ltr] .bookmarks-recovery-modal ui-select-button.bookmarks-recovery {
    left: 12px;
    padding-left: 12px;
    padding-right: 12px
}

.bookmarks-recovery-modal[dir=rtl] ui-select-button.bookmarks-recovery,[dir=rtl] .bookmarks-recovery-modal ui-select-button.bookmarks-recovery {
    right: 12px;
    padding-right: 12px;
    padding-left: 12px
}

.bookmarks-recovery-modal ui-select-button.bookmarks-recovery ui-select-button-title {
    color: #0071e3;
    -webkit-padding-start: 0!important;
    padding-inline-start:0!important;-webkit-padding-end: 0;
    padding-inline-end:0;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.bookmarks-recovery-modal[dir=ltr] ui-select-button.bookmarks-recovery ui-select-button-title,[dir=ltr] .bookmarks-recovery-modal ui-select-button.bookmarks-recovery ui-select-button-title {
    padding-left: 0!important;
    padding-right: 0
}

.bookmarks-recovery-modal[dir=rtl] ui-select-button.bookmarks-recovery ui-select-button-title,[dir=rtl] .bookmarks-recovery-modal ui-select-button.bookmarks-recovery ui-select-button-title {
    padding-right: 0!important;
    padding-left: 0
}

[apple-system-font-capable] .bookmarks-recovery-modal ui-select-button.bookmarks-recovery ui-select-button-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal ui-select-button.bookmarks-recovery ui-select-button-divider {
    display: none
}

.bookmarks-recovery-modal .folder-label {
    -webkit-margin-start: 13px;
    margin-inline-start:13px;max-inline-size: 164px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -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: #6e6e73;
    fill: #6e6e73
}

.bookmarks-recovery-modal[dir=ltr] .folder-label,[dir=ltr] .bookmarks-recovery-modal .folder-label {
    margin-left: 13px;
    max-width: 164px
}

.bookmarks-recovery-modal[dir=rtl] .folder-label,[dir=rtl] .bookmarks-recovery-modal .folder-label {
    margin-right: 13px;
    max-width: 164px
}

[apple-system-font-capable] .bookmarks-recovery-modal .folder-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .folder-label svg {
    overflow: visible
}

.bookmarks-recovery-modal .deleted-bookmark-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-after: 23px;
    margin-block-end:23px}

.bookmarks-recovery-modal[dir=ltr] .deleted-bookmark-row,.bookmarks-recovery-modal[dir=rtl] .deleted-bookmark-row,[dir=ltr] .bookmarks-recovery-modal .deleted-bookmark-row,[dir=rtl] .bookmarks-recovery-modal .deleted-bookmark-row {
    margin-bottom: 23px
}

.bookmarks-recovery-modal .deleted-bookmark-row .middle-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    inline-size: 1px;
    -webkit-margin-start: 13px;
    margin-inline-start:13px}

.bookmarks-recovery-modal[dir=ltr] .deleted-bookmark-row .middle-column,[dir=ltr] .bookmarks-recovery-modal .deleted-bookmark-row .middle-column {
    width: 1px;
    margin-left: 13px
}

.bookmarks-recovery-modal[dir=rtl] .deleted-bookmark-row .middle-column,[dir=rtl] .bookmarks-recovery-modal .deleted-bookmark-row .middle-column {
    width: 1px;
    margin-right: 13px
}

.bookmarks-recovery-modal .flex-space {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bookmarks-recovery-modal .bookmark-date {
    -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: #6e6e73
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmark-date {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal .bookmark-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #000
}

[apple-system-font-capable] .bookmarks-recovery-modal .bookmark-link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.bookmarks-recovery-modal ui-popup[role=dialog].compact .bookmarks-recovery-modal-content {
    padding-inline:10px}

.bookmarks-recovery-modal[dir=ltr] ui-popup[role=dialog].compact .bookmarks-recovery-modal-content,.bookmarks-recovery-modal[dir=rtl] ui-popup[role=dialog].compact .bookmarks-recovery-modal-content,[dir=ltr] .bookmarks-recovery-modal ui-popup[role=dialog].compact .bookmarks-recovery-modal-content,[dir=rtl] .bookmarks-recovery-modal ui-popup[role=dialog].compact .bookmarks-recovery-modal-content {
    padding-left: 10px;
    padding-right: 10px
}

.storage-usage-list {
    inline-size: 100%;
    -webkit-margin-before: 40px;
    margin-block-start:40px}

.storage-usage-list[dir=ltr],.storage-usage-list[dir=rtl],[dir=ltr] .storage-usage-list,[dir=rtl] .storage-usage-list {
    width: 100%;
    margin-top: 40px
}

.storage-usage-list.loading {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.storage-usage-list.loading[dir=ltr],.storage-usage-list.loading[dir=rtl],[dir=ltr] .storage-usage-list.loading,[dir=rtl] .storage-usage-list.loading {
    margin-top: 10px
}

.storage-usage-list.error {
    -webkit-margin-before: 25px;
    margin-block-start:25px;-webkit-margin-after: 30px;
    margin-block-end:30px}

.storage-usage-list.error[dir=ltr],.storage-usage-list.error[dir=rtl],[dir=ltr] .storage-usage-list.error,[dir=rtl] .storage-usage-list.error {
    margin-top: 25px;
    margin-bottom: 30px
}

@media (max-width: 759px) {
    .storage-usage-list.error {
        -webkit-margin-before:20px;
        margin-block-start:20px;-webkit-margin-after: 5px;
        margin-block-end:5px}

    .storage-usage-list.error[dir=ltr],.storage-usage-list.error[dir=rtl],[dir=ltr] .storage-usage-list.error,[dir=rtl] .storage-usage-list.error {
        margin-top: 20px;
        margin-bottom: 5px
    }
}

@media (min-width: 1690px) {
    .storage-usage-list.error {
        -webkit-margin-before:0;
        margin-block-start:0}

    .storage-usage-list.error[dir=ltr],.storage-usage-list.error[dir=rtl],[dir=ltr] .storage-usage-list.error,[dir=rtl] .storage-usage-list.error {
        margin-top: 0
    }
}

@media (min-width: 1690px) {
    .storage-usage-list {
        -webkit-margin-before:0;
        margin-block-start:0}

    .storage-usage-list[dir=ltr],.storage-usage-list[dir=rtl],[dir=ltr] .storage-usage-list,[dir=rtl] .storage-usage-list {
        margin-top: 0
    }
}

.storage-usage-list .title {
    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-margin-after: 30px;
    margin-block-end:30px}

.storage-usage-list[dir=ltr] .title,.storage-usage-list[dir=rtl] .title,[dir=ltr] .storage-usage-list .title,[dir=rtl] .storage-usage-list .title {
    margin-bottom: 30px
}

.storage-usage-list .title h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

[apple-system-font-capable] .storage-usage-list .title h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .storage-usage-list .title {
        -webkit-margin-after:20px;
        margin-block-end:20px}

    .storage-usage-list[dir=ltr] .title,.storage-usage-list[dir=rtl] .title,[dir=ltr] .storage-usage-list .title,[dir=rtl] .storage-usage-list .title {
        margin-bottom: 20px
    }
}

.storage-usage-list [role=table] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px
}

[apple-system-font-capable] .storage-usage-list [role=table] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.storage-usage-list [role=cell],.storage-usage-list [role=row] {
    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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.storage-usage-list .app-name-icon,.storage-usage-list .item-description {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.storage-usage-list .item-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: #6e6e73
}

[apple-system-font-capable] .storage-usage-list .item-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .storage-usage-list .item-description {
        display:none
    }
}

.storage-usage-list [role=row] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.storage-usage-list[dir=ltr] [role=row],.storage-usage-list[dir=rtl] [role=row],[dir=ltr] .storage-usage-list [role=row],[dir=rtl] .storage-usage-list [role=row] {
    margin-bottom: 20px
}

.storage-usage-list .icon {
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.storage-usage-list[dir=ltr] .icon,[dir=ltr] .storage-usage-list .icon {
    margin-right: 10px
}

.storage-usage-list[dir=rtl] .icon,[dir=rtl] .storage-usage-list .icon {
    margin-left: 10px
}

.storage-usage-list .label,.storage-usage-list .usage {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[apple-system-font-capable] .storage-usage-list .label,[apple-system-font-capable] .storage-usage-list .usage {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .storage-usage-list .label,.storage-usage-list .usage {
        font-family:SF Pro Text,Helvetica Neue,sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 21px
    }

    [apple-system-font-capable] .storage-usage-list .label,[apple-system-font-capable] .storage-usage-list .usage {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }
}

.storage-usage-list .item-description-small {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    display: block
}

[apple-system-font-capable] .storage-usage-list .item-description-small {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (min-width: 760px) and (max-width:1164px) {
    .storage-usage-list .item-description-small {
        display:none
    }
}

@media (min-width: 1165px) {
    .storage-usage-list .item-description-small {
        display:none
    }
}

@media (min-width: 1690px) {
    .storage-usage-list .item-description-small {
        display:none
    }
}

.storage-usage-list .usage {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.storage-usage-list .usage,.storage-usage-list .usage .usage-number {
    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
}

.storage-usage-list .dot {
    display: block;
    inline-size: 8px;
    block-size: 8px;
    border-radius: 50%;
    -webkit-margin-start: 9px;
    margin-inline-start:9px;-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.storage-usage-list[dir=ltr] .dot,[dir=ltr] .storage-usage-list .dot {
    width: 8px;
    height: 8px;
    margin-left: 9px
}

.storage-usage-list[dir=rtl] .dot,[dir=rtl] .storage-usage-list .dot {
    width: 8px;
    height: 8px;
    margin-right: 9px
}

.storage-usage-list ui-button.push.primary.reload-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: #06c;
    -webkit-margin-start: -12px;
    margin-inline-start:-12px;padding-block:10px}

.storage-usage-list[dir=ltr] ui-button.push.primary.reload-button,[dir=ltr] .storage-usage-list ui-button.push.primary.reload-button {
    margin-left: -12px;
    padding-top: 10px;
    padding-bottom: 10px
}

.storage-usage-list[dir=rtl] ui-button.push.primary.reload-button,[dir=rtl] .storage-usage-list ui-button.push.primary.reload-button {
    margin-right: -12px;
    padding-top: 10px;
    padding-bottom: 10px
}

[apple-system-font-capable] .storage-usage-list ui-button.push.primary.reload-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.clicking .storage-usage-list ui-button.push.primary.reload-button:focus:not([aria-disabled=true]):not(.disabled) {
    border: 1px solid transparent
}

.storage-usage-list .error-description {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(0,0,0,.56)
}

[apple-system-font-capable] .storage-usage-list .error-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.storage-page-route {
    background-color: #fbfbfd
}

.storage-page .family-usage {
    -webkit-margin-before: 30px;
    margin-block-start:30px}

.storage-page[dir=ltr] .family-usage,.storage-page[dir=rtl] .family-usage,[dir=ltr] .storage-page .family-usage,[dir=rtl] .storage-page .family-usage {
    margin-top: 30px
}

@media (max-width: 759px) {
    .storage-page .family-usage {
        -webkit-margin-before:35px;
        margin-block-start:35px}

    .storage-page[dir=ltr] .family-usage,.storage-page[dir=rtl] .family-usage,[dir=ltr] .storage-page .family-usage,[dir=rtl] .storage-page .family-usage {
        margin-top: 35px
    }
}

.storage-page .callout {
    background-color: #f5f5f7;
    padding: 20px;
    border-radius: 16px;
    -webkit-margin-before: 30px;
    margin-block-start:30px}

.storage-page[dir=ltr] .callout,.storage-page[dir=rtl] .callout,[dir=ltr] .storage-page .callout,[dir=rtl] .storage-page .callout {
    margin-top: 30px
}

.storage-page .callout h2,.storage-page .callout h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .storage-page .callout h2,[apple-system-font-capable] .storage-page .callout h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.storage-page .callout p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.storage-page[dir=ltr] .callout p,.storage-page[dir=rtl] .callout p,[dir=ltr] .storage-page .callout p,[dir=rtl] .storage-page .callout p {
    margin-top: 10px
}

[apple-system-font-capable] .storage-page .callout p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.storage-page .callout a.primary-cta,.storage-page .callout a.primary-cta:visited {
    -webkit-margin-before: 15px;
    margin-block-start:15px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #06c
}

.storage-page[dir=ltr] .callout a.primary-cta,.storage-page[dir=ltr] .callout a.primary-cta:visited,.storage-page[dir=rtl] .callout a.primary-cta,.storage-page[dir=rtl] .callout a.primary-cta:visited,[dir=ltr] .storage-page .callout a.primary-cta,[dir=ltr] .storage-page .callout a.primary-cta:visited,[dir=rtl] .storage-page .callout a.primary-cta,[dir=rtl] .storage-page .callout a.primary-cta:visited {
    margin-top: 15px
}

.storage-page .callout a.primary-cta:visited svg,.storage-page .callout a.primary-cta svg {
    color: #06c;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.storage-page[dir=ltr] .callout a.primary-cta:visited svg,.storage-page[dir=ltr] .callout a.primary-cta svg,[dir=ltr] .storage-page .callout a.primary-cta:visited svg,[dir=ltr] .storage-page .callout a.primary-cta svg {
    margin-right: 10px
}

.storage-page[dir=rtl] .callout a.primary-cta:visited svg,.storage-page[dir=rtl] .callout a.primary-cta svg,[dir=rtl] .storage-page .callout a.primary-cta:visited svg,[dir=rtl] .storage-page .callout a.primary-cta svg {
    margin-left: 10px
}

@media (max-width: 759px) {
    .storage-page .callout {
        -webkit-margin-before:30px;
        margin-block-start:30px}

    .storage-page[dir=ltr] .callout,.storage-page[dir=rtl] .callout,[dir=ltr] .storage-page .callout,[dir=rtl] .storage-page .callout {
        margin-top: 30px
    }
}

@media (min-width: 1690px) {
    .storage-page .callout {
        -webkit-margin-before:0;
        margin-block-start:0}

    .storage-page[dir=ltr] .callout,.storage-page[dir=rtl] .callout,[dir=ltr] .storage-page .callout,[dir=rtl] .storage-page .callout {
        margin-top: 0
    }

    .storage-page .callout:last-child:not(:first-child) {
        -webkit-margin-before: 40px;
        margin-block-start:40px}

    .storage-page[dir=ltr] .callout:last-child:not(:first-child),.storage-page[dir=rtl] .callout:last-child:not(:first-child),[dir=ltr] .storage-page .callout:last-child:not(:first-child),[dir=rtl] .storage-page .callout:last-child:not(:first-child) {
        margin-top: 40px
    }
}

.storage-page .xl-display {
    display: none
}

@media (min-width: 1690px) {
    .storage-page .xl-display {
        display:block
    }
}

.storage-page .content-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
}

.storage-page .content-section .content-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1690px) {
    .storage-page .content-section .content-column:last-child .family-usage {
        -webkit-margin-before:0;
        margin-block-start:0}

    .storage-page[dir=ltr] .content-section .content-column:last-child .family-usage,.storage-page[dir=rtl] .content-section .content-column:last-child .family-usage,[dir=ltr] .storage-page .content-section .content-column:last-child .family-usage,[dir=rtl] .storage-page .content-section .content-column:last-child .family-usage {
        margin-top: 0
    }
}

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

    .storage-page .content-section .content-column {
        -webkit-margin-before: 45px;
        margin-block-start:45px}

    .storage-page[dir=ltr] .content-section .content-column,.storage-page[dir=rtl] .content-section .content-column,[dir=ltr] .storage-page .content-section .content-column,[dir=rtl] .storage-page .content-section .content-column {
        margin-top: 45px
    }

    .storage-page .content-section .content-column:first-child {
        -webkit-padding-end: 42px;
        padding-inline-end:42px;-webkit-border-end: 1px solid hsla(0,0%,59.2%,.25);
        border-inline-end:1px solid hsla(0,0%,59.2%,.25)}

    .storage-page[dir=ltr] .content-section .content-column:first-child,[dir=ltr] .storage-page .content-section .content-column:first-child {
        padding-right: 42px;
        border-right: 1px solid hsla(0,0%,59.2%,.25)
    }

    .storage-page[dir=rtl] .content-section .content-column:first-child,[dir=rtl] .storage-page .content-section .content-column:first-child {
        padding-left: 42px;
        border-left: 1px solid hsla(0,0%,59.2%,.25)
    }

    .storage-page .content-section .content-column:last-child {
        -webkit-padding-start: 42px;
        padding-inline-start:42px}

    .storage-page[dir=ltr] .content-section .content-column:last-child,[dir=ltr] .storage-page .content-section .content-column:last-child {
        padding-left: 42px
    }

    .storage-page[dir=rtl] .content-section .content-column:last-child,[dir=rtl] .storage-page .content-section .content-column:last-child {
        padding-right: 42px
    }
}

.meter-header {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 1690px) {
    .meter-header {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1165px) {
    .application-content .content-section,.application-content .meter-header {
        inline-size:690px;
        -webkit-margin-end: 345px;
        margin-inline-end:345px}

    .application-content[dir=ltr] .content-section,.application-content[dir=ltr] .meter-header,[dir=ltr] .application-content .content-section,[dir=ltr] .application-content .meter-header {
        width: 690px;
        margin-right: 345px
    }

    .application-content[dir=rtl] .content-section,.application-content[dir=rtl] .meter-header,[dir=rtl] .application-content .content-section,[dir=rtl] .application-content .meter-header {
        width: 690px;
        margin-left: 345px
    }
}

@media (min-width: 1690px) {
    .application-content .content-section {
        inline-size:1380px
    }

    .application-content[dir=ltr] .content-section,.application-content[dir=rtl] .content-section,[dir=ltr] .application-content .content-section,[dir=rtl] .application-content .content-section {
        width: 1380px
    }
}

@media (max-width: 759px) {
    .page-header {
        -webkit-padding-before:60px;
        padding-block-start:60px;-webkit-padding-after: 40px;
        padding-block-end:40px}

    .page-header[dir=ltr],.page-header[dir=rtl],[dir=ltr] .page-header,[dir=rtl] .page-header {
        padding-top: 60px;
        padding-bottom: 40px
    }
}

.family-usage-list {
    -webkit-margin-before: 30px;
    margin-block-start:30px}

.family-usage-list[dir=ltr],.family-usage-list[dir=rtl],[dir=ltr] .family-usage-list,[dir=rtl] .family-usage-list {
    margin-top: 30px
}

@media (min-width: 1690px) {
    .family-usage-list {
        -webkit-margin-before:35px;
        margin-block-start:35px}

    .family-usage-list[dir=ltr],.family-usage-list[dir=rtl],[dir=ltr] .family-usage-list,[dir=rtl] .family-usage-list {
        margin-top: 35px
    }
}

.family-usage-list .title {
    -webkit-margin-after: 30px;
    margin-block-end:30px;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
}

.family-usage-list[dir=ltr] .title,.family-usage-list[dir=rtl] .title,[dir=ltr] .family-usage-list .title,[dir=rtl] .family-usage-list .title {
    margin-bottom: 30px
}

.family-usage-list .title h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

[apple-system-font-capable] .family-usage-list .title h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.family-usage-list [role=table] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    -webkit-margin-after: 15px;
    margin-block-end:15px}

.family-usage-list[dir=ltr] [role=table],.family-usage-list[dir=rtl] [role=table],[dir=ltr] .family-usage-list [role=table],[dir=rtl] .family-usage-list [role=table] {
    margin-bottom: 15px
}

[apple-system-font-capable] .family-usage-list [role=table] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.family-usage-list [role=row] {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.family-usage-list[dir=ltr] [role=row],.family-usage-list[dir=rtl] [role=row],[dir=ltr] .family-usage-list [role=row],[dir=rtl] .family-usage-list [role=row] {
    margin-bottom: 20px
}

.family-usage-list [role=cell] {
    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
}

.family-usage-list .member-name {
    -webkit-margin-start: 15px;
    margin-inline-start:15px}

.family-usage-list[dir=ltr] .member-name,[dir=ltr] .family-usage-list .member-name {
    margin-left: 15px
}

.family-usage-list[dir=rtl] .member-name,[dir=rtl] .family-usage-list .member-name {
    margin-right: 15px
}

.family-usage-list .profile-photo-placeholder {
    border-radius: 50%;
    overflow: hidden;
    block-size: 36px;
    inline-size: 36px;
    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: #cccccd
}

.family-usage-list[dir=ltr] .profile-photo-placeholder,.family-usage-list[dir=rtl] .profile-photo-placeholder,[dir=ltr] .family-usage-list .profile-photo-placeholder,[dir=rtl] .family-usage-list .profile-photo-placeholder {
    height: 36px;
    width: 36px
}

.family-usage-list .profile-photo-placeholder .initials {
    color: #fff
}

.family-usage-list .cjk-profile-photo {
    fill: #7f7f81
}

.family-usage-list .dot {
    display: block;
    inline-size: 8px;
    block-size: 8px;
    border-radius: 50%;
    -webkit-margin-start: 9px;
    margin-inline-start:9px;-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #757575
}

.family-usage-list[dir=ltr] .dot,[dir=ltr] .family-usage-list .dot {
    width: 8px;
    height: 8px;
    margin-left: 9px
}

.family-usage-list[dir=rtl] .dot,[dir=rtl] .family-usage-list .dot {
    width: 8px;
    height: 8px;
    margin-right: 9px
}

.storage-usage {
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.storage-usage[dir=ltr],.storage-usage[dir=rtl],[dir=ltr] .storage-usage,[dir=rtl] .storage-usage {
    margin-top: 20px
}

.storage-usage .meter-gauge {
    background: #ededee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    block-size: 16px;
    border-radius: 6px;
    inline-size: 100%;
    overflow: hidden
}

.storage-usage[dir=ltr] .meter-gauge,.storage-usage[dir=rtl] .meter-gauge,[dir=ltr] .storage-usage .meter-gauge,[dir=rtl] .storage-usage .meter-gauge {
    height: 16px;
    width: 100%
}

.storage-usage .meter-filled {
    background: #0071eb
}

.storage-usage .segment {
    display: inline-block;
    block-size: 100%;
    min-inline-size: 3px
}

.storage-usage[dir=ltr] .segment,.storage-usage[dir=rtl] .segment,[dir=ltr] .storage-usage .segment,[dir=rtl] .storage-usage .segment {
    height: 100%;
    min-width: 3px
}

.storage-usage .segment:not(:first-of-type) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-start: 1px solid #fff;
    border-inline-start:1px solid #fff}

.storage-usage[dir=ltr] .segment:not(:first-of-type),[dir=ltr] .storage-usage .segment:not(:first-of-type) {
    border-left: 1px solid #fff
}

.storage-usage[dir=rtl] .segment:not(:first-of-type),[dir=rtl] .storage-usage .segment:not(:first-of-type) {
    border-right: 1px solid #fff
}

.storage-usage .message {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    -webkit-margin-before: 5px;
    margin-block-start:5px}

.storage-usage[dir=ltr] .message,.storage-usage[dir=rtl] .message,[dir=ltr] .storage-usage .message,[dir=rtl] .storage-usage .message {
    margin-top: 5px
}

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

.ScreenreaderOnlyHeading {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    max-inline-size: 2px
}

.ScreenreaderOnlyHeading[dir=ltr],.ScreenreaderOnlyHeading[dir=rtl],[dir=ltr] .ScreenreaderOnlyHeading,[dir=rtl] .ScreenreaderOnlyHeading {
    max-width: 2px
}

.usage-warning {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    -webkit-margin-before: 20px;
    margin-block-start:20px;-webkit-padding-after: 5px;
    padding-block-end:5px}

.usage-warning[dir=ltr],.usage-warning[dir=rtl],[dir=ltr] .usage-warning,[dir=rtl] .usage-warning {
    margin-top: 20px;
    padding-bottom: 5px
}

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

@media (max-width: 759px) {
    .usage-warning {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-padding-after: 0;
        padding-block-end:0}

    .usage-warning[dir=ltr],.usage-warning[dir=rtl],[dir=ltr] .usage-warning,[dir=rtl] .usage-warning {
        padding-bottom: 0
    }
}

.usage-warning .warning-icon {
    position: relative;
    inset-block-start: 2px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px}

.usage-warning[dir=ltr] .warning-icon,[dir=ltr] .usage-warning .warning-icon {
    top: 2px;
    margin-right: 8px
}

.usage-warning[dir=rtl] .warning-icon,[dir=rtl] .usage-warning .warning-icon {
    top: 2px;
    margin-left: 8px
}

@media (max-width: 759px) {
    .usage-warning .warning-icon {
        inline-size:40px
    }

    .usage-warning[dir=ltr] .warning-icon,.usage-warning[dir=rtl] .warning-icon,[dir=ltr] .usage-warning .warning-icon,[dir=rtl] .usage-warning .warning-icon {
        width: 40px
    }
}

.usage-header {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 760px) {
    .usage-header>* {
        inline-size:100%
    }

    .usage-header[dir=ltr]>*,.usage-header[dir=rtl]>*,[dir=ltr] .usage-header>*,[dir=rtl] .usage-header>* {
        width: 100%
    }

    .usage-header>* :first-child {
        -webkit-margin-after: 20px;
        margin-block-end:20px}

    .usage-header[dir=ltr]>* :first-child,.usage-header[dir=rtl]>* :first-child,[dir=ltr] .usage-header>* :first-child,[dir=rtl] .usage-header>* :first-child {
        margin-bottom: 20px
    }
}

.usage-header .error,.usage-header .loading {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

[apple-system-font-capable] .usage-header .error,[apple-system-font-capable] .usage-header .loading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.usage-header .loading {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: rgba(0,0,0,.56)
}

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

.usage-header .storage-label-section {
    position: relative
}

.usage-header .storage-label-section .warning-icon {
    position: absolute;
    inset-block-start: -12px;
    inset-inline-end: -12px
}

.usage-header[dir=ltr] .storage-label-section .warning-icon,[dir=ltr] .usage-header .storage-label-section .warning-icon {
    top: -12px;
    right: -12px
}

.usage-header[dir=rtl] .storage-label-section .warning-icon,[dir=rtl] .usage-header .storage-label-section .warning-icon {
    top: -12px;
    left: -12px
}

@media (max-width: 759px) {
    .usage-header .storage-label-section .warning-icon {
        inset-inline-start:60px
    }

    .usage-header[dir=ltr] .storage-label-section .warning-icon,[dir=ltr] .usage-header .storage-label-section .warning-icon {
        left: 60px
    }

    .usage-header[dir=rtl] .storage-label-section .warning-icon,[dir=rtl] .usage-header .storage-label-section .warning-icon {
        right: 60px
    }
}

.xl-no-display {
    display: block
}

@media (min-width: 1690px) {
    .xl-no-display {
        display:none
    }
}

.storage-label {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 26px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #000;
    color: #fff;
    border-radius: 11px;
    padding-block:11px;padding-inline:9px;-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.storage-label[dir=ltr],.storage-label[dir=rtl],[dir=ltr] .storage-label,[dir=rtl] .storage-label {
    padding: 11px 9px
}

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

@media (max-width: 759px) {
    .storage-label .glyph-box {
        -webkit-margin-after:0;
        margin-block-end:0}

    .storage-label[dir=ltr] .glyph-box,.storage-label[dir=rtl] .glyph-box,[dir=ltr] .storage-label .glyph-box,[dir=rtl] .storage-label .glyph-box {
        margin-bottom: 0
    }
}

.usage-description {
    color: #6e6e73;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px
}

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

.usage-description .used-storage {
    color: rgba(0,0,0,.88)
}

@media (max-width: 759px) {
    .usage-description {
        font-family:SF Pro Text,Helvetica Neue,sans-serif;
        font-size: 19px;
        font-weight: 600;
        line-height: 23px
    }

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

    body {
        text-rendering: optimizeLegibility
    }
}

.web-access-blocked-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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-after: 50px;
    padding-block-end:50px;padding-inline:30px;inline-size: 100%;
    min-block-size: -webkit-calc(100vh - 44px - 50);
    min-block-size: calc(100vh - 44px - 50)
}

.web-access-blocked-page[dir=ltr],.web-access-blocked-page[dir=rtl],[dir=ltr] .web-access-blocked-page,[dir=rtl] .web-access-blocked-page {
    padding-bottom: 50px;
    width: 100%;
    min-height: -webkit-calc(100vh - 44px - 50);
    min-height: calc(100vh - 44px - 50);
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width: 759px) {
    .web-access-blocked-page {
        -webkit-padding-before:10px;
        padding-block-start:10px;-webkit-padding-after: 10px;
        padding-block-end:10px}

    .web-access-blocked-page[dir=ltr],.web-access-blocked-page[dir=rtl],[dir=ltr] .web-access-blocked-page,[dir=rtl] .web-access-blocked-page {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.web-access-blocked-page .icloud-hero {
    -webkit-margin-after: 80px;
    margin-block-end:80px}

.web-access-blocked-page[dir=ltr] .icloud-hero,.web-access-blocked-page[dir=rtl] .icloud-hero,[dir=ltr] .web-access-blocked-page .icloud-hero,[dir=rtl] .web-access-blocked-page .icloud-hero {
    margin-bottom: 80px
}

@media (max-width: 759px) {
    .web-access-blocked-page .icloud-hero {
        -webkit-margin-after:10px;
        margin-block-end:10px}

    .web-access-blocked-page[dir=ltr] .icloud-hero,.web-access-blocked-page[dir=rtl] .icloud-hero,[dir=ltr] .web-access-blocked-page .icloud-hero,[dir=rtl] .web-access-blocked-page .icloud-hero {
        margin-bottom: 10px
    }
}

.web-access-blocked-page h2 {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px
}

[apple-system-font-capable] .web-access-blocked-page h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .lock-image {
    fill: #86868b;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.web-access-blocked-page[dir=ltr] .lock-image,.web-access-blocked-page[dir=rtl] .lock-image,[dir=ltr] .web-access-blocked-page .lock-image,[dir=rtl] .web-access-blocked-page .lock-image {
    margin-bottom: 20px
}

.web-access-blocked-page .body-section {
    max-inline-size: 520px
}

.web-access-blocked-page[dir=ltr] .body-section,.web-access-blocked-page[dir=rtl] .body-section,[dir=ltr] .web-access-blocked-page .body-section,[dir=rtl] .web-access-blocked-page .body-section {
    max-width: 520px
}

.web-access-blocked-page .body-section .item-description {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    line-height: 32px;
    opacity: .56
}

[apple-system-font-capable] .web-access-blocked-page .body-section .item-description {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .body-section .item-description.notice {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .web-access-blocked-page .body-section .item-description.notice {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .body-section .item-notice {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    max-inline-size: 400px;
    -webkit-margin-before: 20px;
    margin-block-start:20px;opacity: .56
}

.web-access-blocked-page[dir=ltr] .body-section .item-notice,.web-access-blocked-page[dir=rtl] .body-section .item-notice,[dir=ltr] .web-access-blocked-page .body-section .item-notice,[dir=rtl] .web-access-blocked-page .body-section .item-notice {
    max-width: 400px;
    margin-top: 20px
}

[apple-system-font-capable] .web-access-blocked-page .body-section .item-notice {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    .web-access-blocked-page .body-section .item-notice {
        -webkit-margin-before:10px;
        margin-block-start:10px}

    .web-access-blocked-page[dir=ltr] .body-section .item-notice,.web-access-blocked-page[dir=rtl] .body-section .item-notice,[dir=ltr] .web-access-blocked-page .body-section .item-notice,[dir=rtl] .web-access-blocked-page .body-section .item-notice {
        margin-top: 10px
    }
}

.web-access-blocked-page .body-section.description {
    -webkit-margin-before: 20px;
    margin-block-start:20px;-webkit-margin-after: 60px;
    margin-block-end:60px}

.web-access-blocked-page[dir=ltr] .body-section.description,.web-access-blocked-page[dir=rtl] .body-section.description,[dir=ltr] .web-access-blocked-page .body-section.description,[dir=rtl] .web-access-blocked-page .body-section.description {
    margin-top: 20px;
    margin-bottom: 60px
}

.web-access-blocked-page .body-section.description.init {
    -webkit-margin-after: 80px;
    margin-block-end:80px}

.web-access-blocked-page[dir=ltr] .body-section.description.init,.web-access-blocked-page[dir=rtl] .body-section.description.init,[dir=ltr] .web-access-blocked-page .body-section.description.init,[dir=rtl] .web-access-blocked-page .body-section.description.init {
    margin-bottom: 80px
}

@media (max-width: 759px) {
    .web-access-blocked-page .body-section.description {
        -webkit-margin-before:10px;
        margin-block-start:10px;-webkit-margin-after: 20px;
        margin-block-end:20px}

    .web-access-blocked-page[dir=ltr] .body-section.description,.web-access-blocked-page[dir=rtl] .body-section.description,[dir=ltr] .web-access-blocked-page .body-section.description,[dir=rtl] .web-access-blocked-page .body-section.description {
        margin-top: 10px;
        margin-bottom: 20px
    }
}

.web-access-blocked-page .body-section.footnote {
    -webkit-margin-before: 96px;
    margin-block-start:96px;background-color: #f5f5f7;
    max-inline-size: 660px;
    text-align: start;
    padding: 20px;
    border-radius: 20px;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    line-height: 32px;
    opacity: .56
}

.web-access-blocked-page[dir=ltr] .body-section.footnote,[dir=ltr] .web-access-blocked-page .body-section.footnote {
    margin-top: 96px;
    max-width: 660px;
    text-align: left
}

.web-access-blocked-page[dir=rtl] .body-section.footnote,[dir=rtl] .web-access-blocked-page .body-section.footnote {
    margin-top: 96px;
    max-width: 660px;
    text-align: right
}

[apple-system-font-capable] .web-access-blocked-page .body-section.footnote {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .body-section.footnote svg {
    vertical-align: middle
}

.web-access-blocked-page .no-device-section {
    padding: 20px;
    border-radius: 16px;
    background-color: #f5f5f7;
    max-inline-size: 660px;
    text-align: start;
    -webkit-padding-start: 40px;
    padding-inline-start:40px;-webkit-padding-end: 40px;
    padding-inline-end:40px}

.web-access-blocked-page[dir=ltr] .no-device-section,[dir=ltr] .web-access-blocked-page .no-device-section {
    max-width: 660px;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px
}

.web-access-blocked-page[dir=rtl] .no-device-section,[dir=rtl] .web-access-blocked-page .no-device-section {
    max-width: 660px;
    text-align: right;
    padding-right: 40px;
    padding-left: 40px
}

.web-access-blocked-page .no-device-section h2,.web-access-blocked-page .no-device-section h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px
}

[apple-system-font-capable] .web-access-blocked-page .no-device-section h2,[apple-system-font-capable] .web-access-blocked-page .no-device-section h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .no-device-section p {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.web-access-blocked-page[dir=ltr] .no-device-section p,.web-access-blocked-page[dir=rtl] .no-device-section p,[dir=ltr] .web-access-blocked-page .no-device-section p,[dir=rtl] .web-access-blocked-page .no-device-section p {
    margin-top: 10px
}

.web-access-blocked-page .no-device-section a.primary-cta,.web-access-blocked-page .no-device-section a.primary-cta:visited {
    -webkit-margin-before: 15px;
    margin-block-start:15px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #06c
}

.web-access-blocked-page[dir=ltr] .no-device-section a.primary-cta,.web-access-blocked-page[dir=ltr] .no-device-section a.primary-cta:visited,.web-access-blocked-page[dir=rtl] .no-device-section a.primary-cta,.web-access-blocked-page[dir=rtl] .no-device-section a.primary-cta:visited,[dir=ltr] .web-access-blocked-page .no-device-section a.primary-cta,[dir=ltr] .web-access-blocked-page .no-device-section a.primary-cta:visited,[dir=rtl] .web-access-blocked-page .no-device-section a.primary-cta,[dir=rtl] .web-access-blocked-page .no-device-section a.primary-cta:visited {
    margin-top: 15px
}

.web-access-blocked-page .no-device-section a.primary-cta:visited svg,.web-access-blocked-page .no-device-section a.primary-cta svg {
    color: #06c;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.web-access-blocked-page[dir=ltr] .no-device-section a.primary-cta:visited svg,.web-access-blocked-page[dir=ltr] .no-device-section a.primary-cta svg,[dir=ltr] .web-access-blocked-page .no-device-section a.primary-cta:visited svg,[dir=ltr] .web-access-blocked-page .no-device-section a.primary-cta svg {
    margin-right: 10px
}

.web-access-blocked-page[dir=rtl] .no-device-section a.primary-cta:visited svg,.web-access-blocked-page[dir=rtl] .no-device-section a.primary-cta svg,[dir=rtl] .web-access-blocked-page .no-device-section a.primary-cta:visited svg,[dir=rtl] .web-access-blocked-page .no-device-section a.primary-cta svg {
    margin-left: 10px
}

.web-access-blocked-page .no-device-section p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
    line-height: 27px
}

[apple-system-font-capable] .web-access-blocked-page .no-device-section p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .no-device-section p:not(:first-child) {
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.web-access-blocked-page[dir=ltr] .no-device-section p:not(:first-child),.web-access-blocked-page[dir=rtl] .no-device-section p:not(:first-child),[dir=ltr] .web-access-blocked-page .no-device-section p:not(:first-child),[dir=rtl] .web-access-blocked-page .no-device-section p:not(:first-child) {
    margin-top: 20px
}

.web-access-blocked-page .no-device-section span {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    line-height: 27px;
    color: #1d1d1f
}

[apple-system-font-capable] .web-access-blocked-page .no-device-section span {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .no-device-section svg {
    overflow: visible
}

.web-access-blocked-page ui-button.manage-button {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    background: #0071e3;
    fill: #fff;
    line-height: 44px;
    block-size: 44px;
    padding-inline:44px;border-radius: 22px;
    background-color: #0071e3;
    cursor: pointer;
    color: #fff
}

.web-access-blocked-page[dir=ltr] ui-button.manage-button,.web-access-blocked-page[dir=rtl] ui-button.manage-button,[dir=ltr] .web-access-blocked-page ui-button.manage-button,[dir=rtl] .web-access-blocked-page ui-button.manage-button {
    height: 44px;
    padding-left: 44px;
    padding-right: 44px
}

[apple-system-font-capable] .web-access-blocked-page ui-button.manage-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .web-access-blocked-page ui-button.manage-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0077ed
    }
}

.web-access-blocked-page ui-button.manage-button.active:not([aria-disabled=true]):not(.disabled),.web-access-blocked-page ui-button.manage-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #006edb
}

.web-access-blocked-page ui-button.manage-button:focus,.web-access-blocked-page ui-button.manage-button:focus-visible {
    outline: none
}

.web-access-blocked-page ui-button.manage-button.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: ""
}

.web-access-blocked-page ui-button.send-again {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    line-height: 44px;
    color: #0071e3;
    cursor: pointer
}

[apple-system-font-capable] .web-access-blocked-page ui-button.send-again {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .web-access-blocked-page ui-button.send-again:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        color:#0077ed
    }
}

.web-access-blocked-page ui-button.send-again.active:not([aria-disabled=true]):not(.disabled),.web-access-blocked-page ui-button.send-again:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: #006edb
}

.web-access-blocked-page ui-button.send-again:focus,.web-access-blocked-page ui-button.send-again:focus-visible {
    outline: none
}

.web-access-blocked-page ui-button.send-again.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: ""
}

.web-access-blocked-page .quick-access-container {
    position: relative;
    inset-block-start: 70px;
    padding-inline:100px;max-inline-size: 570px;
    -webkit-border-before: 1px solid rgba(89,89,89,.2);
    border-block-start:1px solid rgba(89,89,89,.2);overflow-x: visible
}

.web-access-blocked-page[dir=ltr] .quick-access-container,.web-access-blocked-page[dir=rtl] .quick-access-container,[dir=ltr] .web-access-blocked-page .quick-access-container,[dir=rtl] .web-access-blocked-page .quick-access-container {
    top: 70px;
    max-width: 570px;
    border-top: 1px solid rgba(89,89,89,.2);
    padding-left: 100px;
    padding-right: 100px
}

@media (max-width: 759px) {
    .web-access-blocked-page .quick-access-container {
        inset-block-start:20px;
        -webkit-margin-before: 0;
        margin-block-start:0;padding-inline:15px}

    .web-access-blocked-page[dir=ltr] .quick-access-container,.web-access-blocked-page[dir=rtl] .quick-access-container,[dir=ltr] .web-access-blocked-page .quick-access-container,[dir=rtl] .web-access-blocked-page .quick-access-container {
        top: 20px;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

[data-horizontal-size-class=compact] .web-access-blocked-page .quick-access-container {
    -webkit-transition: block-size .25s ease-in-out;
    transition: block-size .25s ease-in-out
}

[data-horizontal-size-class=regular] .web-access-blocked-page .quick-access-container {
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.web-access-blocked-page .quick-access-container .quick-access {
    -webkit-padding-before: 70px;
    padding-block-start:70px}

.web-access-blocked-page[dir=ltr] .quick-access-container .quick-access,.web-access-blocked-page[dir=rtl] .quick-access-container .quick-access,[dir=ltr] .web-access-blocked-page .quick-access-container .quick-access,[dir=rtl] .web-access-blocked-page .quick-access-container .quick-access {
    padding-top: 70px
}

@media (max-width: 759px) {
    .web-access-blocked-page .quick-access-container .quick-access {
        -webkit-padding-before:20px;
        padding-block-start:20px}

    .web-access-blocked-page[dir=ltr] .quick-access-container .quick-access,.web-access-blocked-page[dir=rtl] .quick-access-container .quick-access,[dir=ltr] .web-access-blocked-page .quick-access-container .quick-access,[dir=rtl] .web-access-blocked-page .quick-access-container .quick-access {
        padding-top: 20px
    }
}

.web-access-blocked-page .quick-access-container .quick-access-label {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400
}

[apple-system-font-capable] .web-access-blocked-page .quick-access-container .quick-access-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.web-access-blocked-page .quick-access-container .quick-access-buttons {
    -webkit-margin-before: 5px;
    margin-block-start:5px}

.web-access-blocked-page[dir=ltr] .quick-access-container .quick-access-buttons,.web-access-blocked-page[dir=rtl] .quick-access-container .quick-access-buttons,[dir=ltr] .web-access-blocked-page .quick-access-container .quick-access-buttons,[dir=rtl] .web-access-blocked-page .quick-access-container .quick-access-buttons {
    margin-top: 5px
}

.homepage-viewport {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    visibility: hidden;
    opacity: 0
}

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

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

.homepage-viewport .homepage-content {
    position: relative
}

.homepage-viewport .homepage-scrollview {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden
}

.homepage-viewport[dir=ltr] .homepage-scrollview,[dir=ltr] .homepage-viewport .homepage-scrollview {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.homepage-viewport[dir=rtl] .homepage-scrollview,[dir=rtl] .homepage-viewport .homepage-scrollview {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.homepage-viewport .homepage-scrollview.scrollable {
    overflow-y: auto;
    overflow-x: hidden
}

.homepage-viewport .welcome-page-gradient-background {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: #fbfbfd
}

.homepage-viewport[dir=ltr] .welcome-page-gradient-background,[dir=ltr] .homepage-viewport .welcome-page-gradient-background {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.homepage-viewport[dir=rtl] .welcome-page-gradient-background,[dir=rtl] .homepage-viewport .welcome-page-gradient-background {
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.homepage-viewport .homepage-gradient-background {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background-color: #32a2f6;
    background-position: 50%;
    background-size: cover;
    opacity: 0
}

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

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

:root:not([data-supports-webp]) .homepage-viewport .homepage-gradient-background {
    background-image: url(/system/icloud.com/current/wallpaper.jpeg)
}

:root[data-supports-webp] .homepage-viewport .homepage-gradient-background {
    background-image: url(/system/icloud.com/current/wallpaper.webp)
}

.homepage-viewport .homepage-gradient-background.homepage-gradient-background-fade-in {
    -webkit-animation: homepage-gradient-background-fade-in 0ms ease-in-out;
    animation: homepage-gradient-background-fade-in 0ms ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes homepage-gradient-background-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes homepage-gradient-background-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.homepage-viewport .overlay1 {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 200px;
    mix-blend-mode: plus-darker;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(transparent));
    background-image: linear-gradient(rgba(0,0,0,.3),transparent);
    opacity: .5
}

.homepage-viewport[dir=ltr] .overlay1,[dir=ltr] .homepage-viewport .overlay1 {
    left: 0;
    top: 0;
    width: 100%;
    height: 200px
}

.homepage-viewport[dir=rtl] .overlay1,[dir=rtl] .homepage-viewport .overlay1 {
    right: 0;
    top: 0;
    width: 100%;
    height: 200px
}

.homepage-viewport .overlay2 {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100%;
    block-size: 289px;
    mix-blend-mode: plus-darker;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(transparent));
    background-image: linear-gradient(rgba(0,0,0,.3),transparent)
}

.homepage-viewport[dir=ltr] .overlay2,[dir=ltr] .homepage-viewport .overlay2 {
    left: 0;
    top: 0;
    width: 100%;
    height: 289px
}

.homepage-viewport[dir=rtl] .overlay2,[dir=rtl] .homepage-viewport .overlay2 {
    right: 0;
    top: 0;
    width: 100%;
    height: 289px
}

@media (min-width: 760px) and (max-width:1164px) {
    .homepage-viewport main {
        min-block-size:-webkit-calc(100vh - 682px);
        min-block-size: calc(100vh - 682px)
    }

    .homepage-viewport[dir=ltr] main,.homepage-viewport[dir=rtl] main,[dir=ltr] .homepage-viewport main,[dir=rtl] .homepage-viewport main {
        min-height: -webkit-calc(100vh - 682px);
        min-height: calc(100vh - 682px)
    }
}

@media (min-width: 1165px) {
    .homepage-viewport main {
        min-block-size:-webkit-calc(100vh - 517px);
        min-block-size: calc(100vh - 517px)
    }

    .homepage-viewport[dir=ltr] main,.homepage-viewport[dir=rtl] main,[dir=ltr] .homepage-viewport main,[dir=rtl] .homepage-viewport main {
        min-height: -webkit-calc(100vh - 517px);
        min-height: calc(100vh - 517px)
    }
}

.homepage-viewport footer {
    position: relative;
    -webkit-margin-before: 0;
    margin-block-start:0}

.homepage-viewport[dir=ltr] footer,.homepage-viewport[dir=rtl] footer,[dir=ltr] .homepage-viewport footer,[dir=rtl] .homepage-viewport footer {
    margin-top: 0
}

.homepage-viewport footer .navigation-drawer-container {
    background-color: #fff;
    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
}

.homepage-viewport footer .overlay {
    position: absolute;
    background-color: #f9f9fb;
    opacity: .9;
    inset-block-start: 0;
    inset-inline-start: 0;
    block-size: 100%;
    inline-size: 100%
}

.homepage-viewport[dir=ltr] footer .overlay,[dir=ltr] .homepage-viewport footer .overlay {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.homepage-viewport[dir=rtl] footer .overlay,[dir=rtl] .homepage-viewport footer .overlay {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.home-page {
    position: relative
}

.home-page .announcement-content,.home-page .application-content,.home-page .banner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    inline-size: 100%
}

.home-page[dir=ltr] .announcement-content,.home-page[dir=ltr] .application-content,.home-page[dir=ltr] .banner-content,.home-page[dir=rtl] .announcement-content,.home-page[dir=rtl] .application-content,.home-page[dir=rtl] .banner-content,[dir=ltr] .home-page .announcement-content,[dir=ltr] .home-page .application-content,[dir=ltr] .home-page .banner-content,[dir=rtl] .home-page .announcement-content,[dir=rtl] .home-page .application-content,[dir=rtl] .home-page .banner-content {
    width: 100%
}

.home-page .announcement-content .banner-container,.home-page .application-content .banner-container,.home-page .banner-content .banner-container {
    -webkit-padding-before: 18px;
    padding-block-start:18px;-webkit-margin-after: -15px;
    margin-block-end:-15px}

.home-page[dir=ltr] .announcement-content .banner-container,.home-page[dir=ltr] .application-content .banner-container,.home-page[dir=ltr] .banner-content .banner-container,.home-page[dir=rtl] .announcement-content .banner-container,.home-page[dir=rtl] .application-content .banner-container,.home-page[dir=rtl] .banner-content .banner-container,[dir=ltr] .home-page .announcement-content .banner-container,[dir=ltr] .home-page .application-content .banner-container,[dir=ltr] .home-page .banner-content .banner-container,[dir=rtl] .home-page .announcement-content .banner-container,[dir=rtl] .home-page .application-content .banner-container,[dir=rtl] .home-page .banner-content .banner-container {
    padding-top: 18px;
    margin-bottom: -15px
}

.home-page .announcement-content .announcement-container,.home-page .announcement-content .banner-container,.home-page .announcement-content .tile-grid,.home-page .application-content .announcement-container,.home-page .application-content .banner-container,.home-page .application-content .tile-grid,.home-page .banner-content .announcement-container,.home-page .banner-content .banner-container,.home-page .banner-content .tile-grid {
    -webkit-transition: inline-size .25s ease-in-out;
    transition: inline-size .25s ease-in-out;
    inline-size: 345px
}

.home-page[dir=ltr] .announcement-content .announcement-container,.home-page[dir=ltr] .announcement-content .banner-container,.home-page[dir=ltr] .announcement-content .tile-grid,.home-page[dir=ltr] .application-content .announcement-container,.home-page[dir=ltr] .application-content .banner-container,.home-page[dir=ltr] .application-content .tile-grid,.home-page[dir=ltr] .banner-content .announcement-container,.home-page[dir=ltr] .banner-content .banner-container,.home-page[dir=ltr] .banner-content .tile-grid,.home-page[dir=rtl] .announcement-content .announcement-container,.home-page[dir=rtl] .announcement-content .banner-container,.home-page[dir=rtl] .announcement-content .tile-grid,.home-page[dir=rtl] .application-content .announcement-container,.home-page[dir=rtl] .application-content .banner-container,.home-page[dir=rtl] .application-content .tile-grid,.home-page[dir=rtl] .banner-content .announcement-container,.home-page[dir=rtl] .banner-content .banner-container,.home-page[dir=rtl] .banner-content .tile-grid,[dir=ltr] .home-page .announcement-content .announcement-container,[dir=ltr] .home-page .announcement-content .banner-container,[dir=ltr] .home-page .announcement-content .tile-grid,[dir=ltr] .home-page .application-content .announcement-container,[dir=ltr] .home-page .application-content .banner-container,[dir=ltr] .home-page .application-content .tile-grid,[dir=ltr] .home-page .banner-content .announcement-container,[dir=ltr] .home-page .banner-content .banner-container,[dir=ltr] .home-page .banner-content .tile-grid,[dir=rtl] .home-page .announcement-content .announcement-container,[dir=rtl] .home-page .announcement-content .banner-container,[dir=rtl] .home-page .announcement-content .tile-grid,[dir=rtl] .home-page .application-content .announcement-container,[dir=rtl] .home-page .application-content .banner-container,[dir=rtl] .home-page .application-content .tile-grid,[dir=rtl] .home-page .banner-content .announcement-container,[dir=rtl] .home-page .banner-content .banner-container,[dir=rtl] .home-page .banner-content .tile-grid {
    width: 345px
}

.home-page .announcement-content .announcement-container.md,.home-page .announcement-content .banner-container.md,.home-page .announcement-content .tile-grid.md,.home-page .application-content .announcement-container.md,.home-page .application-content .banner-container.md,.home-page .application-content .tile-grid.md,.home-page .banner-content .announcement-container.md,.home-page .banner-content .banner-container.md,.home-page .banner-content .tile-grid.md {
    inline-size: 690px
}

.home-page[dir=ltr] .announcement-content .announcement-container.md,.home-page[dir=ltr] .announcement-content .banner-container.md,.home-page[dir=ltr] .announcement-content .tile-grid.md,.home-page[dir=ltr] .application-content .announcement-container.md,.home-page[dir=ltr] .application-content .banner-container.md,.home-page[dir=ltr] .application-content .tile-grid.md,.home-page[dir=ltr] .banner-content .announcement-container.md,.home-page[dir=ltr] .banner-content .banner-container.md,.home-page[dir=ltr] .banner-content .tile-grid.md,.home-page[dir=rtl] .announcement-content .announcement-container.md,.home-page[dir=rtl] .announcement-content .banner-container.md,.home-page[dir=rtl] .announcement-content .tile-grid.md,.home-page[dir=rtl] .application-content .announcement-container.md,.home-page[dir=rtl] .application-content .banner-container.md,.home-page[dir=rtl] .application-content .tile-grid.md,.home-page[dir=rtl] .banner-content .announcement-container.md,.home-page[dir=rtl] .banner-content .banner-container.md,.home-page[dir=rtl] .banner-content .tile-grid.md,[dir=ltr] .home-page .announcement-content .announcement-container.md,[dir=ltr] .home-page .announcement-content .banner-container.md,[dir=ltr] .home-page .announcement-content .tile-grid.md,[dir=ltr] .home-page .application-content .announcement-container.md,[dir=ltr] .home-page .application-content .banner-container.md,[dir=ltr] .home-page .application-content .tile-grid.md,[dir=ltr] .home-page .banner-content .announcement-container.md,[dir=ltr] .home-page .banner-content .banner-container.md,[dir=ltr] .home-page .banner-content .tile-grid.md,[dir=rtl] .home-page .announcement-content .announcement-container.md,[dir=rtl] .home-page .announcement-content .banner-container.md,[dir=rtl] .home-page .announcement-content .tile-grid.md,[dir=rtl] .home-page .application-content .announcement-container.md,[dir=rtl] .home-page .application-content .banner-container.md,[dir=rtl] .home-page .application-content .tile-grid.md,[dir=rtl] .home-page .banner-content .announcement-container.md,[dir=rtl] .home-page .banner-content .banner-container.md,[dir=rtl] .home-page .banner-content .tile-grid.md {
    width: 690px
}

.home-page .announcement-content .announcement-container.lg,.home-page .announcement-content .banner-container.lg,.home-page .announcement-content .tile-grid.lg,.home-page .application-content .announcement-container.lg,.home-page .application-content .banner-container.lg,.home-page .application-content .tile-grid.lg,.home-page .banner-content .announcement-container.lg,.home-page .banner-content .banner-container.lg,.home-page .banner-content .tile-grid.lg {
    inline-size: 1035px
}

.home-page[dir=ltr] .announcement-content .announcement-container.lg,.home-page[dir=ltr] .announcement-content .banner-container.lg,.home-page[dir=ltr] .announcement-content .tile-grid.lg,.home-page[dir=ltr] .application-content .announcement-container.lg,.home-page[dir=ltr] .application-content .banner-container.lg,.home-page[dir=ltr] .application-content .tile-grid.lg,.home-page[dir=ltr] .banner-content .announcement-container.lg,.home-page[dir=ltr] .banner-content .banner-container.lg,.home-page[dir=ltr] .banner-content .tile-grid.lg,.home-page[dir=rtl] .announcement-content .announcement-container.lg,.home-page[dir=rtl] .announcement-content .banner-container.lg,.home-page[dir=rtl] .announcement-content .tile-grid.lg,.home-page[dir=rtl] .application-content .announcement-container.lg,.home-page[dir=rtl] .application-content .banner-container.lg,.home-page[dir=rtl] .application-content .tile-grid.lg,.home-page[dir=rtl] .banner-content .announcement-container.lg,.home-page[dir=rtl] .banner-content .banner-container.lg,.home-page[dir=rtl] .banner-content .tile-grid.lg,[dir=ltr] .home-page .announcement-content .announcement-container.lg,[dir=ltr] .home-page .announcement-content .banner-container.lg,[dir=ltr] .home-page .announcement-content .tile-grid.lg,[dir=ltr] .home-page .application-content .announcement-container.lg,[dir=ltr] .home-page .application-content .banner-container.lg,[dir=ltr] .home-page .application-content .tile-grid.lg,[dir=ltr] .home-page .banner-content .announcement-container.lg,[dir=ltr] .home-page .banner-content .banner-container.lg,[dir=ltr] .home-page .banner-content .tile-grid.lg,[dir=rtl] .home-page .announcement-content .announcement-container.lg,[dir=rtl] .home-page .announcement-content .banner-container.lg,[dir=rtl] .home-page .announcement-content .tile-grid.lg,[dir=rtl] .home-page .application-content .announcement-container.lg,[dir=rtl] .home-page .application-content .banner-container.lg,[dir=rtl] .home-page .application-content .tile-grid.lg,[dir=rtl] .home-page .banner-content .announcement-container.lg,[dir=rtl] .home-page .banner-content .banner-container.lg,[dir=rtl] .home-page .banner-content .tile-grid.lg {
    width: 1035px
}

.home-page .announcement-content .announcement-container.xl,.home-page .announcement-content .banner-container.xl,.home-page .announcement-content .tile-grid.xl,.home-page .application-content .announcement-container.xl,.home-page .application-content .banner-container.xl,.home-page .application-content .tile-grid.xl,.home-page .banner-content .announcement-container.xl,.home-page .banner-content .banner-container.xl,.home-page .banner-content .tile-grid.xl {
    inline-size: 1035px
}

.home-page[dir=ltr] .announcement-content .announcement-container.xl,.home-page[dir=ltr] .announcement-content .banner-container.xl,.home-page[dir=ltr] .announcement-content .tile-grid.xl,.home-page[dir=ltr] .application-content .announcement-container.xl,.home-page[dir=ltr] .application-content .banner-container.xl,.home-page[dir=ltr] .application-content .tile-grid.xl,.home-page[dir=ltr] .banner-content .announcement-container.xl,.home-page[dir=ltr] .banner-content .banner-container.xl,.home-page[dir=ltr] .banner-content .tile-grid.xl,.home-page[dir=rtl] .announcement-content .announcement-container.xl,.home-page[dir=rtl] .announcement-content .banner-container.xl,.home-page[dir=rtl] .announcement-content .tile-grid.xl,.home-page[dir=rtl] .application-content .announcement-container.xl,.home-page[dir=rtl] .application-content .banner-container.xl,.home-page[dir=rtl] .application-content .tile-grid.xl,.home-page[dir=rtl] .banner-content .announcement-container.xl,.home-page[dir=rtl] .banner-content .banner-container.xl,.home-page[dir=rtl] .banner-content .tile-grid.xl,[dir=ltr] .home-page .announcement-content .announcement-container.xl,[dir=ltr] .home-page .announcement-content .banner-container.xl,[dir=ltr] .home-page .announcement-content .tile-grid.xl,[dir=ltr] .home-page .application-content .announcement-container.xl,[dir=ltr] .home-page .application-content .banner-container.xl,[dir=ltr] .home-page .application-content .tile-grid.xl,[dir=ltr] .home-page .banner-content .announcement-container.xl,[dir=ltr] .home-page .banner-content .banner-container.xl,[dir=ltr] .home-page .banner-content .tile-grid.xl,[dir=rtl] .home-page .announcement-content .announcement-container.xl,[dir=rtl] .home-page .announcement-content .banner-container.xl,[dir=rtl] .home-page .announcement-content .tile-grid.xl,[dir=rtl] .home-page .application-content .announcement-container.xl,[dir=rtl] .home-page .application-content .banner-container.xl,[dir=rtl] .home-page .application-content .tile-grid.xl,[dir=rtl] .home-page .banner-content .announcement-container.xl,[dir=rtl] .home-page .banner-content .banner-container.xl,[dir=rtl] .home-page .banner-content .tile-grid.xl {
    width: 1035px
}

.home-page .home-page-add-remove-tiles {
    -webkit-margin-before: -30px;
    margin-block-start:-30px;-webkit-margin-after: 100px;
    margin-block-end:100px;margin-inline:auto}

.home-page[dir=ltr] .home-page-add-remove-tiles,.home-page[dir=rtl] .home-page-add-remove-tiles,[dir=ltr] .home-page .home-page-add-remove-tiles,[dir=rtl] .home-page .home-page-add-remove-tiles {
    margin: -30px auto 100px
}

.navigation-drawer {
    -webkit-border-before: solid 1px hsla(0,0%,59.2%,.25);
    border-block-start:solid 1px hsla(0,0%,59.2%,.25);display: grid;
    -webkit-column-gap: 70px;
    -moz-column-gap: 70px;
    column-gap: 70px;
    -webkit-padding-before: 45px;
    padding-block-start:45px;-webkit-padding-start: 20px;
    padding-inline-start:20px;-webkit-padding-end: 20px;
    padding-inline-end:20px;-webkit-padding-after: 160px;
    padding-block-end:160px}

.navigation-drawer[dir=ltr],.navigation-drawer[dir=rtl],[dir=ltr] .navigation-drawer,[dir=rtl] .navigation-drawer {
    border-top: 1px solid hsla(0,0%,59.2%,.25);
    padding: 45px 20px 160px
}

.navigation-drawer article {
    -webkit-padding-before: 30px;
    padding-block-start:30px;-webkit-padding-after: 25px;
    padding-block-end:25px;inline-size: 275px
}

.navigation-drawer[dir=ltr] article,.navigation-drawer[dir=rtl] article,[dir=ltr] .navigation-drawer article,[dir=rtl] .navigation-drawer article {
    padding-top: 30px;
    padding-bottom: 25px;
    width: 275px
}

@media (max-width: 759px) {
    .navigation-drawer {
        grid-template-columns:1fr;
        -webkit-padding-after: 120px;
        padding-block-end:120px}

    .navigation-drawer[dir=ltr],.navigation-drawer[dir=rtl],[dir=ltr] .navigation-drawer,[dir=rtl] .navigation-drawer {
        padding-bottom: 120px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .navigation-drawer {
        grid-template-columns:1fr 1fr;
        -webkit-padding-after: 140px;
        padding-block-end:140px}

    .navigation-drawer[dir=ltr],.navigation-drawer[dir=rtl],[dir=ltr] .navigation-drawer,[dir=rtl] .navigation-drawer {
        padding-bottom: 140px
    }
}

@media (min-width: 1165px) {
    .navigation-drawer {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (min-width: 1690px) {
    .navigation-drawer {
        grid-template-columns:1fr 1fr 1fr;
        -webkit-column-gap: 71px;
        -moz-column-gap: 71px;
        column-gap: 71px
    }

    .navigation-drawer article {
        inline-size: 388px
    }

    .navigation-drawer[dir=ltr] article,.navigation-drawer[dir=rtl] article,[dir=ltr] .navigation-drawer article,[dir=rtl] .navigation-drawer article {
        width: 388px
    }
}

.drawer-item .unstyled-link.nav-link {
    -webkit-margin-after: 12px;
    margin-block-end:12px;-webkit-margin-start: -10px;
    margin-inline-start:-10px;padding-inline:10px;padding-block:5px;display: block;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    border-radius: 10px;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px
}

.drawer-item[dir=ltr] .unstyled-link.nav-link,[dir=ltr] .drawer-item .unstyled-link.nav-link {
    margin-bottom: 12px;
    margin-left: -10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px
}

.drawer-item[dir=rtl] .unstyled-link.nav-link,[dir=rtl] .drawer-item .unstyled-link.nav-link {
    margin-bottom: 12px;
    margin-right: -10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px
}

[apple-system-font-capable] .drawer-item .unstyled-link.nav-link {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .drawer-item .unstyled-link.nav-link:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

.drawer-item .unstyled-link.nav-link.active:not([aria-disabled=true]):not(.disabled),.drawer-item .unstyled-link.nav-link:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,113,227,.16);
    color: rgba(0,0,0,.26)
}

.drawer-item .unstyled-link.nav-link.active:not([aria-disabled=true]):not(.disabled) svg,.drawer-item .unstyled-link.nav-link:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: rgba(0,0,0,.26)
}

.drawer-item .unstyled-link.nav-link a {
    text-decoration: none;
    color: #1d1d1f
}

.drawer-item .unstyled-link.nav-link svg {
    fill: rgba(0,0,0,.56)
}

.drawer-item .graphic {
    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;
    block-size: 26px;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.drawer-item[dir=ltr] .graphic,.drawer-item[dir=rtl] .graphic,[dir=ltr] .drawer-item .graphic,[dir=rtl] .drawer-item .graphic {
    height: 26px;
    margin-bottom: 10px
}

.drawer-item .description {
    block-size: 50px;
    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
}

.drawer-item[dir=ltr] .description,.drawer-item[dir=rtl] .description,[dir=ltr] .drawer-item .description,[dir=rtl] .drawer-item .description {
    height: 50px
}

.drawer-item .description .largeInfo {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    -webkit-margin-after: 6px;
    margin-block-end:6px}

.drawer-item[dir=ltr] .description .largeInfo,.drawer-item[dir=rtl] .description .largeInfo,[dir=ltr] .drawer-item .description .largeInfo,[dir=rtl] .drawer-item .description .largeInfo {
    margin-bottom: 6px
}

[apple-system-font-capable] .drawer-item .description .largeInfo {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.drawer-item .description .smallInfo {
    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] .drawer-item .description .smallInfo {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.plan-widget .plan-graphic {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

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

.plan-widget .plan-graphic svg {
    -webkit-margin-end: 10px;
    margin-inline-end:10px;fill: #5ac8fa
}

.plan-widget[dir=ltr] .plan-graphic svg,[dir=ltr] .plan-widget .plan-graphic svg {
    margin-right: 10px
}

.plan-widget[dir=rtl] .plan-graphic svg,[dir=rtl] .plan-widget .plan-graphic svg {
    margin-left: 10px
}

.storage-widget .storage-graphic {
    min-inline-size: 150px;
    inline-size: 190px;
    max-inline-size: 100%
}

.storage-widget[dir=ltr] .storage-graphic,.storage-widget[dir=rtl] .storage-graphic,[dir=ltr] .storage-widget .storage-graphic,[dir=rtl] .storage-widget .storage-graphic {
    min-width: 150px;
    width: 190px;
    max-width: 100%
}

.storage-widget .storage-graphic .meter-gauge {
    block-size: 9px
}

.storage-widget[dir=ltr] .storage-graphic .meter-gauge,.storage-widget[dir=rtl] .storage-graphic .meter-gauge,[dir=ltr] .storage-widget .storage-graphic .meter-gauge,[dir=rtl] .storage-widget .storage-graphic .meter-gauge {
    height: 9px
}

.recovery-widget .recovery-graphic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    block-size: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recovery-widget[dir=ltr] .recovery-graphic,.recovery-widget[dir=rtl] .recovery-graphic,[dir=ltr] .recovery-widget .recovery-graphic,[dir=rtl] .recovery-widget .recovery-graphic {
    height: 100%
}

.recovery-widget .recovery-graphic .recovery-graphic-icon {
    -webkit-margin-end: 16px;
    margin-inline-end:16px;overflow: visible
}

.recovery-widget[dir=ltr] .recovery-graphic .recovery-graphic-icon,[dir=ltr] .recovery-widget .recovery-graphic .recovery-graphic-icon {
    margin-right: 16px
}

.recovery-widget[dir=rtl] .recovery-graphic .recovery-graphic-icon,[dir=rtl] .recovery-widget .recovery-graphic .recovery-graphic-icon {
    margin-left: 16px
}

.recovery-widget .recovery-graphic .recovery-graphic-icon:last-child {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.recovery-widget[dir=ltr] .recovery-graphic .recovery-graphic-icon:last-child,[dir=ltr] .recovery-widget .recovery-graphic .recovery-graphic-icon:last-child {
    margin-right: 0
}

.recovery-widget[dir=rtl] .recovery-graphic .recovery-graphic-icon:last-child,[dir=rtl] .recovery-widget .recovery-graphic .recovery-graphic-icon:last-child {
    margin-left: 0
}

.recovery-widget .recovery-graphic .document-icon {
    fill: #af52de
}

.recovery-widget .recovery-graphic .bookmark-icon {
    fill: #ff9500
}

.recovery-widget .recovery-graphic .account-icon {
    fill: #32ade6
}

.recovery-widget .recovery-graphic .calendar-icon {
    fill: #ff3a30
}

.banner-article.promotion.beta .icon {
    -webkit-padding-before: 24px;
    padding-block-start:24px}

.banner-article.promotion.beta[dir=ltr] .icon,.banner-article.promotion.beta[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.beta .icon,[dir=rtl] .banner-article.promotion.beta .icon {
    padding-top: 24px
}

@media (max-width: 759px) {
    .banner-article.promotion.beta .icon {
        -webkit-padding-before:18px;
        padding-block-start:18px}

    .banner-article.promotion.beta[dir=ltr] .icon,.banner-article.promotion.beta[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.beta .icon,[dir=rtl] .banner-article.promotion.beta .icon {
        padding-top: 18px
    }
}

.banner-article.promotion.windows .icon {
    -webkit-padding-before: 28px;
    padding-block-start:28px}

.banner-article.promotion.windows[dir=ltr] .icon,.banner-article.promotion.windows[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.windows .icon,[dir=rtl] .banner-article.promotion.windows .icon {
    padding-top: 28px
}

@media (max-width: 759px) {
    .banner-article.promotion.windows .icon {
        -webkit-padding-before:20px;
        padding-block-start:20px}

    .banner-article.promotion.windows[dir=ltr] .icon,.banner-article.promotion.windows[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.windows .icon,[dir=rtl] .banner-article.promotion.windows .icon {
        padding-top: 20px
    }
}

.banner-article.promotion.mail .icon {
    -webkit-padding-before: 30px;
    padding-block-start:30px}

.banner-article.promotion.mail[dir=ltr] .icon,.banner-article.promotion.mail[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.mail .icon,[dir=rtl] .banner-article.promotion.mail .icon {
    padding-top: 30px
}

@media (max-width: 759px) {
    .banner-article.promotion.mail .icon {
        -webkit-padding-before:21px;
        padding-block-start:21px}

    .banner-article.promotion.mail[dir=ltr] .icon,.banner-article.promotion.mail[dir=rtl] .icon,[dir=ltr] .banner-article.promotion.mail .icon,[dir=rtl] .banner-article.promotion.mail .icon {
        padding-top: 21px
    }
}

.banner-container.dismissed {
    display: none
}

.banner-container {
    max-inline-size: 1035px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.banner-container[dir=ltr],.banner-container[dir=rtl],[dir=ltr] .banner-container,[dir=rtl] .banner-container {
    max-width: 1035px
}

.banner-container a.unstyled-link {
    margin: logical -16px 15px 0
}

.banner-container[dir=ltr] a.unstyled-link,.banner-container[dir=rtl] a.unstyled-link,[dir=ltr] .banner-container a.unstyled-link,[dir=rtl] .banner-container a.unstyled-link {
    margin: -16px 15px 0
}

.banner-container a.unstyled-link:focus:not([aria-disabled=true]):not(.disabled) .tile-grid-banner.promotion {
    background-color: rgba(0,0,0,.56)
}

.banner-container ui-button.push.primary.remove-banner-button.show {
    opacity: 1
}

.banner-container ui-button.push.primary.remove-banner-button {
    inline-size: 24px;
    block-size: 24px;
    -webkit-margin-start: 7px;
    margin-inline-start:7px;border-radius: 12px;
    padding: 0;
    min-inline-size: 24px;
    background-color: rgba(0,0,0,.32);
    opacity: 0
}

.banner-container[dir=ltr] ui-button.push.primary.remove-banner-button,[dir=ltr] .banner-container ui-button.push.primary.remove-banner-button {
    width: 24px;
    height: 24px;
    margin-left: 7px;
    min-width: 24px
}

.banner-container[dir=rtl] ui-button.push.primary.remove-banner-button,[dir=rtl] .banner-container ui-button.push.primary.remove-banner-button {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    min-width: 24px
}

.banner-container ui-button.push.primary.remove-banner-button svg {
    fill: #fff;
    inline-size: 10px;
    block-size: 10px
}

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

@media (pointer: fine) {
    .banner-container ui-button.push.primary.remove-banner-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:1;
        background-color: rgba(0,0,0,.56)
    }
}

.banner-container ui-button.push.primary.remove-banner-button.active:not([aria-disabled=true]):not(.disabled),.banner-container ui-button.push.primary.remove-banner-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    opacity: 1;
    background-color: rgba(0,0,0,.7)
}

.banner-container ui-button.push.primary.remove-banner-button.active:not([aria-disabled=true]):not(.disabled) svg,.banner-container ui-button.push.primary.remove-banner-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .5
}

.banner-container ui-button.push.primary.remove-banner-button:focus:not([aria-disabled=true]):not(.disabled) {
    opacity: 1;
    background-color: rgba(0,0,0,.7)
}

.banner-container ui-button.push.primary.remove-banner-button:focus:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .5
}

.banner-article {
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    border-radius: 22px;
    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;
    background-color: rgba(0,0,0,.16)
}

@media (pointer: fine) {
    .banner-article:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.32)
    }
}

.banner-article.active:not([aria-disabled=true]):not(.disabled),.banner-article:active:hover:not([aria-disabled=true]):not(.disabled),.banner-article:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.56)
}

.banner-article .icon {
    inline-size: 88px;
    -webkit-padding-before: 26px;
    padding-block-start:26px;fill: hsla(0,0%,100%,.56);
    text-align: center
}

.banner-article[dir=ltr] .icon,.banner-article[dir=rtl] .icon,[dir=ltr] .banner-article .icon,[dir=rtl] .banner-article .icon {
    width: 88px;
    padding-top: 26px
}

@media (max-width: 759px) {
    .banner-article .icon {
        inline-size:60px;
        -webkit-padding-before: 22px;
        padding-block-start:22px}

    .banner-article[dir=ltr] .icon,.banner-article[dir=rtl] .icon,[dir=ltr] .banner-article .icon,[dir=rtl] .banner-article .icon {
        width: 60px;
        padding-top: 22px
    }
}

.banner-article .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-block:22px;-webkit-padding-start: 0;
    padding-inline-start:0;-webkit-padding-end: 0;
    padding-inline-end:0;text-align: start;
    letter-spacing: -.37px;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: hsla(0,0%,100%,.7)
}

.banner-article[dir=ltr] .content,[dir=ltr] .banner-article .content {
    text-align: left;
    padding: 22px 0
}

.banner-article[dir=rtl] .content,[dir=rtl] .banner-article .content {
    text-align: right;
    padding: 22px 0
}

@media (min-width: 760px) and (max-width:1164px) {
    .banner-article .content {
        padding-block:22px;
        -webkit-padding-end: 28px;
        padding-inline-end:28px}

    .banner-article[dir=ltr] .content,[dir=ltr] .banner-article .content {
        padding-right: 28px;
        padding-top: 22px;
        padding-bottom: 22px
    }

    .banner-article[dir=rtl] .content,[dir=rtl] .banner-article .content {
        padding-left: 28px;
        padding-top: 22px;
        padding-bottom: 22px
    }
}

@media (max-width: 759px) {
    .banner-article .content {
        padding-block:16px;
        -webkit-padding-end: 16px;
        padding-inline-end:16px}

    .banner-article[dir=ltr] .content,[dir=ltr] .banner-article .content {
        padding-right: 16px;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .banner-article[dir=rtl] .content,[dir=rtl] .banner-article .content {
        padding-left: 16px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

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

.banner-article .content .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    color: #fff
}

[apple-system-font-capable] .banner-article .content .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.banner-article .arrow {
    inline-size: 87px;
    -webkit-padding-before: 35px;
    padding-block-start:35px;fill: #fff;
    text-align: center
}

.banner-article[dir=ltr] .arrow,.banner-article[dir=rtl] .arrow,[dir=ltr] .banner-article .arrow,[dir=rtl] .banner-article .arrow {
    width: 87px;
    padding-top: 35px
}

html[dir=rtl] .banner-article .arrow svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.tile.profile-card {
    border-radius: 16px;
    background-color: rgba(248,248,252,.85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%);
    background: radial-gradient(circle at 100% 0,hsla(0,0%,100%,.85) 0,hsla(0,0%,96.1%,.13) 183%);
    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
}

.tile.profile-card [role=link] {
    cursor: pointer
}

.tile.profile-card.customize [role=link] {
    cursor: default
}

.tile.profile-card.customize .profile-avatar {
    opacity: .5
}

.tile.profile-card.customize .plan-name,.tile.profile-card.customize .user-info {
    opacity: .3
}

.tile.profile-card.disabled {
    opacity: .7;
    pointer-events: none
}

.tile.profile-card .profile-card-link {
    -webkit-padding-before: 0;
    padding-block-start:0;-webkit-padding-after: 30px;
    padding-block-end:30px;-webkit-padding-start: 30px;
    padding-inline-start:30px;-webkit-padding-end: 30px;
    padding-inline-end:30px;text-decoration: none;
    display: block;
    inline-size: 100%;
    block-size: 100%;
    margin: 0;
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.tile.profile-card[dir=ltr] .profile-card-link,.tile.profile-card[dir=rtl] .profile-card-link,[dir=ltr] .tile.profile-card .profile-card-link,[dir=rtl] .tile.profile-card .profile-card-link {
    padding: 0 30px 30px;
    width: 100%;
    height: 100%
}

.tile.profile-card .profile-card-link:focus,.tile.profile-card .profile-card-link:focus-visible {
    outline: none
}

.tile.profile-card .profile-card-link.focus-visible:after {
    position: absolute;
    inset-block-start: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    inset-inline-end: 3px;
    content: "";
    border-color: rgba(0,113,227,.7);
    border-style: solid;
    border-width: logical 3px;
    border-radius: 15px
}

.tile.profile-card[dir=ltr] .profile-card-link.focus-visible:after,.tile.profile-card[dir=rtl] .profile-card-link.focus-visible:after,[dir=ltr] .tile.profile-card .profile-card-link.focus-visible:after,[dir=rtl] .tile.profile-card .profile-card-link.focus-visible:after {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-width: 3px
}

.tile.profile-card .profile-avatar {
    block-size: 185px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tile.profile-card[dir=ltr] .profile-avatar,.tile.profile-card[dir=rtl] .profile-avatar,[dir=ltr] .tile.profile-card .profile-avatar,[dir=rtl] .tile.profile-card .profile-avatar {
    height: 185px
}

.tile.profile-card .profile-avatar .profile-background {
    inline-size: 185px;
    block-size: 196px;
    inset-inline-start: 1px;
    inset-block-start: 12px;
    pointer-events: none;
    position: absolute
}

.tile.profile-card[dir=ltr] .profile-avatar .profile-background,[dir=ltr] .tile.profile-card .profile-avatar .profile-background {
    width: 185px;
    height: 196px;
    left: 1px;
    top: 12px
}

.tile.profile-card[dir=rtl] .profile-avatar .profile-background,[dir=rtl] .tile.profile-card .profile-avatar .profile-background {
    width: 185px;
    height: 196px;
    right: 1px;
    top: 12px
}

[dir=rtl] .tile.profile-card .profile-avatar .profile-background {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.tile.profile-card .profile-avatar .static-avatar {
    position: absolute;
    inset-block-start: 34px;
    inset-inline-start: 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
}

.tile.profile-card[dir=ltr] .profile-avatar .static-avatar,[dir=ltr] .tile.profile-card .profile-avatar .static-avatar {
    top: 34px;
    left: 30px
}

.tile.profile-card[dir=rtl] .profile-avatar .static-avatar,[dir=rtl] .tile.profile-card .profile-avatar .static-avatar {
    top: 34px;
    right: 30px
}

.tile.profile-card .profile-avatar .static-avatar svg path {
    fill: rgba(0,0,0,.48)
}

.tile.profile-card .user-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;
    -webkit-margin-after: 15px;
    margin-block-end:15px}

.tile.profile-card[dir=ltr] .user-info,.tile.profile-card[dir=rtl] .user-info,[dir=ltr] .tile.profile-card .user-info,[dir=rtl] .tile.profile-card .user-info {
    margin-bottom: 15px
}

.tile.profile-card .user-info .user-name {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .13px
}

[apple-system-font-capable] .tile.profile-card .user-info .user-name {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.tile.profile-card .user-info .user-name.tall {
    line-height: 1.8
}

.tile.profile-card .user-info .email {
    color: rgba(0,0,0,.56);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    -webkit-margin-before: 5px;
    margin-block-start:5px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .7;
    letter-spacing: -.27px;
    color: inherit;
    line-height: 20px
}

.tile.profile-card[dir=ltr] .user-info .email,.tile.profile-card[dir=rtl] .user-info .email,[dir=ltr] .tile.profile-card .user-info .email,[dir=rtl] .tile.profile-card .user-info .email {
    margin-top: 5px
}

[apple-system-font-capable] .tile.profile-card .user-info .email {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.tile.profile-card .plan-name {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .23px;
    line-height: 21px
}

[apple-system-font-capable] .tile.profile-card .plan-name {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.tile.profile-card .plan-name-loading {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #515154;
    letter-spacing: -.22px;
    text-align: start
}

.tile.profile-card[dir=ltr] .plan-name-loading,[dir=ltr] .tile.profile-card .plan-name-loading {
    text-align: left
}

.tile.profile-card[dir=rtl] .plan-name-loading,[dir=rtl] .tile.profile-card .plan-name-loading {
    text-align: right
}

[apple-system-font-capable] .tile.profile-card .plan-name-loading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.tile.profile-card .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.profile-card[dir=ltr] .ellipsis,[dir=ltr] .tile.profile-card .ellipsis {
    padding-bottom: 5px;
    padding-left: 4px;
    width: 10px;
    -webkit-align-self: right;
    -ms-flex-item-align: right;
    align-self: right
}

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

.tile.profile-card .ellipsis .dots,.tile.profile-card .ellipsis .dots:after,.tile.profile-card .ellipsis .dots:before {
    background-color: #d2d2d7;
    block-size: 2px;
    border-radius: 1px;
    color: #d2d2d7;
    inline-size: 2px
}

.tile.profile-card[dir=ltr] .ellipsis .dots,.tile.profile-card[dir=ltr] .ellipsis .dots:after,.tile.profile-card[dir=ltr] .ellipsis .dots:before,.tile.profile-card[dir=rtl] .ellipsis .dots,.tile.profile-card[dir=rtl] .ellipsis .dots:after,.tile.profile-card[dir=rtl] .ellipsis .dots:before,[dir=ltr] .tile.profile-card .ellipsis .dots,[dir=ltr] .tile.profile-card .ellipsis .dots:after,[dir=ltr] .tile.profile-card .ellipsis .dots:before,[dir=rtl] .tile.profile-card .ellipsis .dots,[dir=rtl] .tile.profile-card .ellipsis .dots:after,[dir=rtl] .tile.profile-card .ellipsis .dots:before {
    height: 2px;
    width: 2px
}

.tile.profile-card .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.profile-card .ellipsis .dots:after,.tile.profile-card .ellipsis .dots:before {
    -webkit-animation: dotFlashing 1s infinite alternate;
    animation: dotFlashing 1s infinite alternate;
    content: "";
    display: inline-block;
    position: absolute
}

.tile.profile-card .ellipsis .dots:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    inset-inline-start: -3px
}

.tile.profile-card[dir=ltr] .ellipsis .dots:before,[dir=ltr] .tile.profile-card .ellipsis .dots:before {
    left: -3px
}

.tile.profile-card[dir=rtl] .ellipsis .dots:before,[dir=rtl] .tile.profile-card .ellipsis .dots:before {
    right: -3px
}

.tile.profile-card .ellipsis .dots:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    inset-inline-start: 3px
}

.tile.profile-card[dir=ltr] .ellipsis .dots:after,[dir=ltr] .tile.profile-card .ellipsis .dots:after {
    left: 3px
}

.tile.profile-card[dir=rtl] .ellipsis .dots:after,[dir=rtl] .tile.profile-card .ellipsis .dots:after {
    right: 3px
}

.debug-dnd .drop-zone.inlineStart {
    background: rgba(255,0,0,.3)
}

.debug-dnd .drop-zone.inlineEnd {
    background: rgba(0,0,255,.3)
}

.tile-grid {
    -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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-padding-before: 40px;
    padding-block-start:40px;-webkit-padding-after: 95px;
    padding-block-end:95px;position: relative
}

.tile-grid[dir=ltr],.tile-grid[dir=rtl],[dir=ltr] .tile-grid,[dir=rtl] .tile-grid {
    padding-top: 40px;
    padding-bottom: 95px
}

@media (min-width: 760px) {
    .tile-grid {
        -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
    }
}

.tile-grid .drop-point {
    border: 1px dashed #fff;
    position: absolute;
    display: block
}

.tile-grid .tile-grid-tile-container {
    position: relative;
    block-size: 315px;
    margin: logical 15px
}

.tile-grid[dir=ltr] .tile-grid-tile-container,.tile-grid[dir=rtl] .tile-grid-tile-container,[dir=ltr] .tile-grid .tile-grid-tile-container,[dir=rtl] .tile-grid .tile-grid-tile-container {
    height: 315px;
    margin: 15px
}

.tile-grid .tile-grid-tile-container:nth-child(5n) {
    --jiggle-delay: 100ms;
    --jiggle-duration: 120ms
}

.tile-grid .tile-grid-tile-container:nth-child(5n+2) {
    --jiggle-delay: 110ms;
    --jiggle-duration: 130ms
}

.tile-grid .tile-grid-tile-container:nth-child(5n+4) {
    --jiggle-delay: 120ms;
    --jiggle-duration: 140ms
}

.tile-grid .tile-grid-tile-container:nth-child(5n+1) {
    --jiggle-delay: 130ms;
    --jiggle-duration: 150ms
}

.tile-grid .tile-grid-tile-container:nth-child(5n+3) {
    --jiggle-delay: 140ms;
    --jiggle-duration: 160ms
}

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

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

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

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

.tile-grid .tile-grid-tile-container.removed {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 0;
    block-size: 0
}

.tile-grid[dir=ltr] .tile-grid-tile-container.removed,[dir=ltr] .tile-grid .tile-grid-tile-container.removed {
    left: 0;
    top: 0;
    width: 0;
    height: 0
}

.tile-grid[dir=rtl] .tile-grid-tile-container.removed,[dir=rtl] .tile-grid .tile-grid-tile-container.removed {
    right: 0;
    top: 0;
    width: 0;
    height: 0
}

.tile-grid .tile-grid-tile-container .tile-grid-tile-content {
    block-size: 315px;
    position: relative;
    inset-inline-start: 0;
    inset-block-start: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: left,top,inline-size,block-size,-webkit-transform;
    transition-property: left,top,inline-size,block-size,-webkit-transform;
    transition-property: transform,left,top,inline-size,block-size;
    transition-property: transform,left,top,inline-size,block-size,-webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.tile-grid[dir=ltr] .tile-grid-tile-container .tile-grid-tile-content,[dir=ltr] .tile-grid .tile-grid-tile-container .tile-grid-tile-content {
    height: 315px;
    left: 0;
    top: 0
}

.tile-grid[dir=rtl] .tile-grid-tile-container .tile-grid-tile-content,[dir=rtl] .tile-grid .tile-grid-tile-container .tile-grid-tile-content {
    height: 315px;
    right: 0;
    top: 0
}

.tile-grid .tile-grid-tile-container .tile-grid-tile-content.large {
    inline-size: 660px
}

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

.tile-grid .tile-grid-tile-container .tile-grid-tile-content.small {
    inline-size: 315px
}

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

.tile-grid .tile-grid-tile-container .tile-grid-tile-content.dragging {
    position: fixed;
    z-index: 1;
    -webkit-transition-property: inline-size,block-size,margin-left,-webkit-transform;
    transition-property: inline-size,block-size,margin-left,-webkit-transform;
    transition-property: transform,inline-size,block-size,margin-left;
    transition-property: transform,inline-size,block-size,margin-left,-webkit-transform
}

@-webkit-keyframes inserted {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes inserted {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tile-grid .tile-grid-tile-container .tile-grid-tile-content.inserted {
    -webkit-animation-name: inserted;
    animation-name: inserted;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

@-webkit-keyframes jiggly {
    0% {
        -webkit-transform: rotate(-.3deg);
        transform: rotate(-.3deg)
    }

    to {
        -webkit-transform: rotate(.3deg);
        transform: rotate(.3deg)
    }
}

@keyframes jiggly {
    0% {
        -webkit-transform: rotate(-.3deg);
        transform: rotate(-.3deg)
    }

    to {
        -webkit-transform: rotate(.3deg);
        transform: rotate(.3deg)
    }
}

.tile-grid .tile-grid-tile-container .tile-grid-tile-content.jiggly.cell .tile-container {
    -webkit-animation-name: jiggly;
    animation-name: jiggly;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: var(--jiggle-duration);
    animation-duration: var(--jiggle-duration);
    -webkit-animation-delay: var(--jiggle-delay);
    animation-delay: var(--jiggle-delay);
    will-change: transform;
    -webkit-transform-origin: center;
    transform-origin: center
}

@media (prefers-reduced-motion:reduce) {
    .tile-grid .tile-grid-tile-container .tile-grid-tile-content.jiggly.cell .tile-container {
        -webkit-animation-name: none;
        animation-name: none
    }
}

.tile-grid .grid-end-drop-zone {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    min-inline-size: 345px;
    min-block-size: 172px;
    z-index: 9001
}

.tile-grid[dir=ltr] .grid-end-drop-zone,.tile-grid[dir=rtl] .grid-end-drop-zone,[dir=ltr] .tile-grid .grid-end-drop-zone,[dir=rtl] .tile-grid .grid-end-drop-zone {
    min-width: 345px;
    min-height: 172px
}

.removed-container {
    position: absolute;
    inline-size: 0;
    block-size: 0
}

.removed-container[dir=ltr],.removed-container[dir=rtl],[dir=ltr] .removed-container,[dir=rtl] .removed-container {
    width: 0;
    height: 0
}

.removed-container .tile-grid-tile-content {
    -webkit-transition-property: inset-inline-start,inset-block-start,inline-size,block-size,-webkit-transform;
    transition-property: inset-inline-start,inset-block-start,inline-size,block-size,-webkit-transform;
    transition-property: transform,inset-inline-start,inset-block-start,inline-size,block-size;
    transition-property: transform,inset-inline-start,inset-block-start,inline-size,block-size,-webkit-transform;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

@-webkit-keyframes removed {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: hidden
    }
}

@keyframes removed {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        visibility: hidden
    }
}

.removed-container .tile-grid-tile-content.removed {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    margin: 0;
    -webkit-animation-name: removed;
    animation-name: removed;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .35s;
    animation-duration: .35s
}

.removed-container[dir=ltr] .tile-grid-tile-content.removed,[dir=ltr] .removed-container .tile-grid-tile-content.removed {
    left: 0;
    top: 0
}

.removed-container[dir=rtl] .tile-grid-tile-content.removed,[dir=rtl] .removed-container .tile-grid-tile-content.removed {
    right: 0;
    top: 0
}

.app-library {
    block-size: 315px;
    border-radius: 16px;
    background-color: hsla(0,0%,100%,.3);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%);
    padding: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative
}

.app-library[dir=ltr],.app-library[dir=rtl],[dir=ltr] .app-library,[dir=rtl] .app-library {
    height: 315px
}

.app-library.large {
    padding-block:35px;padding-inline:30px}

.app-library.large[dir=ltr],.app-library.large[dir=rtl],[dir=ltr] .app-library.large,[dir=rtl] .app-library.large {
    padding: 35px 30px
}

.app-library.large .app-icon-container {
    grid-template-columns: repeat(6,1fr);
    gap: 30px
}

.app-library.large .app-icon-container .app-icon-link {
    min-inline-size: 70px
}

.app-library.large[dir=ltr] .app-icon-container .app-icon-link,.app-library.large[dir=rtl] .app-icon-container .app-icon-link,[dir=ltr] .app-library.large .app-icon-container .app-icon-link,[dir=rtl] .app-library.large .app-icon-container .app-icon-link {
    min-width: 70px
}

.app-library.large .app-icon-container div.app-displayname {
    -webkit-margin-before: 15px;
    margin-block-start:15px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.app-library.large[dir=ltr] .app-icon-container div.app-displayname,.app-library.large[dir=rtl] .app-icon-container div.app-displayname,[dir=ltr] .app-library.large .app-icon-container div.app-displayname,[dir=rtl] .app-library.large .app-icon-container div.app-displayname {
    margin-top: 15px
}

[apple-system-font-capable] .app-library.large .app-icon-container div.app-displayname {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.app-library.edit-mode {
    background-color: #fff;
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    padding-inline:30px;padding-block:20px}

.app-library.edit-mode[dir=ltr],.app-library.edit-mode[dir=rtl],[dir=ltr] .app-library.edit-mode,[dir=rtl] .app-library.edit-mode {
    padding: 20px 30px
}

.app-library.edit-mode.large {
    -webkit-padding-before: 20px;
    padding-block-start:20px}

.app-library.edit-mode.large[dir=ltr],.app-library.edit-mode.large[dir=rtl],[dir=ltr] .app-library.edit-mode.large,[dir=rtl] .app-library.edit-mode.large {
    padding-top: 20px
}

.app-library.edit-mode .header {
    -webkit-margin-after: 32px;
    margin-block-end:32px;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
}

.app-library.edit-mode[dir=ltr] .header,.app-library.edit-mode[dir=rtl] .header,[dir=ltr] .app-library.edit-mode .header,[dir=rtl] .app-library.edit-mode .header {
    margin-bottom: 32px
}

.app-library.edit-mode .header .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.app-library.edit-mode .header .title span {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    color: rgba(0,0,0,.88);
    -webkit-margin-start: 8px;
    margin-inline-start:8px}

.app-library.edit-mode[dir=ltr] .header .title span,[dir=ltr] .app-library.edit-mode .header .title span {
    margin-left: 8px
}

.app-library.edit-mode[dir=rtl] .header .title span,[dir=rtl] .app-library.edit-mode .header .title span {
    margin-right: 8px
}

[apple-system-font-capable] .app-library.edit-mode .header .title span {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.app-library.edit-mode .app-icon-container {
    opacity: .5
}

.app-library.edit-mode .app-icon-container .app-icon-link {
    min-inline-size: 45px
}

.app-library.edit-mode[dir=ltr] .app-icon-container .app-icon-link,.app-library.edit-mode[dir=rtl] .app-icon-container .app-icon-link,[dir=ltr] .app-library.edit-mode .app-icon-container .app-icon-link,[dir=rtl] .app-library.edit-mode .app-icon-container .app-icon-link {
    min-width: 45px
}

.app-library .header {
    -webkit-transition: margin .2s;
    transition: margin .2s
}

.app-library .app-icon-container {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    row-gap: 10px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.app-library .app-icon-container .app-icon-link {
    inline-size: auto;
    min-inline-size: 54px;
    max-inline-size: 100%;
    border-radius: 10px;
    padding: 3px;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.32,.08,.24,1);
    transition: -webkit-transform .2s cubic-bezier(.32,.08,.24,1);
    transition: transform .2s cubic-bezier(.32,.08,.24,1);
    transition: transform .2s cubic-bezier(.32,.08,.24,1),-webkit-transform .2s cubic-bezier(.32,.08,.24,1)
}

.app-library[dir=ltr] .app-icon-container .app-icon-link,.app-library[dir=rtl] .app-icon-container .app-icon-link,[dir=ltr] .app-library .app-icon-container .app-icon-link,[dir=rtl] .app-library .app-icon-container .app-icon-link {
    width: auto;
    min-width: 54px;
    max-width: 100%
}

.app-library .app-icon-container .app-icon-link:focus,.app-library .app-icon-container .app-icon-link:focus-visible {
    outline: none
}

.app-library .app-icon-container .app-icon-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: ""
}

@media (pointer: fine) {
    .app-library .app-icon-container .app-icon-link:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.app-library .app-icon-container div.app-displayname {
    max-inline-size: -webkit-calc(100% + 10px);
    max-inline-size: calc(100% + 10px);
    -webkit-margin-before: 8px;
    margin-block-start:8px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #1d1d1f
}

.app-library[dir=ltr] .app-icon-container div.app-displayname,.app-library[dir=rtl] .app-icon-container div.app-displayname,[dir=ltr] .app-library .app-icon-container div.app-displayname,[dir=rtl] .app-library .app-icon-container div.app-displayname {
    max-width: -webkit-calc(100% + 10px);
    max-width: calc(100% + 10px);
    margin-top: 8px
}

[apple-system-font-capable] .app-library .app-icon-container div.app-displayname {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.app-library .app-icon.calendar-icon {
    -webkit-margin-after: 3px;
    margin-block-end:3px}

.app-library[dir=ltr] .app-icon.calendar-icon,.app-library[dir=rtl] .app-icon.calendar-icon,[dir=ltr] .app-library .app-icon.calendar-icon,[dir=rtl] .app-library .app-icon.calendar-icon {
    margin-bottom: 3px
}

.app-icon-link {
    -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-link.active:not([aria-disabled=true]):not(.disabled) img,.app-icon-link:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

.app-icon-link.active:not([aria-disabled=true]):not(.disabled) *,.app-icon-link:active:hover:not([aria-disabled=true]):not(.disabled) * {
    color: rgba(0,0,0,.26)
}

.app-icon-link .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-link .app-displayname {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.drive-home-tile .primary-action svg {
    fill: #1da0dc
}

.drive-home-tile .upload-icon-wrapper {
    -webkit-margin-after: 5px;
    margin-block-end:5px}

.drive-home-tile[dir=ltr] .upload-icon-wrapper,.drive-home-tile[dir=rtl] .upload-icon-wrapper,[dir=ltr] .drive-home-tile .upload-icon-wrapper,[dir=rtl] .drive-home-tile .upload-icon-wrapper {
    margin-bottom: 5px
}

.drive-home-tile .upload-icon {
    fill: #007aff
}

.file-icon-showcase {
    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
}

.file-icon-showcase .icon-container {
    line-height: normal;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.file-icon-showcase[dir=ltr] .icon-container,.file-icon-showcase[dir=rtl] .icon-container,[dir=ltr] .file-icon-showcase .icon-container,[dir=rtl] .file-icon-showcase .icon-container {
    margin-bottom: 10px
}

.file-icon-showcase .backdrop {
    inline-size: 120px;
    block-size: 120px;
    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;
    border-radius: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.file-icon-showcase[dir=ltr] .backdrop,.file-icon-showcase[dir=rtl] .backdrop,[dir=ltr] .file-icon-showcase .backdrop,[dir=rtl] .file-icon-showcase .backdrop {
    width: 120px;
    height: 120px
}

.file-icon-showcase svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.file-icon-showcase .extension {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0,0,0,.48);
    -webkit-margin-after: -20px;
    margin-block-end:-20px}

.file-icon-showcase[dir=ltr] .extension,.file-icon-showcase[dir=rtl] .extension,[dir=ltr] .file-icon-showcase .extension,[dir=rtl] .file-icon-showcase .extension {
    margin-bottom: -20px
}

[apple-system-font-capable] .file-icon-showcase .extension {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item {
    inline-size: 100%
}

[dir=ltr] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item,[dir=rtl] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item,ui-menu.standard.quick-action-menu.icloud-touch[dir=ltr]:not(.icloud-mouse) .cloudos-menu-item,ui-menu.standard.quick-action-menu.icloud-touch[dir=rtl]:not(.icloud-mouse) .cloudos-menu-item {
    width: 100%
}

ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item .label {
    -webkit-margin-start: 12px;
    margin-inline-start:12px;overflow: hidden;
    text-overflow: ellipsis
}

[dir=ltr] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item .label,ui-menu.standard.quick-action-menu.icloud-touch[dir=ltr]:not(.icloud-mouse) .cloudos-menu-item .label {
    margin-left: 12px
}

[dir=rtl] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .cloudos-menu-item .label,ui-menu.standard.quick-action-menu.icloud-touch[dir=rtl]:not(.icloud-mouse) .cloudos-menu-item .label {
    margin-right: 12px
}

ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview ui-image img {
    max-inline-size: 265px
}

[dir=ltr] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview ui-image img,[dir=rtl] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview ui-image img,ui-menu.standard.quick-action-menu.icloud-touch[dir=ltr]:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview ui-image img,ui-menu.standard.quick-action-menu.icloud-touch[dir=rtl]:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview ui-image img {
    max-width: 265px
}

ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview+ui-menu-item[role=menuitem]:before {
    display: none
}

ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .quick-action-header[aria-disabled=true] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    -webkit-padding-start: 14px;
    padding-inline-start:14px}

[dir=ltr] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu.icloud-touch[dir=ltr]:not(.icloud-mouse) .quick-action-header[aria-disabled=true] {
    padding-left: 14px
}

[dir=rtl] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu.icloud-touch[dir=rtl]:not(.icloud-mouse) .quick-action-header[aria-disabled=true] {
    padding-right: 14px
}

[apple-system-font-capable] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .quick-action-header[aria-disabled=true] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.standard.quick-action-menu.icloud-mouse:not(.icloud-touch) ui-menu-scroll-container {
    overflow: visible
}

ui-menu.standard.quick-action-menu.icloud-mouse:not(.icloud-touch),ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) {
    min-inline-size: 275px
}

[dir=ltr] ui-menu.standard.quick-action-menu.icloud-mouse:not(.icloud-touch),[dir=ltr] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse),[dir=rtl] ui-menu.standard.quick-action-menu.icloud-mouse:not(.icloud-touch),[dir=rtl] ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse),ui-menu.standard.quick-action-menu.icloud-mouse[dir=ltr]:not(.icloud-touch),ui-menu.standard.quick-action-menu.icloud-mouse[dir=rtl]:not(.icloud-touch),ui-menu.standard.quick-action-menu.icloud-touch[dir=ltr]:not(.icloud-mouse),ui-menu.standard.quick-action-menu.icloud-touch[dir=rtl]:not(.icloud-mouse) {
    min-width: 275px
}

ui-menu.standard.quick-action-menu.icloud-mouse:not(.icloud-touch) ui-menu-item[role=menuitem].quick-action-preview,ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) ui-menu-item[role=menuitem].quick-action-preview {
    padding: 0
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem],ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox] {
    font-weight: 400
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action {
    inline-size: 100%
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].action,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].action,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action {
    width: 100%
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action svg {
    color: #0071e3
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action.active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action:active:hover:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action.active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    color: rgba(0,113,227,.3)
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action.destructive,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action.destructive svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action.destructive,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action.destructive svg {
    color: #e30000
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action.destructive.active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].action.destructive:active:hover:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action.destructive.active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].action.destructive:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    color: rgba(227,0,0,.3)
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview {
    -webkit-margin-after: 5px;
    margin-block-end:5px;margin-inline:-5px;-webkit-margin-before: -5px;
    margin-block-start:-5px;border-radius: 0
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview {
    margin: -5px -5px 5px
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted {
    background: revert
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted ui-image:before,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted ui-image:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0,.48)
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted ui-image:before,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted ui-image:before,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted ui-image:before,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted ui-image:before,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted ui-image:before,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted ui-image:before,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview.is-highlighted ui-image:before,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview.is-highlighted ui-image:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:active ui-image:before,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:active ui-image:before {
    background-color: rgba(0,0,0,.56);
    content: "";
    display: block;
    position: absolute;
    inset: 0
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:active ui-image:before,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:active ui-image:before,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:active ui-image:before,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:active ui-image:before,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:active ui-image:before,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:active ui-image:before,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:active ui-image:before,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:active ui-image:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview ui-image,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview ui-image {
    background-color: #f2f2f7;
    position: relative;
    border-start-start-radius: 8px;
    border-start-end-radius: 8px;
    inline-size: 100%;
    block-size: 199px;
    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
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview ui-image,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview ui-image,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview ui-image,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview ui-image,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview ui-image,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview ui-image,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview ui-image,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview ui-image {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    height: 199px
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview img,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview img {
    max-inline-size: 265px;
    max-block-size: 199px;
    inline-size: auto;
    block-size: auto;
    -webkit-box-shadow: 0 2px 24px rgba(0,0,0,.17);
    box-shadow: 0 2px 24px rgba(0,0,0,.17)
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview img,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview img,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview img,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview img,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview img,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview img,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview img,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview img {
    max-width: 265px;
    max-height: 199px;
    width: auto;
    height: auto
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview:not([aria-checked=true]):after,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview:not([aria-checked=true]):after {
    display: none
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading {
    inline-size: 100%;
    block-size: 199px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .file-icon-showcase,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .file-icon-showcase,[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .file-icon-showcase,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .file-icon-showcase,[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .file-icon-showcase,ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading {
    width: 100%;
    height: 199px
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-preview .preview-loading,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-preview .preview-loading {
    background-color: #f5f5f7
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    cursor: auto;
    color: #6e6e73;
    padding-block:5px;-webkit-padding-start: 12px;
    padding-inline-start:12px}

[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],[dir=ltr] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu[dir=ltr] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true] {
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px
}

[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],[dir=rtl] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],ui-menu.standard.quick-action-menu[dir=rtl] ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true] {
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px
}

[apple-system-font-capable] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true],[apple-system-font-capable] ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem][aria-disabled=true].action svg,ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox][aria-disabled=true].action svg {
    color: rgba(0,0,0,.26)
}

ui-popover.quick-action-menu-popover.drive-primary-menu.standard>ui-popover-content {
    border: 0
}

tr.home-tile-row td.quick-actions-container.left {
    scroll-snap-align: start;
    padding: 0;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

[dir=ltr] tr.home-tile-row td.quick-actions-container.left,tr.home-tile-row[dir=ltr] td.quick-actions-container.left {
    scroll-snap-align: left;
    margin-right: 10px
}

[dir=rtl] tr.home-tile-row td.quick-actions-container.left,tr.home-tile-row[dir=rtl] td.quick-actions-container.left {
    scroll-snap-align: right;
    margin-left: 10px
}

tr.home-tile-row td.quick-actions-container.right {
    scroll-snap-align: end;
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

[dir=ltr] tr.home-tile-row td.quick-actions-container.right,tr.home-tile-row[dir=ltr] td.quick-actions-container.right {
    scroll-snap-align: right;
    margin-left: 10px
}

[dir=rtl] tr.home-tile-row td.quick-actions-container.right,tr.home-tile-row[dir=rtl] td.quick-actions-container.right {
    scroll-snap-align: left;
    margin-right: 10px
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) {
    block-size: 58px;
    scroll-snap-align: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-inline-size: auto;
    max-inline-size: 100%;
    border-radius: 0
}

[dir=ltr] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse),tr.home-tile-row[dir=ltr] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) {
    height: 58px;
    scroll-snap-align: right;
    min-width: auto;
    max-width: 100%
}

[dir=rtl] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse),tr.home-tile-row[dir=rtl] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) {
    height: 58px;
    scroll-snap-align: left;
    min-width: auto;
    max-width: 100%
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    box-orient: horizontal;
    overflow-y: hidden;
    inline-size: auto;
    border-radius: 8px;
    overflow: hidden
}

[dir=ltr] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container,[dir=rtl] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container,tr.home-tile-row[dir=ltr] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container,tr.home-tile-row[dir=rtl] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container {
    width: auto
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-scroll-container ui-menu-item:after {
    display: none
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell {
    background: #e8e8ed;
    block-size: auto;
    inline-size: 60px;
    -webkit-margin-end: 1px;
    margin-inline-end:1px;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;
    padding: 0;
    border-radius: 0
}

[dir=ltr] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell,tr.home-tile-row[dir=ltr] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell {
    height: auto;
    width: 60px;
    margin-right: 1px
}

[dir=rtl] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell,tr.home-tile-row[dir=rtl] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell {
    height: auto;
    width: 60px;
    margin-left: 1px
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell:last-child {
    -webkit-margin-end: 0;
    margin-inline-end:0}

[dir=ltr] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell:last-child,tr.home-tile-row[dir=ltr] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell:last-child {
    margin-right: 0
}

[dir=rtl] tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell:last-child,tr.home-tile-row[dir=rtl] td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell:last-child {
    margin-left: 0
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell[aria-disabled=true] svg {
    fill: #d2d2d7
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell svg {
    fill: #0071e3
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell.destructive svg {
    fill: #e30000
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell.is-chosen {
    background: #0071e3
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell.is-chosen svg {
    fill: #fff
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell.is-chosen.destructive {
    background: #e30000
}

tr.home-tile-row td.quick-actions-container ui-menu.quick-actions-menu.icloud-touch:not(.icloud-mouse) ui-menu-item.quick-action-cell.is-chosen.destructive svg {
    fill: #fff
}

.document-row .home-tile-row-container {
    position: relative
}

.document-row .home-tile-row-container .row-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 0
}

.document-row[dir=ltr] .home-tile-row-container .row-container,.document-row[dir=rtl] .home-tile-row-container .row-container,[dir=ltr] .document-row .home-tile-row-container .row-container,[dir=rtl] .document-row .home-tile-row-container .row-container {
    height: 60px;
    min-width: 0
}

.document-row .home-tile-row-container .row-container .icon {
    block-size: 30px;
    inline-size: 30px;
    text-align: center
}

.document-row[dir=ltr] .home-tile-row-container .row-container .icon,.document-row[dir=rtl] .home-tile-row-container .row-container .icon,[dir=ltr] .document-row .home-tile-row-container .row-container .icon,[dir=rtl] .document-row .home-tile-row-container .row-container .icon {
    height: 30px;
    width: 30px
}

.document-row .home-tile-row-container .row-container .text {
    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;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-start: 10px;
    margin-inline-start:10px;min-inline-size: 0
}

.document-row[dir=ltr] .home-tile-row-container .row-container .text,[dir=ltr] .document-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-left: 10px;
    min-width: 0
}

.document-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=rtl] .document-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-right: 10px;
    min-width: 0
}

.document-row .home-tile-row-container .row-container .text .first-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[apple-system-font-capable] .document-row .home-tile-row-container .row-container .text .first-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.document-row .home-tile-row-container .row-container .text .first-line.tall {
    line-height: 1.8
}

.document-row .home-tile-row-container .row-container .text .second-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    -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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-padding-before: 3px;
    padding-block-start:3px}

.document-row[dir=ltr] .home-tile-row-container .row-container .text .second-line,.document-row[dir=rtl] .home-tile-row-container .row-container .text .second-line,[dir=ltr] .document-row .home-tile-row-container .row-container .text .second-line,[dir=rtl] .document-row .home-tile-row-container .row-container .text .second-line {
    padding-top: 3px
}

[apple-system-font-capable] .document-row .home-tile-row-container .row-container .text .second-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.document-row .home-tile-row-container .row-container .text .second-line .time-text {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-by {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-padding-end: 6px;
    padding-inline-end:6px}

.document-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .shared-by,[dir=ltr] .document-row .home-tile-row-container .row-container .text .second-line .shared-by {
    padding-right: 6px
}

.document-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .shared-by,[dir=rtl] .document-row .home-tile-row-container .row-container .text .second-line .shared-by {
    padding-left: 6px
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-by:before {
    content: "\00B7";
    padding-inline:4px}

.document-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .shared-by:before,.document-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .shared-by:before,[dir=ltr] .document-row .home-tile-row-container .row-container .text .second-line .shared-by:before,[dir=rtl] .document-row .home-tile-row-container .row-container .text .second-line .shared-by:before {
    padding-left: 4px;
    padding-right: 4px
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-number {
    -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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-number .number-text {
    color: rgba(0,0,0,.48)
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon {
    -webkit-padding-start: 4px;
    padding-inline-start:4px}

.document-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon,[dir=ltr] .document-row .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon {
    padding-left: 4px
}

.document-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon,[dir=rtl] .document-row .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon {
    padding-right: 4px
}

.document-row .home-tile-row-container .row-container .text .second-line .shared-number .shared-icon path {
    fill: rgba(0,0,0,.48)
}

.document-row .home-tile-row-container .screenreader-only-content {
    background: #fff;
    inset-block-start: 0
}

.document-row[dir=ltr] .home-tile-row-container .screenreader-only-content,.document-row[dir=rtl] .home-tile-row-container .screenreader-only-content,[dir=ltr] .document-row .home-tile-row-container .screenreader-only-content,[dir=rtl] .document-row .home-tile-row-container .screenreader-only-content {
    top: 0
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-icon svg.glyph-drive {
    inline-size: 54px
}

[dir=ltr] ui-pane.for-ui-alert.standard ui-popup ui-alert-icon svg.glyph-drive,[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-icon svg.glyph-drive,ui-pane.for-ui-alert.standard[dir=ltr] ui-popup ui-alert-icon svg.glyph-drive,ui-pane.for-ui-alert.standard[dir=rtl] ui-popup ui-alert-icon svg.glyph-drive {
    width: 54px
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog] {
    max-inline-size: revert;
    padding: 5px;
    border-radius: 16px
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog],[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog],ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog],ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog] {
    max-width: revert
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact {
    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;
    margin: 0;
    border-radius: 0;
    block-size: 100%;
    inline-size: 100%;
    max-block-size: unset
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].compact,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].compact {
    height: 100%;
    width: 100%;
    max-height: unset
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image {
    max-block-size: 100%
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].compact ui-image,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].compact ui-image {
    max-height: 100%
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image img {
    max-inline-size: 100%;
    max-block-size: 100%
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image img,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact ui-image img,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].compact ui-image img,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].compact ui-image img {
    max-width: 100%;
    max-height: 100%
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    block-size: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].compact .quick-look-image,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].compact .quick-look-image {
    height: 100%
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image-error {
    block-size: 100%
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image-error,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].compact .quick-look-image-error,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].compact .quick-look-image-error,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].compact .quick-look-image-error {
    height: 100%
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular ui-image img {
    max-block-size: -webkit-calc(95vh - 88px);
    max-block-size: calc(95vh - 88px);
    min-inline-size: 275px
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular ui-image img,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular ui-image img,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].regular ui-image img,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].regular ui-image img {
    max-height: -webkit-calc(95vh - 88px);
    max-height: calc(95vh - 88px);
    min-width: 275px
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular ui-image {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular .quick-look-content {
    margin-inline:-5px;-webkit-margin-after: -5px;
    margin-block-end:-5px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular .quick-look-content,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup ui-popup[role=dialog].regular .quick-look-content,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] ui-popup[role=dialog].regular .quick-look-content,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] ui-popup[role=dialog].regular .quick-look-content {
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: -5px
}

ui-pane.quick-look-modal.standard.for-ui-popup ui-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-header {
    inline-size: 100%;
    margin-block:5px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-header,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-header,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .quick-look-header,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .quick-look-header {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper,ui-pane.quick-look-modal.standard.for-ui-popup .left-toolbar,ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-header,ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-pane.quick-look-modal.standard.for-ui-popup .left-toolbar {
    -webkit-margin-start: 16px;
    margin-inline-start:16px;-webkit-margin-end: 12px;
    margin-inline-end:12px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .left-toolbar,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .left-toolbar {
    margin-left: 16px;
    margin-right: 12px
}

[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .left-toolbar,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .left-toolbar {
    margin-right: 16px;
    margin-left: 12px
}

ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-margin-end: 20px;
    margin-inline-end:20px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .right-toolbar {
    margin-left: auto;
    margin-right: 20px
}

[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .right-toolbar {
    margin-right: auto;
    margin-left: 20px
}

ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon {
    inline-size: 38px;
    block-size: 38px
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .right-toolbar ui-button.icon,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .right-toolbar ui-button.icon {
    width: 38px;
    height: 38px
}

ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon:not(:first-child) {
    -webkit-margin-start: 5px;
    margin-inline-start:5px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon:not(:first-child),ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .right-toolbar ui-button.icon:not(:first-child) {
    margin-left: 5px
}

[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .right-toolbar ui-button.icon:not(:first-child),ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .right-toolbar ui-button.icon:not(:first-child) {
    margin-right: 5px
}

ui-pane.quick-look-modal.standard.for-ui-popup [role=button].close {
    -webkit-margin-before: 0;
    margin-block-start:0}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup [role=button].close,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup [role=button].close,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] [role=button].close,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] [role=button].close {
    margin-top: 0
}

ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper {
    -webkit-margin-start: 15px;
    margin-inline-start:15px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .file-title-wrapper {
    margin-left: 15px
}

[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .file-title-wrapper {
    margin-right: 15px
}

ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper [role=heading] {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    -webkit-margin-start: 6px;
    margin-inline-start:6px}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper [role=heading],ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .file-title-wrapper [role=heading] {
    margin-left: 6px
}

[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper [role=heading],ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .file-title-wrapper [role=heading] {
    margin-right: 6px
}

[apple-system-font-capable] ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper [role=heading] {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-content,ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-loading {
    block-size: 200px;
    margin-inline:auto}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-loading,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-loading,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .quick-look-image-loading,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .quick-look-image-loading {
    height: 200px;
    margin-left: auto;
    margin-right: auto
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error {
    inline-size: 100%;
    block-size: 200px
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .quick-look-image-error,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .quick-look-image-error {
    width: 100%;
    height: 200px
}

ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error .file-icon-showcase {
    block-size: 100%
}

[dir=ltr] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error .file-icon-showcase,[dir=rtl] ui-pane.quick-look-modal.standard.for-ui-popup .quick-look-image-error .file-icon-showcase,ui-pane.quick-look-modal.standard.for-ui-popup[dir=ltr] .quick-look-image-error .file-icon-showcase,ui-pane.quick-look-modal.standard.for-ui-popup[dir=rtl] .quick-look-image-error .file-icon-showcase {
    height: 100%
}

.home-tile-table {
    inline-size: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-inline:10px;-webkit-padding-before: 10px;
    padding-block-start:10px;position: relative
}

.home-tile-table[dir=ltr],.home-tile-table[dir=rtl],[dir=ltr] .home-tile-table,[dir=rtl] .home-tile-table {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.home-tile-table:focus,.home-tile-table:focus-visible {
    outline: none
}

.home-tile-table.focus-visible:after {
    position: absolute;
    inset-block-start: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    inset-inline-end: 3px;
    content: "";
    border-color: rgba(0,113,227,.7);
    border-style: solid;
    border-width: logical 3px;
    border-radius: 15px
}

.home-tile-table.focus-visible[dir=ltr]:after,.home-tile-table.focus-visible[dir=rtl]:after,[dir=ltr] .home-tile-table.focus-visible:after,[dir=rtl] .home-tile-table.focus-visible:after {
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    border-width: 3px
}

.home-tile-table,.home-tile-table tbody {
    display: block
}

.home-tile-table.edit-mode:after {
    border-radius: 0 0 16px 16px;
    background: hsla(0,0%,100%,.4);
    content: "";
    inset: 0;
    position: absolute
}

.home-tile-table.edit-mode[dir=ltr]:after,.home-tile-table.edit-mode[dir=rtl]:after,[dir=ltr] .home-tile-table.edit-mode:after,[dir=rtl] .home-tile-table.edit-mode:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.large .home-tile-table {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-after: 45px;
    padding-block-end:45px}

.large[dir=ltr] .home-tile-table,.large[dir=rtl] .home-tile-table,[dir=ltr] .large .home-tile-table,[dir=rtl] .large .home-tile-table {
    padding-bottom: 45px
}

.large .home-tile-table tbody:first-of-type {
    -webkit-border-end: 1px solid hsla(0,0%,59.2%,.25);
    border-inline-end:1px solid hsla(0,0%,59.2%,.25);-webkit-margin-end: 17px;
    margin-inline-end:17px;-webkit-padding-end: 19px;
    padding-inline-end:19px}

.large[dir=ltr] .home-tile-table tbody:first-of-type,[dir=ltr] .large .home-tile-table tbody:first-of-type {
    border-right: 1px solid hsla(0,0%,59.2%,.25);
    margin-right: 17px;
    padding-right: 19px
}

.large[dir=rtl] .home-tile-table tbody:first-of-type,[dir=rtl] .large .home-tile-table tbody:first-of-type {
    border-left: 1px solid hsla(0,0%,59.2%,.25);
    margin-left: 17px;
    padding-left: 19px
}

.large .home-tile-table tbody {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.empty-home-tile-create-action .plus {
    block-size: 40px;
    inline-size: 40px;
    padding: 10px;
    border-radius: 20px;
    -webkit-margin-after: 15px;
    margin-block-end:15px;fill: #fff;
    color: #fff
}

.empty-home-tile-create-action[dir=ltr] .plus,.empty-home-tile-create-action[dir=rtl] .plus,[dir=ltr] .empty-home-tile-create-action .plus,[dir=rtl] .empty-home-tile-create-action .plus {
    height: 40px;
    width: 40px;
    margin-bottom: 15px
}

.home-tile-centered-column-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    block-size: 100%;
    inline-size: 100%;
    padding: 10px;
    -webkit-padding-after: 35px;
    padding-block-end:35px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

.home-tile-centered-column-layout[dir=ltr],.home-tile-centered-column-layout[dir=rtl],[dir=ltr] .home-tile-centered-column-layout,[dir=rtl] .home-tile-centered-column-layout {
    height: 100%;
    width: 100%;
    padding-bottom: 35px
}

[apple-system-font-capable] .home-tile-centered-column-layout {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.home-tile-centered-column-layout.edit-mode:after {
    border-radius: 0 0 16px 16px;
    background: hsla(0,0%,100%,.4);
    content: "";
    inset: 0;
    position: absolute
}

.home-tile-centered-column-layout.edit-mode[dir=ltr]:after,.home-tile-centered-column-layout.edit-mode[dir=rtl]:after,[dir=ltr] .home-tile-centered-column-layout.edit-mode:after,[dir=rtl] .home-tile-centered-column-layout.edit-mode:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 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
}

.checkboxes-placeholder {
    block-size: 180px;
    inline-size: 315px;
    -webkit-margin-before: 25px;
    margin-block-start:25px}

.checkboxes-placeholder[dir=ltr],.checkboxes-placeholder[dir=rtl],[dir=ltr] .checkboxes-placeholder,[dir=rtl] .checkboxes-placeholder {
    height: 180px;
    width: 315px;
    margin-top: 25px
}

.checkboxes-placeholder .column {
    inline-size: 100%;
    -webkit-padding-start: 55px;
    padding-inline-start:55px;-webkit-padding-end: 20px;
    padding-inline-end:20px}

.checkboxes-placeholder[dir=ltr] .column,[dir=ltr] .checkboxes-placeholder .column {
    width: 100%;
    padding-left: 55px;
    padding-right: 20px
}

.checkboxes-placeholder[dir=rtl] .column,[dir=rtl] .checkboxes-placeholder .column {
    width: 100%;
    padding-right: 55px;
    padding-left: 20px
}

.checkboxes-placeholder .column .checkbox-row {
    -webkit-border-before: 1px solid #e8e8ed;
    border-block-start:1px solid #e8e8ed;block-size: 60px;
    inline-size: 240px;
    position: relative
}

.checkboxes-placeholder[dir=ltr] .column .checkbox-row,.checkboxes-placeholder[dir=rtl] .column .checkbox-row,[dir=ltr] .checkboxes-placeholder .column .checkbox-row,[dir=rtl] .checkboxes-placeholder .column .checkbox-row {
    border-top: 1px solid #e8e8ed;
    height: 60px;
    width: 240px
}

.checkboxes-placeholder .column .checkbox-row:first-child {
    border-width: 0
}

.checkboxes-placeholder .column .checkbox-row .unchecked-circle {
    inset-block-start: 6px;
    inset-inline-start: -28px;
    position: absolute
}

.checkboxes-placeholder[dir=ltr] .column .checkbox-row .unchecked-circle,[dir=ltr] .checkboxes-placeholder .column .checkbox-row .unchecked-circle {
    top: 6px;
    left: -28px
}

.checkboxes-placeholder[dir=rtl] .column .checkbox-row .unchecked-circle,[dir=rtl] .checkboxes-placeholder .column .checkbox-row .unchecked-circle {
    top: 6px;
    right: -28px
}

.checkboxes-placeholder .column .checkbox-row .unchecked-circle path {
    fill: rgba(0,0,0,.16)
}

.checkboxes-placeholder.large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 660px
}

.checkboxes-placeholder.large[dir=ltr],.checkboxes-placeholder.large[dir=rtl],[dir=ltr] .checkboxes-placeholder.large,[dir=rtl] .checkboxes-placeholder.large {
    width: 660px
}

.checkboxes-placeholder.large div.column:first-of-type {
    -webkit-border-end: 1px solid hsla(0,0%,59.2%,.25);
    border-inline-end:1px solid hsla(0,0%,59.2%,.25);-webkit-margin-end: 10px;
    margin-inline-end:10px;-webkit-padding-end: 35px;
    padding-inline-end:35px}

.checkboxes-placeholder.large[dir=ltr] div.column:first-of-type,[dir=ltr] .checkboxes-placeholder.large div.column:first-of-type {
    border-right: 1px solid hsla(0,0%,59.2%,.25);
    margin-right: 10px;
    padding-right: 35px
}

.checkboxes-placeholder.large[dir=rtl] div.column:first-of-type,[dir=rtl] .checkboxes-placeholder.large div.column:first-of-type {
    border-left: 1px solid hsla(0,0%,59.2%,.25);
    margin-left: 10px;
    padding-left: 35px
}

.checkers-placeholder {
    border-radius: 0 0 16px 16px;
    background-image: linear-gradient(36.84deg,#fbfbfd 25%,transparent 0),linear-gradient(-36.84deg,#fbfbfd 25%,transparent 0),linear-gradient(36.84deg,transparent 75%,#fbfbfd 0),linear-gradient(-36.84deg,transparent 75%,#fbfbfd 0);
    background-size: 315px 235px;
    background-position: 0 0,0 118px,157.5px -118px,-157.5px 0;
    block-size: 235px;
    inline-size: 315px
}

.checkers-placeholder[dir=ltr],.checkers-placeholder[dir=rtl],[dir=ltr] .checkers-placeholder,[dir=rtl] .checkers-placeholder {
    height: 235px;
    width: 315px
}

.checkers-placeholder.large {
    background-image: linear-gradient(35.57deg,#fbfbfd 25%,transparent 0),linear-gradient(-35.57deg,#fbfbfd 25%,transparent 0),linear-gradient(35.57deg,transparent 75%,#fbfbfd 0),linear-gradient(-35.57deg,transparent 75%,#fbfbfd 0);
    background-size: 330px 235px;
    background-position: 0 0,0 118px,165px -118px,-165px 0;
    inline-size: 660px
}

.checkers-placeholder.large[dir=ltr],.checkers-placeholder.large[dir=rtl],[dir=ltr] .checkers-placeholder.large,[dir=rtl] .checkers-placeholder.large {
    width: 660px
}

.rows-placeholder {
    block-size: 180px;
    inline-size: 315px;
    -webkit-padding-before: 25px;
    padding-block-start:25px}

.rows-placeholder[dir=ltr],.rows-placeholder[dir=rtl],[dir=ltr] .rows-placeholder,[dir=rtl] .rows-placeholder {
    height: 180px;
    width: 315px;
    padding-top: 25px
}

.rows-placeholder .column {
    inline-size: 100%;
    -webkit-padding-start: 30px;
    padding-inline-start:30px}

.rows-placeholder[dir=ltr] .column,[dir=ltr] .rows-placeholder .column {
    width: 100%;
    padding-left: 30px
}

.rows-placeholder[dir=rtl] .column,[dir=rtl] .rows-placeholder .column {
    width: 100%;
    padding-right: 30px
}

.rows-placeholder .column .row {
    -webkit-border-before: 1px solid #e8e8ed;
    border-block-start:1px solid #e8e8ed;block-size: 60px;
    inline-size: 250px
}

.rows-placeholder[dir=ltr] .column .row,.rows-placeholder[dir=rtl] .column .row,[dir=ltr] .rows-placeholder .column .row,[dir=rtl] .rows-placeholder .column .row {
    border-top: 1px solid #e8e8ed;
    height: 60px;
    width: 250px
}

.rows-placeholder .column .row:first-child {
    border-width: 0
}

.rows-placeholder.large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 660px
}

.rows-placeholder.large[dir=ltr],.rows-placeholder.large[dir=rtl],[dir=ltr] .rows-placeholder.large,[dir=rtl] .rows-placeholder.large {
    width: 660px
}

.rows-placeholder.large div.column:first-of-type {
    -webkit-border-end: 1px solid hsla(0,0%,59.2%,.25);
    border-inline-end:1px solid hsla(0,0%,59.2%,.25);-webkit-margin-end: 10px;
    margin-inline-end:10px}

.rows-placeholder.large[dir=ltr] div.column:first-of-type,[dir=ltr] .rows-placeholder.large div.column:first-of-type {
    border-right: 1px solid hsla(0,0%,59.2%,.25);
    margin-right: 10px
}

.rows-placeholder.large[dir=rtl] div.column:first-of-type,[dir=rtl] .rows-placeholder.large div.column:first-of-type {
    border-left: 1px solid hsla(0,0%,59.2%,.25);
    margin-left: 10px
}

.squircles-placeholder {
    block-size: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    inline-size: 315px;
    -webkit-padding-before: 8px;
    padding-block-start:8px;padding-inline:3.75px}

.squircles-placeholder[dir=ltr],.squircles-placeholder[dir=rtl],[dir=ltr] .squircles-placeholder,[dir=rtl] .squircles-placeholder {
    height: 180px;
    width: 315px;
    padding-top: 8px;
    padding-left: 3.75px;
    padding-right: 3.75px
}

.squircles-placeholder .squircle {
    margin-block:17px;margin-inline:21.25px}

.squircles-placeholder[dir=ltr] .squircle,.squircles-placeholder[dir=rtl] .squircle,[dir=ltr] .squircles-placeholder .squircle,[dir=rtl] .squircles-placeholder .squircle {
    margin: 17px 21.25px
}

.squircles-placeholder .squircle path {
    stroke: rgba(0,0,0,.08);
    fill: rgba(0,0,0,.08)
}

.squircles-placeholder.large {
    inline-size: 660px;
    padding-inline:9.25px}

.squircles-placeholder.large[dir=ltr],.squircles-placeholder.large[dir=rtl],[dir=ltr] .squircles-placeholder.large,[dir=rtl] .squircles-placeholder.large {
    width: 660px;
    padding-left: 9.25px;
    padding-right: 9.25px
}

.squircles-placeholder.large .squircle {
    margin-inline:15.75px}

.squircles-placeholder.large[dir=ltr] .squircle,.squircles-placeholder.large[dir=rtl] .squircle,[dir=ltr] .squircles-placeholder.large .squircle,[dir=rtl] .squircles-placeholder.large .squircle {
    margin-left: 15.75px;
    margin-right: 15.75px
}

.deleted-error-tile-content {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.48);
    text-align: center;
    margin-block:auto;margin-inline:40px}

.deleted-error-tile-content[dir=ltr],.deleted-error-tile-content[dir=rtl],[dir=ltr] .deleted-error-tile-content,[dir=rtl] .deleted-error-tile-content {
    margin: auto 40px
}

[apple-system-font-capable] .deleted-error-tile-content {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.deleted-error-tile-content ui-button.primary.push.action-button {
    -webkit-margin-before: 20px;
    margin-block-start:20px;font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

.deleted-error-tile-content[dir=ltr] ui-button.primary.push.action-button,.deleted-error-tile-content[dir=rtl] ui-button.primary.push.action-button,[dir=ltr] .deleted-error-tile-content ui-button.primary.push.action-button,[dir=rtl] .deleted-error-tile-content ui-button.primary.push.action-button {
    margin-top: 20px
}

[apple-system-font-capable] .deleted-error-tile-content ui-button.primary.push.action-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.tile-customization-list-icon {
    fill: #0071e3;
    min-inline-size: 16px;
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px;-webkit-margin-start: 2px;
    margin-inline-start:2px}

.tile-customization-list-icon[dir=ltr],[dir=ltr] .tile-customization-list-icon {
    min-width: 16px;
    height: 16px;
    width: 16px;
    margin-right: 8px;
    margin-left: 2px
}

.tile-customization-list-icon[dir=rtl],[dir=rtl] .tile-customization-list-icon {
    min-width: 16px;
    height: 16px;
    width: 16px;
    margin-left: 8px;
    margin-right: 2px
}

.tile-customization-list-icon.yellow-icon {
    fill: #fc0
}

.tile-customization-list-icon.gray-icon {
    fill: #7a7a7a
}

.tile-customization-list-slide-view {
    padding-inline:5px;padding-block:5px;inline-size: 275px
}

.tile-customization-list-slide-view[dir=ltr],.tile-customization-list-slide-view[dir=rtl],[dir=ltr] .tile-customization-list-slide-view,[dir=rtl] .tile-customization-list-slide-view {
    width: 275px;
    padding: 5px
}

.card-compact .tile-customization-list-slide-view {
    inline-size: 100%
}

.card-compact[dir=ltr] .tile-customization-list-slide-view,.card-compact[dir=rtl] .tile-customization-list-slide-view,[dir=ltr] .card-compact .tile-customization-list-slide-view,[dir=rtl] .card-compact .tile-customization-list-slide-view {
    width: 100%
}

.tile-customization-list-slide-view.is-scrollbar-visible {
    inline-size: 287px
}

.tile-customization-list-slide-view.is-scrollbar-visible[dir=ltr],.tile-customization-list-slide-view.is-scrollbar-visible[dir=rtl],[dir=ltr] .tile-customization-list-slide-view.is-scrollbar-visible,[dir=rtl] .tile-customization-list-slide-view.is-scrollbar-visible {
    width: 287px
}

.card-compact .tile-customization-list-slide-view.is-scrollbar-visible {
    inline-size: 100%
}

.card-compact[dir=ltr] .tile-customization-list-slide-view.is-scrollbar-visible,.card-compact[dir=rtl] .tile-customization-list-slide-view.is-scrollbar-visible,[dir=ltr] .card-compact .tile-customization-list-slide-view.is-scrollbar-visible,[dir=rtl] .card-compact .tile-customization-list-slide-view.is-scrollbar-visible {
    width: 100%
}

.tile-customization-list-slide-view.is-scrollbar-visible slide-view.standard div[role=grid] {
    -webkit-padding-end: 12px;
    padding-inline-end:12px}

.tile-customization-list-slide-view.is-scrollbar-visible[dir=ltr] slide-view.standard div[role=grid],[dir=ltr] .tile-customization-list-slide-view.is-scrollbar-visible slide-view.standard div[role=grid] {
    padding-right: 12px
}

.tile-customization-list-slide-view.is-scrollbar-visible[dir=rtl] slide-view.standard div[role=grid],[dir=rtl] .tile-customization-list-slide-view.is-scrollbar-visible slide-view.standard div[role=grid] {
    padding-left: 12px
}

.tile-customization-list-slide-view.has-selected-child-folder slide-view.standard.icloud-touch div[role=row]:first-child ui-radio-button:after {
    border-block-end-width:5px;border-block-end-color:#f5f5f7;inline-size: 100%;
    inset-inline-start: 0
}

.tile-customization-list-slide-view.has-selected-child-folder[dir=ltr] slide-view.standard.icloud-touch div[role=row]:first-child ui-radio-button:after,[dir=ltr] .tile-customization-list-slide-view.has-selected-child-folder slide-view.standard.icloud-touch div[role=row]:first-child ui-radio-button:after {
    border-bottom-width: 5px;
    border-bottom-color: #f5f5f7;
    width: 100%;
    left: 0
}

.tile-customization-list-slide-view.has-selected-child-folder[dir=rtl] slide-view.standard.icloud-touch div[role=row]:first-child ui-radio-button:after,[dir=rtl] .tile-customization-list-slide-view.has-selected-child-folder slide-view.standard.icloud-touch div[role=row]:first-child ui-radio-button:after {
    border-bottom-width: 5px;
    border-bottom-color: #f5f5f7;
    width: 100%;
    right: 0
}

.tile-customization-list-slide-view slide-view.standard div[role=grid] {
    block-size: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.tile-customization-list-slide-view[dir=ltr] slide-view.standard div[role=grid],.tile-customization-list-slide-view[dir=rtl] slide-view.standard div[role=grid],[dir=ltr] .tile-customization-list-slide-view slide-view.standard div[role=grid],[dir=rtl] .tile-customization-list-slide-view slide-view.standard div[role=grid] {
    height: 100%
}

@media (min-width: 760px) {
    .tile-customization-list-slide-view slide-view.standard div[role=grid] {
        max-block-size:40vh
    }

    .tile-customization-list-slide-view[dir=ltr] slide-view.standard div[role=grid],.tile-customization-list-slide-view[dir=rtl] slide-view.standard div[role=grid],[dir=ltr] .tile-customization-list-slide-view slide-view.standard div[role=grid],[dir=rtl] .tile-customization-list-slide-view slide-view.standard div[role=grid] {
        max-height: 40vh
    }
}

.tile-customization-list-slide-view slide-view.standard.icloud-touch button.action:before {
    z-index: 1
}

.tile-customization-list-slide-view ui-radio-button.labelled {
    inline-size: -webkit-calc(100% - 30px);
    inline-size: calc(100% - 30px)
}

.tile-customization-list-slide-view[dir=ltr] ui-radio-button.labelled,.tile-customization-list-slide-view[dir=rtl] ui-radio-button.labelled,[dir=ltr] .tile-customization-list-slide-view ui-radio-button.labelled,[dir=rtl] .tile-customization-list-slide-view ui-radio-button.labelled {
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px)
}

.tile-customization-list-slide-view ui-radio-button.labelled label {
    inline-size: -webkit-calc(100% - 15px);
    inline-size: calc(100% - 15px)
}

.tile-customization-list-slide-view[dir=ltr] ui-radio-button.labelled label,.tile-customization-list-slide-view[dir=rtl] ui-radio-button.labelled label,[dir=ltr] .tile-customization-list-slide-view ui-radio-button.labelled label,[dir=rtl] .tile-customization-list-slide-view ui-radio-button.labelled label {
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px)
}

.tile-customization-list-slide-view ui-radio-button.labelled label span.text-label {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    inline-size: 100%
}

.tile-customization-list-slide-view[dir=ltr] ui-radio-button.labelled label span.text-label,.tile-customization-list-slide-view[dir=rtl] ui-radio-button.labelled label span.text-label,[dir=ltr] .tile-customization-list-slide-view ui-radio-button.labelled label span.text-label,[dir=rtl] .tile-customization-list-slide-view ui-radio-button.labelled label span.text-label {
    width: 100%
}

.tile-customization-list-slide-view.icloud-touch .tile-customization-list-icon {
    block-size: 20px;
    inline-size: 20px
}

.tile-customization-list-slide-view.icloud-touch[dir=ltr] .tile-customization-list-icon,.tile-customization-list-slide-view.icloud-touch[dir=rtl] .tile-customization-list-icon,[dir=ltr] .tile-customization-list-slide-view.icloud-touch .tile-customization-list-icon,[dir=rtl] .tile-customization-list-slide-view.icloud-touch .tile-customization-list-icon {
    height: 20px;
    width: 20px
}

.tree-view-container tree-view.accordion {
    margin-block:0}

.tree-view-container[dir=ltr] tree-view.accordion,.tree-view-container[dir=rtl] tree-view.accordion,[dir=ltr] .tree-view-container tree-view.accordion,[dir=rtl] .tree-view-container tree-view.accordion {
    margin-top: 0;
    margin-bottom: 0
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] {
    position: relative;
    padding-inline:5px;overflow: hidden
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog],[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog],ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog],ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] {
    padding-left: 5px;
    padding-right: 5px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] ui-button.x-close-button.push {
    position: absolute;
    inset-inline-start: 20px;
    inset-block-start: 18px
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] ui-button.x-close-button.push,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] ui-button.x-close-button.push {
    left: 20px;
    top: 18px
}

[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] ui-button.x-close-button.push,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] ui-button.x-close-button.push {
    right: 20px;
    top: 18px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    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: 16px;
    margin-block-end:16px}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] h2,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] h2 {
    margin-bottom: 16px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2 .app-name {
    -webkit-margin-start: 5px;
    margin-inline-start:5px;color: #0071e3
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2 .app-name,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] h2 .app-name {
    margin-left: 5px
}

[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h2 .app-name,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] h2 .app-name {
    margin-right: 5px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h3 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #1d1d1f;
    -webkit-margin-start: 12px;
    margin-inline-start:12px}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h3,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] h3 {
    margin-left: 12px
}

[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h3,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] h3 {
    margin-right: 12px
}

[apple-system-font-capable] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] h3 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content {
    inline-size: 490px;
    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.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content {
    width: 490px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container ui-radio-button.labelled.icloud-mouse:not(.icloud-touch) {
    padding-block:12px}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container ui-radio-button.labelled.icloud-mouse:not(.icloud-touch),[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container ui-radio-button.labelled.icloud-mouse:not(.icloud-touch),ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container ui-radio-button.labelled.icloud-mouse:not(.icloud-touch),ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container ui-radio-button.labelled.icloud-mouse:not(.icloud-touch) {
    padding-top: 12px;
    padding-bottom: 12px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion {
    overflow-x: hidden;
    overflow-y: auto;
    max-block-size: -webkit-calc(100vh - 155px);
    max-block-size: calc(100vh - 155px);
    -webkit-padding-end: 10px;
    padding-inline-end:10px}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion {
    max-height: -webkit-calc(100vh - 155px);
    max-height: calc(100vh - 155px);
    padding-right: 10px
}

[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion {
    max-height: -webkit-calc(100vh - 155px);
    max-height: calc(100vh - 155px);
    padding-left: 10px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion.has-overlay-actions {
    max-block-size: -webkit-calc(100vh - 205px);
    max-block-size: calc(100vh - 205px)
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion.has-overlay-actions,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion.has-overlay-actions {
    max-height: -webkit-calc(100vh - 205px);
    max-height: calc(100vh - 205px)
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion>expandable-tree-item:first-child,ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion>expandable-tree-item:last-child,ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion>tree-item:first-child,ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion>tree-item:last-child {
    display: block
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button {
    block-size: 40px
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button {
    height: 40px
}

@media (pointer: fine) {
    ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content .tree-view-container tree-view.accordion expandable-tree-item .wrapper ui-button.push.expansion-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content.show-confirm-button-divider ui-overlay-actions.standard.has-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;
    -webkit-border-after: 0;
    border-block-end:0;-webkit-border-start: 0;
    border-inline-start:0;-webkit-border-end: 0;
    border-inline-end:0}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content.show-confirm-button-divider ui-overlay-actions.standard.has-overlay-actions,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content.show-confirm-button-divider ui-overlay-actions.standard.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content.show-confirm-button-divider ui-overlay-actions.standard.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content.show-confirm-button-divider ui-overlay-actions.standard.has-overlay-actions {
    border-bottom: 0;
    border-left: 0;
    border-right: 0
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard {
    z-index: -1;
    -webkit-margin-before: -50px;
    margin-block-start:-50px;-webkit-transition: -webkit-margin-before .25s cubic-bezier(.32,.08,.24,1);
    transition: -webkit-margin-before .25s cubic-bezier(.32,.08,.24,1);
    transition: margin-block-start .25s cubic-bezier(.32,.08,.24,1);
    transition: margin-block-start .25s cubic-bezier(.32,.08,.24,1),-webkit-margin-before .25s cubic-bezier(.32,.08,.24,1)
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard {
    margin-top: -50px
}

ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard.has-overlay-actions {
    -webkit-margin-before: 0;
    margin-block-start:0;z-index: 1
}

[dir=ltr] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard.has-overlay-actions,[dir=rtl] ui-pane.for-ui-popup.standard.tile-customization-modal-container>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=ltr]>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard.has-overlay-actions,ui-pane.for-ui-popup.standard.tile-customization-modal-container[dir=rtl]>ui-popup[role=dialog] .tile-customization-modal-content ui-overlay-actions.standard.has-overlay-actions {
    margin-top: 0
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header {
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 20px;
    margin-block-end: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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header,[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-header,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-header {
    margin-top: 15px;
    margin-bottom: 20px
}

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

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header ui-button.push.primary.close-button {
    color: #1d1d1f;
    padding-inline:4px;position: absolute;
    inset-inline-start: 10px
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header ui-button.push.primary.close-button,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-header ui-button.push.primary.close-button {
    left: 10px;
    padding-left: 4px;
    padding-right: 4px
}

[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header ui-button.push.primary.close-button,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-header ui-button.push.primary.close-button {
    right: 10px;
    padding-right: 4px;
    padding-left: 4px
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header ui-button.push.primary.close-button.active:not([aria-disabled=true]):not(.disabled),ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header ui-button.push.primary.close-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: #fff
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-header .app-name {
    color: #0071e3
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body {
    block-size: -webkit-calc(100% - 60px);
    block-size: calc(100% - 60px);
    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.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body,[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-body,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-body {
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px)
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .subtitle {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #1d1d1f;
    -webkit-margin-start: 15px;
    margin-inline-start:15px}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .subtitle,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-body .subtitle {
    margin-left: 15px
}

[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .subtitle,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-body .subtitle {
    margin-right: 15px
}

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

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label {
    inline-size: -webkit-calc(100% - 25px);
    inline-size: calc(100% - 25px)
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label,[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label {
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px)
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span.text-label {
    inline-size: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span.text-label,[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span.text-label,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span.text-label,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-body .tree-view-container tree-view.accordion tree-item tree-item-content ui-radio-button.labelled label span.text-label {
    width: 100%
}

ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .action-button-container {
    background-color: #fbfbfd;
    -webkit-border-before: .5px solid #d1d1d1;
    border-block-start:.5px solid #d1d1d1;padding-block: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;
    position: -webkit-sticky;
    position: sticky;
    inset-block-end: 0
}

[dir=ltr] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .action-button-container,[dir=rtl] ui-pane.for-ui-card.standard.tile-picker-modal-compact ui-card .card-compact-body .action-button-container,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=ltr] ui-card .card-compact-body .action-button-container,ui-pane.for-ui-card.standard.tile-picker-modal-compact[dir=rtl] ui-card .card-compact-body .action-button-container {
    border-top: .5px solid #d1d1d1;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.simple-empty-home-tile-content {
    color: rgba(0,0,0,.56)
}

ui-button.push.primary.drive-folders-list-button {
    block-size: 36px;
    min-inline-size: 50px;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-inline:10px}

[dir=ltr] ui-button.push.primary.drive-folders-list-button,[dir=rtl] ui-button.push.primary.drive-folders-list-button,ui-button.push.primary.drive-folders-list-button[dir=ltr],ui-button.push.primary.drive-folders-list-button[dir=rtl] {
    height: 36px;
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px
}

[apple-system-font-capable] ui-button.push.primary.drive-folders-list-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-button.push.primary.drive-folders-list-button.is-showing-popover {
    background-color: #0071e3;
    color: #fff;
    opacity: .3
}

@media (pointer: fine) {
    ui-button.push.primary.drive-folders-list-button.is-showing-popover:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:#0071e3
    }
}

ui-button.push.primary.drive-folders-list-button span.text-label {
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

[dir=ltr] ui-button.push.primary.drive-folders-list-button span.text-label,ui-button.push.primary.drive-folders-list-button[dir=ltr] span.text-label {
    margin-right: 5px
}

[dir=rtl] ui-button.push.primary.drive-folders-list-button span.text-label,ui-button.push.primary.drive-folders-list-button[dir=rtl] span.text-label {
    margin-left: 5px
}

ui-button.push.primary.drive-folders-list-button svg {
    min-inline-size: 17.5px;
    overflow: visible
}

[dir=ltr] ui-button.push.primary.drive-folders-list-button svg,[dir=rtl] ui-button.push.primary.drive-folders-list-button svg,ui-button.push.primary.drive-folders-list-button[dir=ltr] svg,ui-button.push.primary.drive-folders-list-button[dir=rtl] svg {
    min-width: 17.5px
}

ui-popover.standard.drive-folders-list .content-title {
    -webkit-margin-before: 10px;
    margin-block-start:10px;margin-inline:15px;color: #6e6e73;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

[dir=ltr] ui-popover.standard.drive-folders-list .content-title,[dir=rtl] ui-popover.standard.drive-folders-list .content-title,ui-popover.standard.drive-folders-list[dir=ltr] .content-title,ui-popover.standard.drive-folders-list[dir=rtl] .content-title {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px
}

[apple-system-font-capable] ui-popover.standard.drive-folders-list .content-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu {
    min-inline-size: 255px
}

[dir=ltr] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu,[dir=rtl] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu,ui-popover.standard.drive-folders-list[dir=ltr] ui-menu.standard.drive-folders-list-menu,ui-popover.standard.drive-folders-list[dir=rtl] ui-menu.standard.drive-folders-list-menu {
    min-width: 255px
}

ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu svg {
    overflow: visible
}

ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    inline-size: 100%;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,[dir=ltr] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu,[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,[dir=rtl] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] ui-menu.standard.drive-folders-list-menu,ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] ui-menu.standard.drive-folders-list-menu,ui-popover.standard.drive-folders-list[dir=ltr] ui-menu.standard.drive-folders-list-menu,ui-popover.standard.drive-folders-list[dir=rtl] ui-menu.standard.drive-folders-list-menu {
    width: 100%
}

[apple-system-font-capable] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,[apple-system-font-capable] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu .content-label,ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu .content-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    inline-size: 100%
}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu .content-label,[dir=ltr] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu .content-label,[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu .content-label,[dir=rtl] ui-popover.standard.drive-folders-list ui-menu.standard.drive-folders-list-menu .content-label,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] ui-menu.standard.drive-folders-list-menu .content-label,ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] ui-menu.standard.drive-folders-list-menu .content-label,ui-popover.standard.drive-folders-list[dir=ltr] ui-menu.standard.drive-folders-list-menu .content-label,ui-popover.standard.drive-folders-list[dir=rtl] ui-menu.standard.drive-folders-list-menu .content-label {
    width: 100%
}

ui-pane.drive-folders-list-compact.for-ui-card {
    block-size: auto
}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card,[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr],ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] {
    height: auto
}

ui-pane.drive-folders-list-compact.for-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}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card .card-compact-header,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] .card-compact-header {
    padding-left: 14px
}

[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card .card-compact-header,ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] .card-compact-header {
    padding-right: 14px
}

ui-pane.drive-folders-list-compact.for-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.drive-folders-list-compact.for-ui-card .card-compact-header .title,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] .card-compact-header .title {
    width: 100%;
    text-align: right
}

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

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

ui-pane.drive-folders-list-compact.for-ui-card .card-compact-header {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-before: 15px;
    padding-block-start:15px;padding-inline:20px}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card .card-compact-header,[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card .card-compact-header,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] .card-compact-header,ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] .card-compact-header {
    top: 0;
    left: 0;
    right: 0;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px
}

ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu {
    min-inline-size: 100%;
    padding-inline:15px}

[dir=ltr] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,[dir=rtl] ui-pane.drive-folders-list-compact.for-ui-card ui-menu.standard.drive-folders-list-menu,ui-pane.drive-folders-list-compact.for-ui-card[dir=ltr] ui-menu.standard.drive-folders-list-menu,ui-pane.drive-folders-list-compact.for-ui-card[dir=rtl] ui-menu.standard.drive-folders-list-menu {
    min-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.keynote-home-tile .primary-action svg {
    fill: #1e67f0
}

.keynote-home-tile .accent-background {
    background-color: #007aff
}

.keynote-tile-picker-icon-blue {
    fill: #007aff
}

.mail-home-tile .primary-action svg {
    fill: #1c74f2
}

.mail-home-tile.small .mail-setup>* {
    max-inline-size: 244px
}

.mail-home-tile.small[dir=ltr] .mail-setup>*,.mail-home-tile.small[dir=rtl] .mail-setup>*,[dir=ltr] .mail-home-tile.small .mail-setup>*,[dir=rtl] .mail-home-tile.small .mail-setup>* {
    max-width: 244px
}

.mail-home-tile.small .mail-setup .mail-setup-message {
    -webkit-padding-after: 10px;
    padding-block-end:10px}

.mail-home-tile.small[dir=ltr] .mail-setup .mail-setup-message,.mail-home-tile.small[dir=rtl] .mail-setup .mail-setup-message,[dir=ltr] .mail-home-tile.small .mail-setup .mail-setup-message,[dir=rtl] .mail-home-tile.small .mail-setup .mail-setup-message {
    padding-bottom: 10px
}

.mail-home-tile .mail-setup {
    block-size: 100%;
    inline-size: 100%;
    -webkit-padding-start: 12px;
    padding-inline-start:12px;-webkit-padding-end: 12px;
    padding-inline-end:12px;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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mail-home-tile[dir=ltr] .mail-setup,.mail-home-tile[dir=rtl] .mail-setup,[dir=ltr] .mail-home-tile .mail-setup,[dir=rtl] .mail-home-tile .mail-setup {
    height: 100%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.mail-home-tile .mail-setup>* {
    max-inline-size: 394px
}

.mail-home-tile[dir=ltr] .mail-setup>*,.mail-home-tile[dir=rtl] .mail-setup>*,[dir=ltr] .mail-home-tile .mail-setup>*,[dir=rtl] .mail-home-tile .mail-setup>* {
    max-width: 394px
}

.mail-home-tile .mail-setup>.mail-setup-title {
    background-color: #1ac0fa;
    background-image: -webkit-gradient(linear,left top,right top,from(#1ac0fa),to(#1e71f0));
    background-image: linear-gradient(90deg,#1ac0fa,#1e71f0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 700;
    font-size: 21px;
    letter-spacing: .23px;
    text-align: center;
    -webkit-padding-after: 10px;
    padding-block-end:10px;line-height: 25px
}

.mail-home-tile[dir=ltr] .mail-setup>.mail-setup-title,.mail-home-tile[dir=rtl] .mail-setup>.mail-setup-title,[dir=ltr] .mail-home-tile .mail-setup>.mail-setup-title,[dir=rtl] .mail-home-tile .mail-setup>.mail-setup-title {
    padding-bottom: 10px
}

.mail-home-tile .mail-setup>.mail-setup-message {
    color: rgba(0,0,0,.56);
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    -webkit-padding-after: 18px;
    padding-block-end:18px}

.mail-home-tile[dir=ltr] .mail-setup>.mail-setup-message,.mail-home-tile[dir=rtl] .mail-setup>.mail-setup-message,[dir=ltr] .mail-home-tile .mail-setup>.mail-setup-message,[dir=rtl] .mail-home-tile .mail-setup>.mail-setup-message {
    padding-bottom: 18px
}

.mail-home-tile ui-button.primary.filter-picker-popover-button {
    position: absolute;
    z-index: 2;
    inset-block-end: 10px;
    inset-inline-end: 10px;
    padding: 0;
    inline-size: 38px;
    block-size: 36px;
    border-radius: 8px;
    color: #0071e3
}

.mail-home-tile[dir=ltr] ui-button.primary.filter-picker-popover-button,[dir=ltr] .mail-home-tile ui-button.primary.filter-picker-popover-button {
    bottom: 10px;
    right: 10px;
    width: 38px;
    height: 36px
}

.mail-home-tile[dir=rtl] ui-button.primary.filter-picker-popover-button,[dir=rtl] .mail-home-tile ui-button.primary.filter-picker-popover-button {
    bottom: 10px;
    left: 10px;
    width: 38px;
    height: 36px
}

.mail-home-tile ui-button.primary.filter-picker-popover-button:not(:hover):not(:active):not(.showing-filter-picker) {
    background-color: transparent
}

.mail-home-tile ui-button.primary.filter-picker-popover-button.showing-filter-picker {
    opacity: .3;
    color: #fff;
    background-color: #0071e3
}

@media (pointer: fine) {
    .mail-home-tile ui-button.primary.filter-picker-popover-button.showing-filter-picker:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        color:#fff;
        background-color: #0071e3
    }
}

@media (pointer: fine) {
    .mail-home-tile ui-button.primary.filter-picker-popover-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        border-color:transparent;
        color: #0071e3;
        background-color: rgba(0,0,0,.08)
    }
}

.mail-home-tile ui-button.primary.filter-picker-popover-button.active:not([aria-disabled=true]):not(.disabled),.mail-home-tile ui-button.primary.filter-picker-popover-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    border-color: transparent;
    outline: none;
    color: #fff;
    background-color: #0071e3
}

.mail-home-tile ui-button.primary.filter-picker-popover-button:focus:not([aria-disabled=true]):not(.disabled) {
    border-color: transparent
}

.mail-home-tile ui-button.primary.filter-picker-popover-button:focus:not([aria-disabled=true]):not(.disabled):focus,.mail-home-tile ui-button.primary.filter-picker-popover-button:focus:not([aria-disabled=true]):not(.disabled):focus-visible {
    outline: none
}

.mail-home-tile ui-button.primary.filter-picker-popover-button:focus:not([aria-disabled=true]):not(.disabled).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)
}

.mail-home-tile ui-button.primary.filter-picker-popover-button svg {
    overflow: visible
}

.mail-home-tile .description-text-content svg {
    margin-inline:5px}

.mail-home-tile[dir=ltr] .description-text-content svg,.mail-home-tile[dir=rtl] .description-text-content svg,[dir=ltr] .mail-home-tile .description-text-content svg,[dir=rtl] .mail-home-tile .description-text-content svg {
    margin-left: 5px;
    margin-right: 5px
}

.mail-home-tile .filter-text-content {
    color: #1c74f2
}

.mail-home-tile .header-content.unstyled-link.link.active:not([aria-disabled=true]):not(.disabled) .filter-text-content,.mail-home-tile .header-content.unstyled-link.link:active:hover:not([aria-disabled=true]):not(.disabled) .filter-text-content {
    color: rgba(28,116,242,.3)
}

.filter-picker-popover .container ui-switch {
    position: absolute;
    inset-inline-end: 16px
}

.filter-picker-popover[dir=ltr] .container ui-switch,[dir=ltr] .filter-picker-popover .container ui-switch {
    right: 16px
}

.filter-picker-popover[dir=rtl] .container ui-switch,[dir=rtl] .filter-picker-popover .container ui-switch {
    left: 16px
}

.filter-picker-popover .container ui-switch.standard[aria-checked=true] {
    background-color: #0071e3
}

.filter-picker-popover .container.icloud-touch .tile-picker-title.filter-picker-title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    line-height: 31px
}

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

.filter-picker-popover.filter-inactive .container .ui-list>ul {
    pointer-events: none;
    opacity: .3
}

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

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

ui-pane.for-ui-card.standard.filter-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.filter-card-compact ui-card .card-compact-header,ui-pane.for-ui-card.standard.filter-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.filter-card-compact ui-card .card-compact-header,ui-pane.for-ui-card.standard.filter-card-compact[dir=rtl] ui-card .card-compact-header {
    padding-right: 14px;
    padding-left: 20px;
    padding-top: 15px
}

ui-pane.for-ui-card.standard.filter-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.filter-card-compact ui-card .card-compact-header .title,ui-pane.for-ui-card.standard.filter-card-compact[dir=ltr] ui-card .card-compact-header .title {
    width: 100%;
    text-align: right
}

[dir=rtl] ui-pane.for-ui-card.standard.filter-card-compact ui-card .card-compact-header .title,ui-pane.for-ui-card.standard.filter-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.filter-card-compact ui-card .card-compact-header .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.mail-filter-list .icon {
    fill: #0071e3
}

svg.cc-indicator,svg.to-indicator {
    inline-size: 16px
}

[dir=ltr] svg.cc-indicator,[dir=ltr] svg.to-indicator,[dir=rtl] svg.cc-indicator,[dir=rtl] svg.to-indicator,svg.cc-indicator[dir=ltr],svg.cc-indicator[dir=rtl],svg.to-indicator[dir=ltr],svg.to-indicator[dir=rtl] {
    width: 16px
}

.mail-row .home-tile-row-container {
    position: relative
}

.mail-row .home-tile-row-container .row-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 0
}

.mail-row[dir=ltr] .home-tile-row-container .row-container,.mail-row[dir=rtl] .home-tile-row-container .row-container,[dir=ltr] .mail-row .home-tile-row-container .row-container,[dir=rtl] .mail-row .home-tile-row-container .row-container {
    height: 60px;
    min-width: 0
}

.mail-row .home-tile-row-container .row-container .unread-indicator {
    inset-block-start: 16px;
    inset-inline-start: 0;
    position: absolute
}

.mail-row[dir=ltr] .home-tile-row-container .row-container .unread-indicator,[dir=ltr] .mail-row .home-tile-row-container .row-container .unread-indicator {
    top: 16px;
    left: 0
}

.mail-row[dir=rtl] .home-tile-row-container .row-container .unread-indicator,[dir=rtl] .mail-row .home-tile-row-container .row-container .unread-indicator {
    top: 16px;
    right: 0
}

.mail-row .home-tile-row-container .row-container .unread-indicator path {
    fill: #0071eb
}

.mail-row .home-tile-row-container .row-container .text {
    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;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-start: 20px;
    margin-inline-start:20px;min-inline-size: 0
}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text,[dir=ltr] .mail-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-left: 20px;
    min-width: 0
}

.mail-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=rtl] .mail-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-right: 20px;
    min-width: 0
}

.mail-row .home-tile-row-container .row-container .text .first-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .first-line,.mail-row[dir=rtl] .home-tile-row-container .row-container .text .first-line,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .first-line,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .first-line {
    width: 100%
}

.mail-row .home-tile-row-container .row-container .text .first-line .from-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[apple-system-font-capable] .mail-row .home-tile-row-container .row-container .text .first-line .from-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.mail-row .home-tile-row-container .row-container .text .first-line .time-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .first-line .time-text,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .first-line .time-text {
    padding-left: 10px
}

.mail-row[dir=rtl] .home-tile-row-container .row-container .text .first-line .time-text,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .first-line .time-text {
    padding-right: 10px
}

[apple-system-font-capable] .mail-row .home-tile-row-container .row-container .text .first-line .time-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.mail-row .home-tile-row-container .row-container .text .second-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    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-padding-before: 3px;
    padding-block-start:3px}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .second-line,.mail-row[dir=rtl] .home-tile-row-container .row-container .text .second-line,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .second-line,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .second-line {
    padding-top: 3px
}

[apple-system-font-capable] .mail-row .home-tile-row-container .row-container .text .second-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-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
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-attachment-icon {
    fill: #86868b;
    -webkit-margin-start: 4px;
    margin-inline-start:4px}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-attachment-icon,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-attachment-icon {
    margin-left: 4px
}

.mail-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-attachment-icon,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-attachment-icon {
    margin-right: 4px
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-flag-icon {
    fill: #f56300;
    -webkit-margin-start: 4px;
    margin-inline-start:4px}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-flag-icon,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-flag-icon {
    margin-left: 4px
}

.mail-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-flag-icon,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-flag-icon {
    margin-right: 4px
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons span {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #0071e3;
    -webkit-margin-start: 4px;
    margin-inline-start:4px;-webkit-margin-end: 4px;
    margin-inline-end:4px}

.mail-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .second-line-icons span,.mail-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .second-line-icons span,[dir=ltr] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons span,[dir=rtl] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons span {
    margin-left: 4px;
    margin-right: 4px
}

[apple-system-font-capable] .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons span {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons .mail-row-chevron-icon {
    fill: #0071e3
}

.mail-row .home-tile-row-container .screenreader-only-content {
    background: #fff;
    inset-block-start: 0
}

.mail-row[dir=ltr] .home-tile-row-container .screenreader-only-content,.mail-row[dir=rtl] .home-tile-row-container .screenreader-only-content,[dir=ltr] .mail-row .home-tile-row-container .screenreader-only-content,[dir=rtl] .mail-row .home-tile-row-container .screenreader-only-content {
    top: 0
}

.mail-tile-customization-list .previous-selected-child-mailbox-list {
    position: relative
}

ui-pane.tile-customization-picker-pane .container .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view {
    block-size: 40px
}

[dir=ltr] ui-pane.tile-customization-picker-pane .container .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view,[dir=rtl] ui-pane.tile-customization-picker-pane .container .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view,ui-pane.tile-customization-picker-pane[dir=ltr] .container .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view,ui-pane.tile-customization-picker-pane[dir=rtl] .container .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view {
    height: 40px
}

.mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid] {
    block-size: 30px;
    overflow: hidden
}

.mail-tile-customization-list[dir=ltr] .previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid],.mail-tile-customization-list[dir=rtl] .previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid],[dir=ltr] .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid],[dir=rtl] .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid] {
    height: 30px
}

.mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon {
    min-inline-size: 16px
}

.mail-tile-customization-list[dir=ltr] .previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon,.mail-tile-customization-list[dir=rtl] .previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon,[dir=ltr] .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon,[dir=rtl] .mail-tile-customization-list .previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon {
    min-width: 16px
}

.mail-tile-customization-list .previous-selected-child-mailbox-list:after {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: -webkit-calc(100% - 34px);
    inline-size: calc(100% - 34px);
    block-size: 1px;
    background-color: rgba(0,0,0,.08);
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 17px
}

.mail-tile-customization-list[dir=ltr] .previous-selected-child-mailbox-list:after,[dir=ltr] .mail-tile-customization-list .previous-selected-child-mailbox-list:after {
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    height: 1px;
    bottom: 0;
    left: 17px
}

.mail-tile-customization-list[dir=rtl] .previous-selected-child-mailbox-list:after,[dir=rtl] .mail-tile-customization-list .previous-selected-child-mailbox-list:after {
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    height: 1px;
    bottom: 0;
    right: 17px
}

.mail-tile-customization-list .tile-customization-list-slide-view.tree-view-list slide-view.standard div[role=grid] {
    block-size: auto
}

.mail-tile-customization-list[dir=ltr] .tile-customization-list-slide-view.tree-view-list slide-view.standard div[role=grid],.mail-tile-customization-list[dir=rtl] .tile-customization-list-slide-view.tree-view-list slide-view.standard div[role=grid],[dir=ltr] .mail-tile-customization-list .tile-customization-list-slide-view.tree-view-list slide-view.standard div[role=grid],[dir=rtl] .mail-tile-customization-list .tile-customization-list-slide-view.tree-view-list slide-view.standard div[role=grid] {
    height: auto
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid] {
    block-size: 44px
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view[dir=ltr] slide-view.standard div[role=grid],.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view[dir=rtl] slide-view.standard div[role=grid],[dir=ltr] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid],[dir=rtl] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view slide-view.standard div[role=grid] {
    height: 44px
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon {
    min-inline-size: 20px
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view[dir=ltr] .tile-customization-list-icon,.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view[dir=rtl] .tile-customization-list-icon,[dir=ltr] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon,[dir=rtl] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list.tile-customization-list-slide-view .tile-customization-list-icon {
    min-width: 20px
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list:after {
    inline-size: 100%;
    block-size: 5px;
    inset-inline-start: 0
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list[dir=ltr]:after,[dir=ltr] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list:after {
    width: 100%;
    height: 5px;
    left: 0
}

.tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list[dir=rtl]:after,[dir=rtl] .tile-customization-list-slide-view.icloud-touch.previous-selected-child-mailbox-list:after {
    width: 100%;
    height: 5px;
    right: 0
}

.tile-customization-selected-child-folder-name {
    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;
    white-space: nowrap;
    inline-size: -webkit-calc(100% - 16px);
    inline-size: calc(100% - 16px)
}

.tile-customization-selected-child-folder-name[dir=ltr],.tile-customization-selected-child-folder-name[dir=rtl],[dir=ltr] .tile-customization-selected-child-folder-name,[dir=rtl] .tile-customization-selected-child-folder-name {
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px)
}

.tile-customization-selected-child-folder-name .text-label {
    -webkit-margin-start: 5px;
    margin-inline-start:5px}

.tile-customization-selected-child-folder-name[dir=ltr] .text-label,[dir=ltr] .tile-customization-selected-child-folder-name .text-label {
    margin-left: 5px
}

.tile-customization-selected-child-folder-name[dir=rtl] .text-label,[dir=rtl] .tile-customization-selected-child-folder-name .text-label {
    margin-right: 5px
}

.tile-customization-selected-child-folder-name svg {
    -webkit-margin-start: 5px;
    margin-inline-start:5px}

.tile-customization-selected-child-folder-name[dir=ltr] svg,[dir=ltr] .tile-customization-selected-child-folder-name svg {
    margin-left: 5px
}

.tile-customization-selected-child-folder-name[dir=rtl] svg,[dir=rtl] .tile-customization-selected-child-folder-name svg {
    margin-right: 5px
}

.tile-customization-select-folder-action-row {
    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;
    inline-size: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tile-customization-select-folder-action-row[dir=ltr],.tile-customization-select-folder-action-row[dir=rtl],[dir=ltr] .tile-customization-select-folder-action-row,[dir=rtl] .tile-customization-select-folder-action-row {
    width: 100%
}

.notes-home-tile .primary-action svg {
    fill: #f1c100
}

.notes-row .home-tile-row-container {
    position: relative
}

.notes-row .home-tile-row-container .row-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 0
}

.notes-row[dir=ltr] .home-tile-row-container .row-container,.notes-row[dir=rtl] .home-tile-row-container .row-container,[dir=ltr] .notes-row .home-tile-row-container .row-container,[dir=rtl] .notes-row .home-tile-row-container .row-container {
    height: 60px;
    min-width: 0
}

.notes-row .home-tile-row-container .row-container .shared-indicator {
    inset-block-start: 12px;
    inset-inline-start: 0;
    position: absolute
}

.notes-row[dir=ltr] .home-tile-row-container .row-container .shared-indicator,[dir=ltr] .notes-row .home-tile-row-container .row-container .shared-indicator {
    top: 12px;
    left: 0
}

.notes-row[dir=rtl] .home-tile-row-container .row-container .shared-indicator,[dir=rtl] .notes-row .home-tile-row-container .row-container .shared-indicator {
    top: 12px;
    right: 0
}

.notes-row .home-tile-row-container .row-container .shared-indicator path {
    fill: rgba(0,0,0,.48)
}

.notes-row .home-tile-row-container .row-container .locked-indicator {
    inset-block-end: 0;
    inset-inline-end: 0;
    position: absolute
}

.notes-row[dir=ltr] .home-tile-row-container .row-container .locked-indicator,[dir=ltr] .notes-row .home-tile-row-container .row-container .locked-indicator {
    bottom: 0;
    right: 0
}

.notes-row[dir=rtl] .home-tile-row-container .row-container .locked-indicator,[dir=rtl] .notes-row .home-tile-row-container .row-container .locked-indicator {
    bottom: 0;
    left: 0
}

.notes-row .home-tile-row-container .row-container .locked-indicator path {
    fill: rgba(0,0,0,.48)
}

.notes-row .home-tile-row-container .row-container .text {
    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;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-start: 25px;
    margin-inline-start:25px;min-inline-size: 0
}

.notes-row[dir=ltr] .home-tile-row-container .row-container .text,[dir=ltr] .notes-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-left: 25px;
    min-width: 0
}

.notes-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=rtl] .notes-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    margin-right: 25px;
    min-width: 0
}

.notes-row .home-tile-row-container .row-container .text .first-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[apple-system-font-capable] .notes-row .home-tile-row-container .row-container .text .first-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notes-row .home-tile-row-container .row-container .text .first-line.tall {
    line-height: 1.8
}

.notes-row .home-tile-row-container .row-container .text .second-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    inline-size: 100%;
    min-inline-size: 0;
    -webkit-padding-before: 3px;
    padding-block-start:3px}

.notes-row[dir=ltr] .home-tile-row-container .row-container .text .second-line,.notes-row[dir=rtl] .home-tile-row-container .row-container .text .second-line,[dir=ltr] .notes-row .home-tile-row-container .row-container .text .second-line,[dir=rtl] .notes-row .home-tile-row-container .row-container .text .second-line {
    width: 100%;
    min-width: 0;
    padding-top: 3px
}

.notes-row .home-tile-row-container .row-container .text .second-line.tall {
    line-height: 1.8
}

.notes-row .home-tile-row-container .row-container .text .second-line .time-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.88);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-padding-end: 8px;
    padding-inline-end:8px;-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notes-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .time-text,[dir=ltr] .notes-row .home-tile-row-container .row-container .text .second-line .time-text {
    padding-right: 8px
}

.notes-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .time-text,[dir=rtl] .notes-row .home-tile-row-container .row-container .text .second-line .time-text {
    padding-left: 8px
}

[apple-system-font-capable] .notes-row .home-tile-row-container .row-container .text .second-line .time-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notes-row .home-tile-row-container .row-container .text .second-line .snippet-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[apple-system-font-capable] .notes-row .home-tile-row-container .row-container .text .second-line .snippet-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.notes-row .home-tile-row-container .screenreader-only-content {
    background: #fff;
    inset-block-start: 0
}

.notes-row[dir=ltr] .home-tile-row-container .screenreader-only-content,.notes-row[dir=rtl] .home-tile-row-container .screenreader-only-content,[dir=ltr] .notes-row .home-tile-row-container .screenreader-only-content,[dir=rtl] .notes-row .home-tile-row-container .screenreader-only-content {
    top: 0
}

.notes-home-tile-accent {
    background-color: #f9cc00
}

.numbers-home-tile .primary-action svg {
    fill: #0cc216
}

.numbers-home-tile .accent-background {
    background-color: #34c759
}

.numbers-tile-picker-icon-green {
    fill: #34c759
}

.pages-home-tile .primary-action svg {
    fill: #ff8b18
}

.pages-home-tile .accent-background {
    background-color: #ff9500
}

.pages-tile-picker-icon-orange {
    fill: #ff9500
}

.photos-home-tile {
    overflow: hidden
}

.photos-home-tile.small .photos-setup>* {
    max-inline-size: 244px
}

.photos-home-tile.small[dir=ltr] .photos-setup>*,.photos-home-tile.small[dir=rtl] .photos-setup>*,[dir=ltr] .photos-home-tile.small .photos-setup>*,[dir=rtl] .photos-home-tile.small .photos-setup>* {
    max-width: 244px
}

.photos-home-tile.small .photos-setup .photos-setup-message {
    -webkit-padding-after: 10px;
    padding-block-end:10px}

.photos-home-tile.small[dir=ltr] .photos-setup .photos-setup-message,.photos-home-tile.small[dir=rtl] .photos-setup .photos-setup-message,[dir=ltr] .photos-home-tile.small .photos-setup .photos-setup-message,[dir=rtl] .photos-home-tile.small .photos-setup .photos-setup-message {
    padding-bottom: 10px
}

.photos-home-tile .photos-setup {
    block-size: 100%;
    inline-size: 100%;
    -webkit-padding-start: 12px;
    padding-inline-start:12px;-webkit-padding-end: 12px;
    padding-inline-end:12px;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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photos-home-tile[dir=ltr] .photos-setup,.photos-home-tile[dir=rtl] .photos-setup,[dir=ltr] .photos-home-tile .photos-setup,[dir=rtl] .photos-home-tile .photos-setup {
    height: 100%;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.photos-home-tile .photos-setup>* {
    max-inline-size: 394px
}

.photos-home-tile[dir=ltr] .photos-setup>*,.photos-home-tile[dir=rtl] .photos-setup>*,[dir=ltr] .photos-home-tile .photos-setup>*,[dir=rtl] .photos-home-tile .photos-setup>* {
    max-width: 394px
}

.photos-home-tile .photos-setup>.photos-setup-title {
    background-image: -webkit-gradient(linear,left top,right top,from(#e121e5),color-stop(7%,#ec3a37),color-stop(34%,#f39718),color-stop(50%,#80c63e),color-stop(95%,#50a0a7));
    background-image: linear-gradient(90deg,#e121e5,#ec3a37 7%,#f39718 34%,#80c63e 50%,#50a0a7 95% #4873ee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-weight: 700;
    font-size: 21px;
    letter-spacing: .23px;
    text-align: center;
    -webkit-padding-after: 10px;
    padding-block-end:10px;line-height: 25px
}

.photos-home-tile[dir=ltr] .photos-setup>.photos-setup-title,.photos-home-tile[dir=rtl] .photos-setup>.photos-setup-title,[dir=ltr] .photos-home-tile .photos-setup>.photos-setup-title,[dir=rtl] .photos-home-tile .photos-setup>.photos-setup-title {
    padding-bottom: 10px
}

.photos-home-tile .photos-setup>.photos-setup-message {
    color: rgba(0,0,0,.56);
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    -webkit-padding-after: 18px;
    padding-block-end:18px}

.photos-home-tile[dir=ltr] .photos-setup>.photos-setup-message,.photos-home-tile[dir=rtl] .photos-setup>.photos-setup-message,[dir=ltr] .photos-home-tile .photos-setup>.photos-setup-message,[dir=rtl] .photos-home-tile .photos-setup>.photos-setup-message {
    padding-bottom: 18px
}

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

.photos-home-tile .description-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.photos-home-tile .description-icons svg {
    fill: #515154;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.photos-home-tile[dir=ltr] .description-icons svg,[dir=ltr] .photos-home-tile .description-icons svg {
    margin-right: 5px
}

.photos-home-tile[dir=rtl] .description-icons svg,[dir=rtl] .photos-home-tile .description-icons svg {
    margin-left: 5px
}

.photos-home-tile .library-icon {
    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;
    overflow: visible
}

.photos-home-tile .library-icon svg {
    fill: #0071e3;
    -webkit-margin-end: 4px;
    margin-inline-end:4px;overflow: visible
}

.photos-home-tile[dir=ltr] .library-icon svg,[dir=ltr] .photos-home-tile .library-icon svg {
    margin-right: 4px
}

.photos-home-tile[dir=rtl] .library-icon svg,[dir=rtl] .photos-home-tile .library-icon svg {
    margin-left: 4px
}

.photos-home-tile .icon {
    block-size: 38px;
    border-radius: 8px;
    inline-size: 38px;
    inset-block-start: 22px;
    inset-inline-end: 1px;
    padding-block:2px;position: absolute
}

.photos-home-tile[dir=ltr] .icon,[dir=ltr] .photos-home-tile .icon {
    height: 38px;
    width: 38px;
    top: 22px;
    right: 1px;
    padding-top: 2px;
    padding-bottom: 2px
}

.photos-home-tile[dir=rtl] .icon,[dir=rtl] .photos-home-tile .icon {
    height: 38px;
    width: 38px;
    top: 22px;
    left: 1px;
    padding-top: 2px;
    padding-bottom: 2px
}

.photos-home-tile .icon svg {
    fill: rgba(0,0,0,.32);
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.photos-home-tile[dir=ltr] .icon svg,[dir=ltr] .photos-home-tile .icon svg {
    margin-right: 5px
}

.photos-home-tile[dir=rtl] .icon svg,[dir=rtl] .photos-home-tile .icon svg {
    margin-left: 5px
}

.photos-grid {
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background-color: hsla(0,0%,100%,.5)
}

.photos-grid[dir=ltr],.photos-grid[dir=rtl],[dir=ltr] .photos-grid,[dir=rtl] .photos-grid {
    width: 100%
}

.photos-grid.edit-mode:after {
    border-radius: 0 0 16px 16px;
    background: hsla(0,0%,100%,.6);
    content: "";
    inset: 0;
    position: absolute
}

.photos-grid.edit-mode[dir=ltr]:after,.photos-grid.edit-mode[dir=rtl]:after,[dir=ltr] .photos-grid.edit-mode:after,[dir=rtl] .photos-grid.edit-mode:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photos-grid .photo-preview-button {
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: relative
}

.photos-grid[dir=ltr] .photo-preview-button,.photos-grid[dir=rtl] .photo-preview-button,[dir=ltr] .photos-grid .photo-preview-button,[dir=rtl] .photos-grid .photo-preview-button {
    width: 100%;
    height: 100%
}

.photos-grid .photo-preview-button:focus,.photos-grid .photo-preview-button:focus-visible {
    outline: none
}

.photos-grid .photo-preview-button.focus-visible:after {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    content: "";
    border-color: #0071e3;
    border-style: solid;
    border-width: logical 4px
}

.photos-grid[dir=ltr] .photo-preview-button.focus-visible:after,.photos-grid[dir=rtl] .photo-preview-button.focus-visible:after,[dir=ltr] .photos-grid .photo-preview-button.focus-visible:after,[dir=rtl] .photos-grid .photo-preview-button.focus-visible:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 4px
}

.photos-grid .photo-preview-button.focus-visible:after {
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.5);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.5)
}

.photos-grid .photo-preview-button.end-start-round:after {
    border-end-start-radius: 15px
}

.photos-grid[dir=ltr] .photo-preview-button.end-start-round:after,[dir=ltr] .photos-grid .photo-preview-button.end-start-round:after {
    border-bottom-left-radius: 15px
}

.photos-grid[dir=rtl] .photo-preview-button.end-start-round:after,[dir=rtl] .photos-grid .photo-preview-button.end-start-round:after {
    border-bottom-right-radius: 15px
}

.photos-grid .photo-preview-button.end-end-round:after {
    border-end-end-radius: 15px
}

.photos-grid[dir=ltr] .photo-preview-button.end-end-round:after,[dir=ltr] .photos-grid .photo-preview-button.end-end-round:after {
    border-bottom-right-radius: 15px
}

.photos-grid[dir=rtl] .photo-preview-button.end-end-round:after,[dir=rtl] .photos-grid .photo-preview-button.end-end-round:after {
    border-bottom-left-radius: 15px
}

[data-primary-interaction-mode=mouse] .photos-grid .photo-preview-button:active {
    opacity: .5
}

.photos-grid .photo-container {
    position: relative;
    block-size: 117.5px
}

.photos-grid[dir=ltr] .photo-container,.photos-grid[dir=rtl] .photo-container,[dir=ltr] .photos-grid .photo-container,[dir=rtl] .photos-grid .photo-container {
    height: 117.5px
}

[data-primary-interaction-mode=mouse] .photos-grid .photo-container:hover .photo-preview-button {
    -webkit-filter: brightness(.52);
    filter: brightness(.52)
}

[data-primary-interaction-mode=mouse] .photos-grid .photo-container:not(:hover):not(.quick-action-open) .photo-preview-button:not(.focus-visible)+.quick-menu-button:not(:focus) {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

[data-primary-interaction-mode=mouse] .photos-grid .photo-container:not(:hover):not(.quick-action-open) .photo-preview-button:not(.focus-visible)+.quick-menu-button:not(:focus):focus-within {
    opacity: 1;
    pointer-events: inherit
}

.photos-grid .photo-container.quick-action-open .photo-preview-button {
    -webkit-filter: brightness(.52);
    filter: brightness(.52)
}

[data-primary-interaction-mode=touch] .photos-grid .photo-container .photo-preview-button.in-transition {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: -webkit-filter .25s ease-in .41s;
    transition: -webkit-filter .25s ease-in .41s;
    transition: filter .25s ease-in .41s;
    transition: filter .25s ease-in .41s,-webkit-filter .25s ease-in .41s
}

[data-primary-interaction-mode=touch] .photos-grid .photo-container .photo-preview-button:not(.focus-visible)+.quick-menu-button {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

[data-primary-interaction-mode=touch] .photos-grid .photo-container .photo-preview-button:not(.focus-visible)+.quick-menu-button:focus-within {
    opacity: 1;
    pointer-events: inherit
}

.photos-grid .photo-container .transition-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset-block-end: 12px;
    inset-inline-end: 12px
}

.photos-grid[dir=ltr] .photo-container .transition-icon,[dir=ltr] .photos-grid .photo-container .transition-icon {
    bottom: 12px;
    right: 12px
}

.photos-grid[dir=rtl] .photo-container .transition-icon,[dir=rtl] .photos-grid .photo-container .transition-icon {
    bottom: 12px;
    left: 12px
}

.photos-grid .photo-container .transition-icon svg {
    fill: #fff
}

.photos-grid .photo-container .transition-icon.shown {
    opacity: 1;
    -webkit-transition: opacity 10ms ease-out;
    transition: opacity 10ms ease-out
}

.photos-grid .photo-container .transition-icon.hidden {
    opacity: 0;
    -webkit-transition: opacity .25s ease-in .4s;
    transition: opacity .25s ease-in .4s
}

.photos-grid .photo-container.end-start-round:after {
    border-end-start-radius: 15px
}

.photos-grid[dir=ltr] .photo-container.end-start-round:after,[dir=ltr] .photos-grid .photo-container.end-start-round:after {
    border-bottom-left-radius: 15px
}

.photos-grid[dir=rtl] .photo-container.end-start-round:after,[dir=rtl] .photos-grid .photo-container.end-start-round:after {
    border-bottom-right-radius: 15px
}

.photos-grid .photo-container.end-end-round:after {
    border-end-end-radius: 15px
}

.photos-grid[dir=ltr] .photo-container.end-end-round:after,[dir=ltr] .photos-grid .photo-container.end-end-round:after {
    border-bottom-right-radius: 15px
}

.photos-grid[dir=rtl] .photo-container.end-end-round:after,[dir=rtl] .photos-grid .photo-container.end-end-round:after {
    border-bottom-left-radius: 15px
}

.photos-grid .photo-container img {
    cursor: pointer;
    cursor: hand;
    -o-object-fit: cover;
    object-fit: cover;
    inline-size: 100%;
    block-size: 100%;
    color: transparent;
    background-color: transparent
}

.photos-grid[dir=ltr] .photo-container img,.photos-grid[dir=rtl] .photo-container img,[dir=ltr] .photos-grid .photo-container img,[dir=rtl] .photos-grid .photo-container img {
    width: 100%;
    height: 100%
}

.photos-grid .empty-thumbnail {
    block-size: 117.5px
}

.photos-grid[dir=ltr] .empty-thumbnail,.photos-grid[dir=rtl] .empty-thumbnail,[dir=ltr] .photos-grid .empty-thumbnail,[dir=rtl] .photos-grid .empty-thumbnail {
    height: 117.5px
}

.photos-grid.small-grid .empty-thumbnail {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.photos-grid.small-grid>:nth-child(2),.photos-grid.small-grid>:nth-child(3) {
    background-color: hsla(0,0%,84.7%,.15)
}

.photos-grid.large-grid .empty-thumbnail {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.photos-grid.large-grid>:nth-child(2),.photos-grid.large-grid>:nth-child(4),.photos-grid.large-grid>:nth-child(5),.photos-grid.large-grid>:nth-child(7) {
    background-color: hsla(0,0%,84.7%,.15)
}

.photos-grid .quick-menu-button {
    position: absolute;
    inset-block-start: 12px;
    inset-inline-end: 10px
}

.photos-grid[dir=ltr] .quick-menu-button,[dir=ltr] .photos-grid .quick-menu-button {
    top: 12px;
    right: 10px
}

.photos-grid[dir=rtl] .quick-menu-button,[dir=rtl] .photos-grid .quick-menu-button {
    top: 12px;
    left: 10px
}

.large .photo-container {
    inline-size: 25%
}

.large[dir=ltr] .photo-container,.large[dir=rtl] .photo-container,[dir=ltr] .large .photo-container,[dir=rtl] .large .photo-container {
    width: 25%
}

.small .photo-container {
    inline-size: 50%
}

.small[dir=ltr] .photo-container,.small[dir=rtl] .photo-container,[dir=ltr] .small .photo-container,[dir=rtl] .small .photo-container {
    width: 50%
}

.fill-layer {
    position: absolute;
    inset: 0
}

.fill-layer[dir=ltr],.fill-layer[dir=rtl],[dir=ltr] .fill-layer,[dir=rtl] .fill-layer {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.photos-tile-customization-list {
    padding-inline:5px;padding-block:5px}

.photos-tile-customization-list[dir=ltr],.photos-tile-customization-list[dir=rtl],[dir=ltr] .photos-tile-customization-list,[dir=rtl] .photos-tile-customization-list {
    padding: 5px
}

.photos-tile-customization-list .photos-list-icon {
    fill: #0071e3;
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px;-webkit-margin-start: 2px;
    margin-inline-start:2px}

.photos-tile-customization-list[dir=ltr] .photos-list-icon,[dir=ltr] .photos-tile-customization-list .photos-list-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
    margin-left: 2px
}

.photos-tile-customization-list[dir=rtl] .photos-list-icon,[dir=rtl] .photos-tile-customization-list .photos-list-icon {
    height: 16px;
    width: 16px;
    margin-left: 8px;
    margin-right: 2px
}

.photos-tile-customization-list .title-icon-container {
    color: #0071e3;
    block-size: 16px;
    inline-size: 16px;
    -webkit-margin-end: 10px;
    margin-inline-end:10px;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
}

.photos-tile-customization-list[dir=ltr] .title-icon-container,[dir=ltr] .photos-tile-customization-list .title-icon-container {
    height: 16px;
    width: 16px;
    margin-right: 10px
}

.photos-tile-customization-list[dir=rtl] .title-icon-container,[dir=rtl] .photos-tile-customization-list .title-icon-container {
    height: 16px;
    width: 16px;
    margin-left: 10px
}

.photos-tile-customization-list slide-view.standard.icloud-mouse slidable-item button.slidable-item-expand-button svg.expand-icon {
    block-size: 12px;
    inline-size: 7px
}

.photos-tile-customization-list[dir=ltr] slide-view.standard.icloud-mouse slidable-item button.slidable-item-expand-button svg.expand-icon,.photos-tile-customization-list[dir=rtl] slide-view.standard.icloud-mouse slidable-item button.slidable-item-expand-button svg.expand-icon,[dir=ltr] .photos-tile-customization-list slide-view.standard.icloud-mouse slidable-item button.slidable-item-expand-button svg.expand-icon,[dir=rtl] .photos-tile-customization-list slide-view.standard.icloud-mouse slidable-item button.slidable-item-expand-button svg.expand-icon {
    height: 12px;
    width: 7px
}

.photos-tile-customization-list.icloud-touch .photos-list-icon,.photos-tile-customization-list.icloud-touch .title-icon-container {
    block-size: 20px;
    inline-size: 20px
}

.photos-tile-customization-list.icloud-touch[dir=ltr] .photos-list-icon,.photos-tile-customization-list.icloud-touch[dir=ltr] .title-icon-container,.photos-tile-customization-list.icloud-touch[dir=rtl] .photos-list-icon,.photos-tile-customization-list.icloud-touch[dir=rtl] .title-icon-container,[dir=ltr] .photos-tile-customization-list.icloud-touch .photos-list-icon,[dir=ltr] .photos-tile-customization-list.icloud-touch .title-icon-container,[dir=rtl] .photos-tile-customization-list.icloud-touch .photos-list-icon,[dir=rtl] .photos-tile-customization-list.icloud-touch .title-icon-container {
    height: 20px;
    width: 20px
}

.calendar-row .home-tile-row-container {
    position: relative
}

.calendar-row .home-tile-row-container.active:not([aria-disabled=true]):not(.disabled) .color-bar,.calendar-row .home-tile-row-container:active:hover:not([aria-disabled=true]):not(.disabled) .color-bar {
    -webkit-filter: opacity(.3);
    filter: opacity(.3)
}

.calendar-row .home-tile-row-container .row-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 60px;
    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-inline-size: 0
}

.calendar-row[dir=ltr] .home-tile-row-container .row-container,.calendar-row[dir=rtl] .home-tile-row-container .row-container,[dir=ltr] .calendar-row .home-tile-row-container .row-container,[dir=rtl] .calendar-row .home-tile-row-container .row-container {
    height: 60px;
    min-width: 0
}

.calendar-row .home-tile-row-container .row-container .color-bar {
    inline-size: 4px;
    block-size: 40px;
    border-radius: 4px;
    -webkit-margin-start: 8px;
    margin-inline-start:8px;-webkit-margin-end: 16px;
    margin-inline-end:16px}

.calendar-row[dir=ltr] .home-tile-row-container .row-container .color-bar,[dir=ltr] .calendar-row .home-tile-row-container .row-container .color-bar {
    width: 4px;
    height: 40px;
    margin-left: 8px;
    margin-right: 16px
}

.calendar-row[dir=rtl] .home-tile-row-container .row-container .color-bar,[dir=rtl] .calendar-row .home-tile-row-container .row-container .color-bar {
    width: 4px;
    height: 40px;
    margin-right: 8px;
    margin-left: 16px
}

.calendar-row .home-tile-row-container .row-container .text {
    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;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-inline-size: 0
}

.calendar-row[dir=ltr] .home-tile-row-container .row-container .text,.calendar-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=ltr] .calendar-row .home-tile-row-container .row-container .text,[dir=rtl] .calendar-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    min-width: 0
}

.calendar-row .home-tile-row-container .row-container .text .first-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

[apple-system-font-capable] .calendar-row .home-tile-row-container .row-container .text .first-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-row .home-tile-row-container .row-container .title-holder {
    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
}

.calendar-row .home-tile-row-container .row-container .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

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

.calendar-row .home-tile-row-container .row-container .title.tall {
    line-height: 1.8
}

.calendar-row .home-tile-row-container .row-container .action-needed-indicator {
    border-radius: 5px;
    inline-size: 8px;
    block-size: 8px;
    background-color: #007aff;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.calendar-row[dir=ltr] .home-tile-row-container .row-container .action-needed-indicator,[dir=ltr] .calendar-row .home-tile-row-container .row-container .action-needed-indicator {
    width: 8px;
    height: 8px;
    margin-right: 5px
}

.calendar-row[dir=rtl] .home-tile-row-container .row-container .action-needed-indicator,[dir=rtl] .calendar-row .home-tile-row-container .row-container .action-needed-indicator {
    width: 8px;
    height: 8px;
    margin-left: 5px
}

.calendar-row .home-tile-row-container .row-container .time {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.56);
    -webkit-margin-before: 2px;
    margin-block-start:2px;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
}

.calendar-row[dir=ltr] .home-tile-row-container .row-container .time,.calendar-row[dir=rtl] .home-tile-row-container .row-container .time,[dir=ltr] .calendar-row .home-tile-row-container .row-container .time,[dir=rtl] .calendar-row .home-tile-row-container .row-container .time {
    margin-top: 2px
}

[apple-system-font-capable] .calendar-row .home-tile-row-container .row-container .time {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.calendar-row .home-tile-row-container .row-container .time,.calendar-row .home-tile-row-container .row-container .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.calendar-row .screenreader-only-content {
    background: #fff;
    inset-block-start: 0
}

.calendar-row[dir=ltr] .screenreader-only-content,.calendar-row[dir=rtl] .screenreader-only-content,[dir=ltr] .calendar-row .screenreader-only-content,[dir=rtl] .calendar-row .screenreader-only-content {
    top: 0
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.active:not([aria-disabled=true]):not(.disabled).calendar-accept svg,ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action:active:hover:not([aria-disabled=true]):not(.disabled).calendar-accept svg {
    color: rgba(3,161,14,.3)
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.active:not([aria-disabled=true]):not(.disabled).calendar-maybe svg,ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action:active:hover:not([aria-disabled=true]):not(.disabled).calendar-maybe svg {
    color: rgba(255,149,0,.3)
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.active:not([aria-disabled=true]):not(.disabled).calendar-decline svg,ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action:active:hover:not([aria-disabled=true]):not(.disabled).calendar-decline svg {
    color: rgba(255,0,0,.3)
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.calendar-accept svg {
    color: #03a10e
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.calendar-maybe svg {
    color: #ff9500
}

ui-menu.standard.quick-action-menu ui-menu-item[role=menuitemcheckbox].action.calendar-decline svg {
    color: red
}

.calendar-home-tile .primary-action svg {
    fill: #ff291e
}

.tile-customization-menu-view-container {
    block-size: 100%
}

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

.card-compact .tile-customization-menu-view-container {
    -webkit-padding-start: 10px;
    padding-inline-start:10px}

.card-compact[dir=ltr] .tile-customization-menu-view-container,[dir=ltr] .card-compact .tile-customization-menu-view-container {
    padding-left: 10px
}

.card-compact[dir=rtl] .tile-customization-menu-view-container,[dir=rtl] .card-compact .tile-customization-menu-view-container {
    padding-right: 10px
}

.tile-customization-menu-view-container.disabled {
    opacity: .3;
    pointer-events: none
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view {
    inline-size: 275px;
    -webkit-box-shadow: none;
    box-shadow: none;
    block-size: -webkit-calc(100% - 30px);
    block-size: calc(100% - 30px);
    overflow-y: auto
}

.tile-customization-menu-view-container[dir=ltr] tree-view.tile-customization-menu-view,.tile-customization-menu-view-container[dir=rtl] tree-view.tile-customization-menu-view,[dir=ltr] .tile-customization-menu-view-container tree-view.tile-customization-menu-view,[dir=rtl] .tile-customization-menu-view-container tree-view.tile-customization-menu-view {
    width: 275px;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px)
}

.card-compact .tile-customization-menu-view-container tree-view.tile-customization-menu-view {
    block-size: 100%;
    inline-size: 100%
}

.card-compact[dir=ltr] .tile-customization-menu-view-container tree-view.tile-customization-menu-view,.card-compact[dir=rtl] .tile-customization-menu-view-container tree-view.tile-customization-menu-view,[dir=ltr] .card-compact .tile-customization-menu-view-container tree-view.tile-customization-menu-view,[dir=rtl] .card-compact .tile-customization-menu-view-container tree-view.tile-customization-menu-view {
    height: 100%;
    width: 100%
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.standard.active:not([aria-disabled=true]):not(.disabled) .icon-container,.tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon-container {
    -webkit-filter: opacity(.3);
    filter: opacity(.3)
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-mouse:not(.icloud-touch) {
    padding-block:0}

.tile-customization-menu-view-container[dir=ltr] tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-mouse:not(.icloud-touch),.tile-customization-menu-view-container[dir=rtl] tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-mouse:not(.icloud-touch),[dir=ltr] .tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-mouse:not(.icloud-touch),[dir=rtl] .tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-mouse:not(.icloud-touch) {
    padding-top: 0;
    padding-bottom: 0
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view ui-checkbox.labelled.icloud-touch:not(.icloud-mouse)>label {
    overflow: hidden
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view span.item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view .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;
    inline-size: 26px;
    min-inline-size: 26px;
    block-size: 30px;
    -webkit-margin-end: 3px;
    margin-inline-end:3px;color: #0071e3
}

.tile-customization-menu-view-container[dir=ltr] tree-view.tile-customization-menu-view .icon-container,[dir=ltr] .tile-customization-menu-view-container tree-view.tile-customization-menu-view .icon-container {
    width: 26px;
    min-width: 26px;
    height: 30px;
    margin-right: 3px
}

.tile-customization-menu-view-container[dir=rtl] tree-view.tile-customization-menu-view .icon-container,[dir=rtl] .tile-customization-menu-view-container tree-view.tile-customization-menu-view .icon-container {
    width: 26px;
    min-width: 26px;
    height: 30px;
    margin-left: 3px
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view .icon-container svg {
    margin: auto;
    fill: currentColor
}

.tile-customization-menu-view-container tree-view.tile-customization-menu-view tree-item[aria-disabled=true] {
    opacity: 1
}

.reminders-badge-emblem {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 10px;
    inline-size: 17px;
    block-size: 17px;
    -webkit-margin-before: 0;
    margin-block-start:0;-webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-margin-end: auto;
    margin-inline-end:auto;-webkit-margin-after: 0;
    margin-block-end:0;position: relative;
    isolation: isolate;
    -webkit-clip-path: circle(8.5px);
    clip-path: circle(8.5px);
    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
}

.reminders-badge-emblem[dir=ltr],.reminders-badge-emblem[dir=rtl],[dir=ltr] .reminders-badge-emblem,[dir=rtl] .reminders-badge-emblem {
    width: 17px;
    height: 17px;
    margin: 0 auto
}

.reminders-badge-emblem .overlay1 {
    inline-size: 100%;
    block-size: 100%;
    mix-blend-mode: screen;
    position: absolute
}

.reminders-badge-emblem[dir=ltr] .overlay1,.reminders-badge-emblem[dir=rtl] .overlay1,[dir=ltr] .reminders-badge-emblem .overlay1,[dir=rtl] .reminders-badge-emblem .overlay1 {
    width: 100%;
    height: 100%
}

.reminders-badge-emblem .overlay2 {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    mix-blend-mode: screen;
    background: -webkit-gradient(linear,left top,left bottom,from(#cbcbcb),to(#b3b3b3));
    background: linear-gradient(180deg,#cbcbcb,#b3b3b3)
}

.reminders-badge-emblem[dir=ltr] .overlay2,.reminders-badge-emblem[dir=rtl] .overlay2,[dir=ltr] .reminders-badge-emblem .overlay2,[dir=rtl] .reminders-badge-emblem .overlay2 {
    width: 100%;
    height: 100%
}

.reminders-badge-emblem .emoji {
    position: absolute;
    text-align: center;
    line-height: 17px
}

.reminder-list-icon {
    border-radius: 50%;
    block-size: 17px;
    inline-size: 17px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.reminder-list-icon[dir=ltr],.reminder-list-icon[dir=rtl],[dir=ltr] .reminder-list-icon,[dir=rtl] .reminder-list-icon {
    height: 17px;
    width: 17px
}

.reminder-list-icon path {
    fill: #fff!important;
    -webkit-mask: none;
    mask: none
}

.reminders-tile-customization-list .reminders-badge-emblem {
    -webkit-margin-end: 8px;
    margin-inline-end:8px;-webkit-margin-start: 2px;
    margin-inline-start:2px}

.reminders-tile-customization-list[dir=ltr] .reminders-badge-emblem,[dir=ltr] .reminders-tile-customization-list .reminders-badge-emblem {
    margin-right: 8px;
    margin-left: 2px
}

.reminders-tile-customization-list[dir=rtl] .reminders-badge-emblem,[dir=rtl] .reminders-tile-customization-list .reminders-badge-emblem {
    margin-left: 8px;
    margin-right: 2px
}

.reminders-tile-customization-list .reminder-list-icon {
    -webkit-margin-end: 8px;
    margin-inline-end:8px;-webkit-margin-start: 2px;
    margin-inline-start:2px}

.reminders-tile-customization-list[dir=ltr] .reminder-list-icon,[dir=ltr] .reminders-tile-customization-list .reminder-list-icon {
    margin-right: 8px;
    margin-left: 2px
}

.reminders-tile-customization-list[dir=rtl] .reminder-list-icon,[dir=rtl] .reminders-tile-customization-list .reminder-list-icon {
    margin-left: 8px;
    margin-right: 2px
}

.reminders-home-tile .primary-action svg {
    fill: #007aff
}

.reminders-home-tile .selected-reminders-list-icon {
    position: absolute;
    inset-block-end: 11px;
    inset-inline-end: 16px
}

.reminders-home-tile[dir=ltr] .selected-reminders-list-icon,[dir=ltr] .reminders-home-tile .selected-reminders-list-icon {
    bottom: 11px;
    right: 16px
}

.reminders-home-tile[dir=rtl] .selected-reminders-list-icon,[dir=rtl] .reminders-home-tile .selected-reminders-list-icon {
    bottom: 11px;
    left: 16px
}

.reminders-home-tile .selected-reminders-list-icon.reminders-badge-emblem {
    inline-size: 30px;
    block-size: 30px;
    -webkit-clip-path: circle(15px);
    clip-path: circle(15px);
    font-size: 18px
}

.reminders-home-tile[dir=ltr] .selected-reminders-list-icon.reminders-badge-emblem,.reminders-home-tile[dir=rtl] .selected-reminders-list-icon.reminders-badge-emblem,[dir=ltr] .reminders-home-tile .selected-reminders-list-icon.reminders-badge-emblem,[dir=rtl] .reminders-home-tile .selected-reminders-list-icon.reminders-badge-emblem {
    width: 30px;
    height: 30px
}

.reminders-home-tile .selected-reminders-list-icon.reminders-badge-emblem .emoji {
    line-height: 30px
}

.reminders-home-tile .selected-reminders-list-icon.reminder-list-icon {
    inline-size: 30px;
    block-size: 30px
}

.reminders-home-tile[dir=ltr] .selected-reminders-list-icon.reminder-list-icon,.reminders-home-tile[dir=rtl] .selected-reminders-list-icon.reminder-list-icon,[dir=ltr] .reminders-home-tile .selected-reminders-list-icon.reminder-list-icon,[dir=rtl] .reminders-home-tile .selected-reminders-list-icon.reminder-list-icon {
    width: 30px;
    height: 30px
}

.home-tile-row {
    block-size: 60px;
    inline-size: 295px;
    border-radius: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transition: background .2s cubic-bezier(.32,.08,.24,1);
    transition: background .2s cubic-bezier(.32,.08,.24,1)
}

.home-tile-row[dir=ltr],.home-tile-row[dir=rtl],[dir=ltr] .home-tile-row,[dir=rtl] .home-tile-row {
    height: 60px;
    width: 295px
}

.home-tile-row::-webkit-scrollbar {
    display: none
}

.home-tile-row.disable-scroll {
    overflow: hidden
}

.home-tile-row:focus,.home-tile-row:focus-visible {
    outline: none
}

.home-tile-row.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(232,232,237,.8)
}

.home-tile-row .row-container .text {
    -webkit-transition: border-color .2s cubic-bezier(.32,.08,.24,1);
    transition: border-color .2s cubic-bezier(.32,.08,.24,1)
}

.home-tile-row td.prefix {
    scroll-snap-align: start
}

.home-tile-row[dir=ltr] td.prefix,[dir=ltr] .home-tile-row td.prefix {
    scroll-snap-align: left
}

.home-tile-row[dir=rtl] td.prefix,[dir=rtl] .home-tile-row td.prefix {
    scroll-snap-align: right
}

.home-tile-row td.primary {
    cursor: pointer;
    inline-size: 295px;
    min-inline-size: 295px;
    padding-block:0;-webkit-padding-start: 10px;
    padding-inline-start:10px;-webkit-padding-end: 10px;
    padding-inline-end:10px;border-radius: 8px;
    scroll-snap-align: end
}

.home-tile-row[dir=ltr] td.primary,[dir=ltr] .home-tile-row td.primary {
    width: 295px;
    min-width: 295px;
    scroll-snap-align: right;
    padding: 0 10px
}

.home-tile-row[dir=rtl] td.primary,[dir=rtl] .home-tile-row td.primary {
    width: 295px;
    min-width: 295px;
    scroll-snap-align: left;
    padding: 0 10px
}

@media (pointer: fine) {
    [data-primary-interaction-mode=mouse] .home-tile-row td.primary:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background:rgba(232,232,237,.8)
    }
}

[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled),[data-primary-interaction-mode=mouse] .home-tile-row td.primary: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] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) img,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) svg,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: .3
}

[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) .first-line,[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) .first-line *,[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) .second-line,[data-primary-interaction-mode=mouse] .home-tile-row td.primary.active:not([aria-disabled=true]):not(.disabled) .second-line *,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) .first-line,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) .first-line *,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) .second-line,[data-primary-interaction-mode=mouse] .home-tile-row td.primary:active:hover:not([aria-disabled=true]):not(.disabled) .second-line * {
    color: rgba(0,0,0,.26)
}

.home-tile-row td.primary.is-touched,.home-tile-row td.primary.quick-action-open {
    background: #e8e8ed
}

.home-tile-row td.primary [role=group] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (pointer: fine) {
    .home-tile-row:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).primary-click-menu-open>td.primary {
        background-color:#0071e3
    }

    .home-tile-row:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).primary-click-menu-open>td.primary:hover .quick-menu-button {
        display: none
    }
}

.home-tile-row.primary-click-menu-open>td.primary {
    background: #0071eb;
    opacity: .3
}

.home-tile-row.primary-click-menu-open>td.primary svg,.home-tile-row.primary-click-menu-open>td.primary svg * {
    fill: #fff
}

.home-tile-row.primary-click-menu-open>td.primary .text>.first-line,.home-tile-row.primary-click-menu-open>td.primary .text>.second-line {
    color: #fff
}

.home-tile-row:not(:first-child).primary-click-menu-open td.primary .row-container .text,.home-tile-row:not(:first-child) td.primary:focus .row-container .text,.home-tile-row:not(:first-child) td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text {
    border-color: transparent
}

.home-tile-row.content-hovered+.home-tile-row .home-tile-row-container .row-container .text,.home-tile-row.primary-click-menu-open+.home-tile-row .home-tile-row-container .row-container .text,.home-tile-row:focus-within+.home-tile-row .home-tile-row-container .row-container .text {
    border-color: transparent
}

.home-tile-row .home-tile-row-container {
    -webkit-padding-end: 5px;
    padding-inline-end:5px}

.home-tile-row[dir=ltr] .home-tile-row-container,[dir=ltr] .home-tile-row .home-tile-row-container {
    padding-right: 5px
}

.home-tile-row[dir=rtl] .home-tile-row-container,[dir=rtl] .home-tile-row .home-tile-row-container {
    padding-left: 5px
}

.home-tile-row .home-tile-row-container .row-container {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.home-tile-row .home-tile-row-container .row-container .text {
    -webkit-border-before: 1px solid #e8e8ed;
    border-block-start:1px solid #e8e8ed;padding-block:10px}

.home-tile-row[dir=ltr] .home-tile-row-container .row-container .text,.home-tile-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=ltr] .home-tile-row .home-tile-row-container .row-container .text,[dir=rtl] .home-tile-row .home-tile-row-container .row-container .text {
    border-top: 1px solid #e8e8ed;
    padding-top: 10px;
    padding-bottom: 10px
}

.home-tile-row .home-tile-row-container .quick-menu-button {
    -webkit-margin-before: 12px;
    margin-block-start:12px;-webkit-margin-start: 9px;
    margin-inline-start:9px;-webkit-margin-end: -5px;
    margin-inline-end:-5px}

.home-tile-row[dir=ltr] .home-tile-row-container .quick-menu-button,[dir=ltr] .home-tile-row .home-tile-row-container .quick-menu-button {
    margin-top: 12px;
    margin-left: 9px;
    margin-right: -5px
}

.home-tile-row[dir=rtl] .home-tile-row-container .quick-menu-button,[dir=rtl] .home-tile-row .home-tile-row-container .quick-menu-button {
    margin-top: 12px;
    margin-right: 9px;
    margin-left: -5px
}

.home-tile-row.focus-visible .quick-menu-button,.home-tile-row td.primary.quick-action-open .quick-menu-button,.home-tile-row td.primary:hover .quick-menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-tile-row.focus-visible .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row td.primary.quick-action-open .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text .second-line {
    inline-size: -webkit-calc(100% + 27px);
    inline-size: calc(100% + 27px)
}

.home-tile-row.focus-visible[dir=ltr] .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row.focus-visible[dir=rtl] .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row[dir=ltr] td.primary.quick-action-open .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row[dir=ltr] td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row[dir=rtl] td.primary.quick-action-open .home-tile-row-container:not(.is-touch) .row-container .text .second-line,.home-tile-row[dir=rtl] td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=ltr] .home-tile-row.focus-visible .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=ltr] .home-tile-row td.primary.quick-action-open .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=ltr] .home-tile-row td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=rtl] .home-tile-row.focus-visible .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=rtl] .home-tile-row td.primary.quick-action-open .home-tile-row-container:not(.is-touch) .row-container .text .second-line,[dir=rtl] .home-tile-row td.primary:hover .home-tile-row-container:not(.is-touch) .row-container .text .second-line {
    width: -webkit-calc(100% + 27px);
    width: calc(100% + 27px)
}

.home-tile-row:first-child .home-tile-row-container .row-container .text {
    border-color: transparent
}

.home-tile-row:not(.focus-visible) td.primary.quick-action-open .quick-menu-button.icloud-touch,.home-tile-row:not(.focus-visible) td.primary:hover .quick-menu-button.icloud-touch,.home-tile-row:not(.focus-visible) td.primary:not(:hover):not(.quick-action-open) .quick-menu-button:not(:focus) {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.home-tile-row:not(.focus-visible) td.primary.quick-action-open .quick-menu-button.icloud-touch:focus-within,.home-tile-row:not(.focus-visible) td.primary:hover .quick-menu-button.icloud-touch:focus-within,.home-tile-row:not(.focus-visible) td.primary:not(:hover):not(.quick-action-open) .quick-menu-button:not(:focus):focus-within {
    opacity: 1;
    pointer-events: inherit
}

.reminders-row button.mark-completed {
    -webkit-margin-before: 7px;
    margin-block-start:7px;-webkit-margin-start: 4px;
    margin-inline-start:4px}

.reminders-row[dir=ltr] button.mark-completed,[dir=ltr] .reminders-row button.mark-completed {
    margin-top: 7px;
    margin-left: 4px
}

.reminders-row[dir=rtl] button.mark-completed,[dir=rtl] .reminders-row button.mark-completed {
    margin-top: 7px;
    margin-right: 4px
}

.reminders-row [role=gridcell].primary {
    -webkit-padding-start: 6px;
    padding-inline-start:6px;inline-size: -webkit-calc(100% - 32px);
    inline-size: calc(100% - 32px);
    min-inline-size: -webkit-calc(100% - 32px);
    min-inline-size: calc(100% - 32px)
}

.reminders-row[dir=ltr] [role=gridcell].primary,[dir=ltr] .reminders-row [role=gridcell].primary {
    padding-left: 6px;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    min-width: -webkit-calc(100% - 32px);
    min-width: calc(100% - 32px)
}

.reminders-row[dir=rtl] [role=gridcell].primary,[dir=rtl] .reminders-row [role=gridcell].primary {
    padding-right: 6px;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    min-width: -webkit-calc(100% - 32px);
    min-width: calc(100% - 32px)
}

.reminders-row .home-tile-row-container {
    position: relative
}

.reminders-row .home-tile-row-container .row-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    block-size: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 0
}

.reminders-row[dir=ltr] .home-tile-row-container .row-container,.reminders-row[dir=rtl] .home-tile-row-container .row-container,[dir=ltr] .reminders-row .home-tile-row-container .row-container,[dir=rtl] .reminders-row .home-tile-row-container .row-container {
    height: 60px;
    min-width: 0
}

.reminders-row .home-tile-row-container .row-container .text {
    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;
    inline-size: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-inline-size: 0
}

.reminders-row[dir=ltr] .home-tile-row-container .row-container .text,.reminders-row[dir=rtl] .home-tile-row-container .row-container .text,[dir=ltr] .reminders-row .home-tile-row-container .row-container .text,[dir=rtl] .reminders-row .home-tile-row-container .row-container .text {
    height: 100%;
    width: 100%;
    min-width: 0
}

.reminders-row .home-tile-row-container .row-container .text .first-line {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: rgba(0,0,0,.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

[apple-system-font-capable] .reminders-row .home-tile-row-container .row-container .text .first-line {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.reminders-row .home-tile-row-container .row-container .text .second-line {
    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%;
    min-inline-size: 0;
    position: relative;
    min-block-size: 19px;
    -webkit-padding-before: 3px;
    padding-block-start:3px}

.reminders-row[dir=ltr] .home-tile-row-container .row-container .text .second-line,.reminders-row[dir=rtl] .home-tile-row-container .row-container .text .second-line,[dir=ltr] .reminders-row .home-tile-row-container .row-container .text .second-line,[dir=rtl] .reminders-row .home-tile-row-container .row-container .text .second-line {
    width: 100%;
    min-width: 0;
    min-height: 19px;
    padding-top: 3px
}

.reminders-row .home-tile-row-container .row-container .text .second-line .time-text {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(0,0,0,.48);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[apple-system-font-capable] .reminders-row .home-tile-row-container .row-container .text .second-line .time-text {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.reminders-row .home-tile-row-container .row-container .text .second-line .time-text.is-overdue {
    color: #eb0c00
}

.reminders-row .home-tile-row-container .row-container .text .second-line .time-text.dot-separator {
    margin-inline:3px}

.reminders-row[dir=ltr] .home-tile-row-container .row-container .text .second-line .time-text.dot-separator,.reminders-row[dir=rtl] .home-tile-row-container .row-container .text .second-line .time-text.dot-separator,[dir=ltr] .reminders-row .home-tile-row-container .row-container .text .second-line .time-text.dot-separator,[dir=rtl] .reminders-row .home-tile-row-container .row-container .text .second-line .time-text.dot-separator {
    margin-left: 3px;
    margin-right: 3px
}

.reminders-row .home-tile-row-container .row-container .text .second-line .left-items {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reminders-row .home-tile-row-container .row-container .text .second-line .right-items {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.reminders-row .home-tile-row-container .row-container .text .second-line .right-items .reminders-row-flag-icon {
    fill: #f56300
}

.reminders-row .home-tile-row-container .screenreader-only-content {
    background: #fff;
    inset-block-start: 0
}

.reminders-row[dir=ltr] .home-tile-row-container .screenreader-only-content,.reminders-row[dir=rtl] .home-tile-row-container .screenreader-only-content,[dir=ltr] .reminders-row .home-tile-row-container .screenreader-only-content,[dir=rtl] .reminders-row .home-tile-row-container .screenreader-only-content {
    top: 0
}

button.mark-completed.unstyled-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: 24px;
    block-size: 24px;
    border-radius: 100%;
    cursor: pointer;
    color: #c6c6c8
}

[dir=ltr] button.mark-completed.unstyled-button,[dir=rtl] button.mark-completed.unstyled-button,button.mark-completed.unstyled-button[dir=ltr],button.mark-completed.unstyled-button[dir=rtl] {
    width: 24px;
    height: 24px
}

button.mark-completed.unstyled-button svg {
    fill: currentColor
}

button.mark-completed.unstyled-button:hover {
    background-color: #e4e4e6
}

button.mark-completed.unstyled-button.active:not([aria-disabled=true]):not(.disabled),button.mark-completed.unstyled-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.32)
}

button.mark-completed.unstyled-button.active:not([aria-disabled=true]):not(.disabled) svg,button.mark-completed.unstyled-button:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: #fff
}

ui-button.block.customize-dashboard-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    min-inline-size: 207px;
    block-size: 36px;
    -webkit-margin-after: 130px;
    margin-block-end:130px;margin-inline:auto;padding-inline:16px!important;border-radius: 22px;
    text-align: center;
    color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    background-color: rgba(37,38,40,.21)
}

[dir=ltr] ui-button.block.customize-dashboard-button,[dir=rtl] ui-button.block.customize-dashboard-button,ui-button.block.customize-dashboard-button[dir=ltr],ui-button.block.customize-dashboard-button[dir=rtl] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 207px;
    height: 36px;
    margin-bottom: 130px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

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

@media (pointer: fine) {
    ui-button.block.customize-dashboard-button:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(19,20,21,.33)
    }
}

ui-button.block.customize-dashboard-button.active:not([aria-disabled=true]):not(.disabled),ui-button.block.customize-dashboard-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(11,12,12,.46);
    color: hsla(0,0%,100%,.3)
}

ui-button.block.customize-dashboard-button:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px #0071e3;
    box-shadow: inset 0 0 0 3px #0071e3;
    outline: none
}

ui-button.block.customize-dashboard-button:focus:not([aria-disabled=true]):not(.disabled):before {
    content: none
}

ui-button.block.customize-dashboard-button svg {
    block-size: 13px;
    -webkit-margin-end: 8px;
    margin-inline-end:8px}

[dir=ltr] ui-button.block.customize-dashboard-button svg,ui-button.block.customize-dashboard-button[dir=ltr] svg {
    height: 13px;
    margin-right: 8px
}

[dir=rtl] ui-button.block.customize-dashboard-button svg,ui-button.block.customize-dashboard-button[dir=rtl] svg {
    height: 13px;
    margin-left: 8px
}

.dashboard-customization-header {
    block-size: 44px;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-inline-size: 100vw;
    color: rgba(0,0,0,.88);
    z-index: 4;
    inset-block-start: -81px;
    -webkit-transition-property: inset-block-start;
    transition-property: inset-block-start;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    will-change: inset-block-start
}

.dashboard-customization-header[dir=ltr],.dashboard-customization-header[dir=rtl],[dir=ltr] .dashboard-customization-header,[dir=rtl] .dashboard-customization-header {
    height: 44px;
    min-width: 100vw;
    top: -81px
}

.dashboard-customization-header.visible {
    inset-block-start: 0
}

.dashboard-customization-header.visible[dir=ltr],.dashboard-customization-header.visible[dir=rtl],[dir=ltr] .dashboard-customization-header.visible,[dir=rtl] .dashboard-customization-header.visible {
    top: 0
}

.dashboard-customization-header .header-container-background {
    background-color: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.3),transparent);
    block-size: 80px;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    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%
}

.dashboard-customization-header[dir=ltr] .header-container-background,.dashboard-customization-header[dir=rtl] .header-container-background,[dir=ltr] .dashboard-customization-header .header-container-background,[dir=rtl] .dashboard-customization-header .header-container-background {
    height: 80px;
    width: 100%
}

.dashboard-customization-header .header-container-background .header-container {
    margin-inline:auto;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
}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container,.dashboard-customization-header[dir=rtl] .header-container-background .header-container,[dir=ltr] .dashboard-customization-header .header-container-background .header-container,[dir=rtl] .dashboard-customization-header .header-container-background .header-container {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 759px) {
    .dashboard-customization-header .header-container-background .header-container {
        -webkit-box-flex:1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-inline:30px}

    .dashboard-customization-header[dir=ltr] .header-container-background .header-container,.dashboard-customization-header[dir=rtl] .header-container-background .header-container,[dir=ltr] .dashboard-customization-header .header-container-background .header-container,[dir=rtl] .dashboard-customization-header .header-container-background .header-container {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .dashboard-customization-header .header-container-background .header-container {
        inline-size:690px
    }

    .dashboard-customization-header[dir=ltr] .header-container-background .header-container,.dashboard-customization-header[dir=rtl] .header-container-background .header-container,[dir=ltr] .dashboard-customization-header .header-container-background .header-container,[dir=rtl] .dashboard-customization-header .header-container-background .header-container {
        width: 690px
    }
}

@media (min-width: 1165px) {
    .dashboard-customization-header .header-container-background .header-container {
        inline-size:1035px
    }

    .dashboard-customization-header[dir=ltr] .header-container-background .header-container,.dashboard-customization-header[dir=rtl] .header-container-background .header-container,[dir=ltr] .dashboard-customization-header .header-container-background .header-container,[dir=rtl] .dashboard-customization-header .header-container-background .header-container {
        width: 1035px
    }
}

@media (min-width: 1690px) {
    .dashboard-customization-header .header-container-background .header-container {
        inline-size:1380px
    }

    .dashboard-customization-header[dir=ltr] .header-container-background .header-container,.dashboard-customization-header[dir=rtl] .header-container-background .header-container,[dir=ltr] .dashboard-customization-header .header-container-background .header-container,[dir=rtl] .dashboard-customization-header .header-container-background .header-container {
        width: 1380px
    }
}

.dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done {
    background-color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    block-size: 34px;
    color: #0071e3;
    border-radius: 18px
}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container ui-button.block.primary.done,.dashboard-customization-header[dir=rtl] .header-container-background .header-container ui-button.block.primary.done,[dir=ltr] .dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done,[dir=rtl] .dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done {
    height: 34px
}

[apple-system-font-capable] .dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (pointer: fine) {
    .dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:hsla(0,0%,100%,.7)
    }
}

.dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done.active:not([aria-disabled=true]):not(.disabled),.dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: #fff;
    background-color: hsla(0,0%,100%,.2)
}

.dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    padding-block:7px;-webkit-padding-start: 13px;
    padding-inline-start:13px;block-size: 34px;
    border-radius: 18px;
    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: 4px
}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container ui-button.push.primary.add-tile,[dir=ltr] .dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile {
    padding-left: 13px;
    height: 34px;
    padding-top: 7px;
    padding-bottom: 7px
}

.dashboard-customization-header[dir=rtl] .header-container-background .header-container ui-button.push.primary.add-tile,[dir=rtl] .dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile {
    padding-right: 13px;
    height: 34px;
    padding-top: 7px;
    padding-bottom: 7px
}

[apple-system-font-capable] .dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile:not([aria-disabled=true]) {
    color: #fff;
    fill: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

@media (pointer: fine) {
    .dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08);
        color: #fff
    }
}

.dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile.active:not([aria-disabled=true]):not(.disabled),.dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: #fff;
    color: #0071e3
}

.dashboard-customization-header .header-container-background .header-container .header-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;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container .header-start-view,.dashboard-customization-header[dir=rtl] .header-container-background .header-container .header-start-view,[dir=ltr] .dashboard-customization-header .header-container-background .header-container .header-start-view,[dir=rtl] .dashboard-customization-header .header-container-background .header-container .header-start-view {
    height: 100%
}

.dashboard-customization-header .header-container-background .header-container .header-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
}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container .header-end-view,[dir=ltr] .dashboard-customization-header .header-container-background .header-container .header-end-view {
    height: 100%;
    margin-left: auto
}

.dashboard-customization-header[dir=rtl] .header-container-background .header-container .header-end-view,[dir=rtl] .dashboard-customization-header .header-container-background .header-container .header-end-view {
    height: 100%;
    margin-right: auto
}

.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary {
    color: #fff;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px
}

[apple-system-font-capable] .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.clicking .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary:focus:not([aria-disabled=true]):not(.disabled) {
    border: 1px solid transparent
}

.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.change-wallpaper.active:not([aria-disabled=true]):not(.disabled),.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.change-wallpaper:active:hover:not([aria-disabled=true]):not(.disabled),.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips.active:not([aria-disabled=true]):not(.disabled),.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(0,0%,100%,.5)
}

.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.change-wallpaper {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px
}

[apple-system-font-capable] .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.change-wallpaper {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips {
    -webkit-margin-start: 6px;
    margin-inline-start:6px}

.dashboard-customization-header[dir=ltr] .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips,[dir=ltr] .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips {
    margin-left: 6px
}

.dashboard-customization-header[dir=rtl] .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips,[dir=rtl] .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.show-tips {
    margin-right: 6px
}

ui-popover.app-switcher-onboarding-popover ui-popover-content {
    background-color: rgba(248,248,252,.85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%);
    -webkit-box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    box-shadow: 17px 20px 40px rgba(0,0,0,.21);
    inline-size: 360px;
    padding: 30px;
    text-align: center
}

[dir=ltr] ui-popover.app-switcher-onboarding-popover ui-popover-content,[dir=rtl] ui-popover.app-switcher-onboarding-popover ui-popover-content,ui-popover.app-switcher-onboarding-popover[dir=ltr] ui-popover-content,ui-popover.app-switcher-onboarding-popover[dir=rtl] ui-popover-content {
    width: 360px
}

ui-popover.app-switcher-onboarding-popover ui-popover-arrow {
    -webkit-transform: none!important;
    transform: none!important;
    -webkit-clip-path: url(#app-switcher-onboarding-popover-arrow-path);
    clip-path: url(#app-switcher-onboarding-popover-arrow-path);
    background-color: rgba(248,248,252,.85);
    -webkit-backdrop-filter: blur(15px) saturate(86%);
    backdrop-filter: blur(15px) saturate(86%)
}

ui-popover.app-switcher-onboarding-popover ui-popover-arrow .icon {
    visibility: hidden
}

ui-popover.app-switcher-onboarding-popover #app-switcher-onboarding-popover-arrow {
    position: absolute
}

ui-popover.app-switcher-onboarding-popover svg.quick-access-symbol {
    fill: #00c7be
}

ui-popover.app-switcher-onboarding-popover svg.customize-symbol {
    -webkit-margin-before: 20px;
    margin-block-start:20px;fill: #fa0
}

[dir=ltr] ui-popover.app-switcher-onboarding-popover svg.customize-symbol,[dir=rtl] ui-popover.app-switcher-onboarding-popover svg.customize-symbol,ui-popover.app-switcher-onboarding-popover[dir=ltr] svg.customize-symbol,ui-popover.app-switcher-onboarding-popover[dir=rtl] svg.customize-symbol {
    margin-top: 20px
}

ui-popover.app-switcher-onboarding-popover h2 {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 23px;
    -webkit-margin-before: 2px;
    margin-block-start:2px;-webkit-margin-after: 5px;
    margin-block-end:5px}

[dir=ltr] ui-popover.app-switcher-onboarding-popover h2,[dir=rtl] ui-popover.app-switcher-onboarding-popover h2,ui-popover.app-switcher-onboarding-popover[dir=ltr] h2,ui-popover.app-switcher-onboarding-popover[dir=rtl] h2 {
    margin-top: 2px;
    margin-bottom: 5px
}

[apple-system-font-capable] ui-popover.app-switcher-onboarding-popover h2 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-popover.app-switcher-onboarding-popover p {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    color: rgba(0,0,0,.56)
}

[apple-system-font-capable] ui-popover.app-switcher-onboarding-popover p {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-popover.app-switcher-onboarding-popover ui-button {
    position: absolute;
    inset-block-start: 2px;
    inset-inline-start: 4px;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 24px;
    font-weight: 400
}

[dir=ltr] ui-popover.app-switcher-onboarding-popover ui-button,ui-popover.app-switcher-onboarding-popover[dir=ltr] ui-button {
    top: 2px;
    left: 4px
}

[dir=rtl] ui-popover.app-switcher-onboarding-popover ui-button,ui-popover.app-switcher-onboarding-popover[dir=rtl] ui-button {
    top: 2px;
    right: 4px
}

[apple-system-font-capable] ui-popover.app-switcher-onboarding-popover ui-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

body {
    text-rendering: optimizeLegibility
}

ui-pane-backdrop.is-visible {
    background-color: rgba(0,0,0,.25)
}

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

.welcome-page {
    -webkit-padding-before: 50px;
    padding-block-start:50px;inline-size: 100%;
    min-block-size: -webkit-calc(100vh - 44px);
    min-block-size: calc(100vh - 44px);
    background-color: #fff;
    position: absolute;
    z-index: 1;
    inset-block-start: 44px;
    inset-inline-start: 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-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.welcome-page[dir=ltr],[dir=ltr] .welcome-page {
    left: 0
}

.welcome-page[dir=ltr],.welcome-page[dir=rtl],[dir=ltr] .welcome-page,[dir=rtl] .welcome-page {
    padding-top: 50px;
    width: 100%;
    min-height: -webkit-calc(100vh - 44px);
    min-height: calc(100vh - 44px);
    top: 44px
}

.welcome-page[dir=rtl],[dir=rtl] .welcome-page {
    right: 0
}

@media (max-width: 759px) {
    .welcome-page {
        -webkit-padding-before:10px;
        padding-block-start:10px}

    .welcome-page[dir=ltr],.welcome-page[dir=rtl],[dir=ltr] .welcome-page,[dir=rtl] .welcome-page {
        padding-top: 10px
    }
}

.welcome-page .welcome-page-spinner {
    margin-inline:auto;margin-block:80px}

.welcome-page[dir=ltr] .welcome-page-spinner,.welcome-page[dir=rtl] .welcome-page-spinner,[dir=ltr] .welcome-page .welcome-page-spinner,[dir=rtl] .welcome-page .welcome-page-spinner {
    margin: 80px auto
}

@media (max-width: 759px) {
    .welcome-page .welcome-page-spinner {
        margin-block:30px
    }

    .welcome-page[dir=ltr] .welcome-page-spinner,.welcome-page[dir=rtl] .welcome-page-spinner,[dir=ltr] .welcome-page .welcome-page-spinner,[dir=rtl] .welcome-page .welcome-page-spinner {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    .welcome-page .welcome-page-spinner {
        margin-block:60px
    }

    .welcome-page[dir=ltr] .welcome-page-spinner,.welcome-page[dir=rtl] .welcome-page-spinner,[dir=ltr] .welcome-page .welcome-page-spinner,[dir=rtl] .welcome-page .welcome-page-spinner {
        margin-top: 60px;
        margin-bottom: 60px
    }
}

.welcome-page.welcome-page-fade-out {
    -webkit-animation: welcome-page-fade-out .25s ease-in-out;
    animation: welcome-page-fade-out .25s ease-in-out;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

@-webkit-keyframes welcome-page-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes welcome-page-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

body:not([apple-system-font-capable]) .load-child-application-route .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]) .load-child-application-route .title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .load-child-application-route ui-button.primary.try-again:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

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

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

body:not([apple-system-font-capable]) .load-child-application-adp-blocked-route .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]) .load-child-application-adp-blocked-route .title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .load-child-application-adp-blocked-route h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

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

body:not([apple-system-font-capable]) .load-child-application-adp-blocked-route .didnt-receive:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .load-child-application-adp-blocked-route ui-button.send-again:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .load-child-application-adp-blocked-route ui-button.failed-state:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .terms-and-conditions-success-confirmation>.content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .terms-and-conditions-success-confirmation>.content>.title-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .terms-and-conditions-success-confirmation>.content>.description-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .terms-and-conditions-success-confirmation>.content>.cw-button>.title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

body:not([apple-system-font-capable]) .interstitial-page .page-container-view .page-button-container-view .page-button-view .show-dismiss-button .page-button-one ui-button.cw-convert:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-three ui-button.cw-convert:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .interstitial-page .page-container-view .page-button-container-view .page-button-view .page-button-two ui-button.cw-convert:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .home-login-component .parent-container .widget-icon-text .sign-in-label:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .home-login-component .parent-container .create a:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .header-section h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .header-section p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .header-section .sharing-details .sharing-item-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .bottom-section .join-name:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .bottom-section .accept-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .bottom-section .accept-notes-subdescription:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .bottom-section .download-add-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-page .share-contant-container .bottom-section .accept-notes-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .settings-page-route .account-page .account-page-header h1: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]) .settings-page-route .account-page .account-page-header h1:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

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

body:not([apple-system-font-capable]) .settings-page-route .account-page .content-column>section h2: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]) .settings-page-route .account-page .content-column>section h2:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .settings-page-route .account-page .content-column>section h3: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]) .settings-page-route .account-page .content-column>section h3:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .settings-page-route .account-page .content-column>section p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .settings-page-route .account-page .content-column>section p.account-email:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .plan-card .plan-card-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]) .plan-card .plan-card-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

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

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

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

body:not([apple-system-font-capable]) .look-me-up-by-email-modal-content .look-me-up-by-email-list .count:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .look-me-up-by-email-modal-content .look-me-up-by-email-list .description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .look-me-up-by-email-modal-content .look-me-up-by-email-list [role=table]:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .look-me-up-by-email-modal-content .empty-list .title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .look-me-up-by-email-modal-content .empty-list .content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .upgrade-plan-tiles .upgrade-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]) .upgrade-plan-tiles .upgrade-heading:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .upgrade-plan-tiles .upgrade-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]) .upgrade-plan-tiles .upgrade-description:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .maildrop-page .bottom-section .error-message-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .maildrop-page .bottom-section .error-message p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-error-page .header-section h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-error-page .header-section .error-details .error-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .share-acceptance-error-page .header-section .error-details .error-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .domain-redirect-page .redirect-subtitle: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]) .icloud-hero h1: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]) .icloud-hero h1:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

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

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

body:not([apple-system-font-capable]) .terms-and-conditions .terms-header .terms-header-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]) .terms-and-conditions .terms-header .terms-header-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding: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]) .terms-and-conditions .terms-header .terms-header-title .china-terms-and-conditions-branding:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

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

body:not([apple-system-font-capable]) .reminders-template-page .share-contant-container .header-section h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-title:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .reminders-template-page .share-contant-container .header-section .sharing-details .sharing-item-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .reminders-template-page .share-contant-container .bottom-section .download-add-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

body:not([apple-system-font-capable]) .calendar-event-reply-page .header-section .event-date-time:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .calendar-event-reply-page .header-section .organizer-label:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .calendar-event-reply-page .header-section .reply-options ui-toggle-button:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .calendar-event-reply-page .header-section .report-junk-confirmation h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .calendar-event-reply-page .header-section .report-junk-confirmation p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

body:not([apple-system-font-capable]) .calendar-event-reply-page .error-section .error-description: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.calendar-event-reply-confirmation ui-popup 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.calendar-event-reply-confirmation ui-popup p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .page-header .page-header-title: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]) .page-header .page-header-title:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

body:not([apple-system-font-capable]) .page-header .page-header-subtitle: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]) .page-header .page-header-subtitle:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
    }
}

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

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

body:not([apple-system-font-capable]) .icloud-plus-page .device-only-content>p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

body:not([apple-system-font-capable]) .continue-section ui-button.push.primary.standard-button: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] .feature-info .modal-subtitle: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] .feature-info .modal-section-description:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

body:not([apple-system-font-capable]) .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .header-section p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .unauthed-share-acceptance-page .unauthed-share-acceptance-page-content .bottom-section p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .bookmarks-recovery-modal-delete-prompt .buttons ui-button.cancel:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .storage-usage-list .usage: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]) .storage-usage-list .label:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .usage-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]) .usage-description:lang(zh-CN) {
        font-family:SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
    }
}

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

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

body:not([apple-system-font-capable]) .web-access-blocked-page .body-section .item-description.notice:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .body-section .item-notice:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .body-section.footnote:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .no-device-section h2:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .no-device-section h3:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .no-device-section p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .web-access-blocked-page .no-device-section span:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

body:not([apple-system-font-capable]) .web-access-blocked-page .quick-access-container .quick-access-label:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

body:not([apple-system-font-capable]) .app-library.edit-mode .header .title span:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,Helvetica Neue,sans-serif
}

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

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

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

body:not([apple-system-font-capable]) ui-menu.standard.quick-action-menu.icloud-touch:not(.icloud-mouse) .quick-action-header[aria-disabled=true]:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitem].quick-action-header[aria-disabled=true]:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-menu.standard.quick-action-menu ui-menu-scroll-container ui-menu-item[role=menuitemcheckbox].quick-action-header[aria-disabled=true]:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .document-row .home-tile-row-container .row-container .text .first-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .document-row .home-tile-row-container .row-container .text .second-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) ui-pane.quick-look-modal.standard.for-ui-popup .file-title-wrapper [role=heading]:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .home-tile-centered-column-layout: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]) .deleted-error-tile-content:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .deleted-error-tile-content ui-button.primary.push.action-button: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.tile-customization-modal-container>ui-popup[role=dialog] h2: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.tile-customization-modal-container>ui-popup[role=dialog] 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-card.standard.tile-picker-modal-compact ui-card .card-compact-header: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-picker-modal-compact ui-card .card-compact-body .subtitle:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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

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

body:not([apple-system-font-capable]) ui-pane.drive-folders-list-compact.for-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]) .filter-picker-popover .container.icloud-touch .tile-picker-title.filter-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.filter-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]) .mail-row .home-tile-row-container .row-container .text .first-line .from-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .mail-row .home-tile-row-container .row-container .text .first-line .time-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .mail-row .home-tile-row-container .row-container .text .second-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .mail-row .home-tile-row-container .row-container .text .second-line .second-line-icons span:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .notes-row .home-tile-row-container .row-container .text .first-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .notes-row .home-tile-row-container .row-container .text .second-line .time-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .notes-row .home-tile-row-container .row-container .text .second-line .snippet-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .calendar-row .home-tile-row-container .row-container .text .first-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

body:not([apple-system-font-capable]) .reminders-row .home-tile-row-container .row-container .text .first-line:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .reminders-row .home-tile-row-container .row-container .text .second-line .time-text:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

body:not([apple-system-font-capable]) .dashboard-customization-header .header-container-background .header-container ui-button.block.primary.done:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .dashboard-customization-header .header-container-background .header-container ui-button.push.primary.add-tile:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

body:not([apple-system-font-capable]) .dashboard-customization-header .header-container-background .header-container .header-end-view ui-button.push.primary.change-wallpaper:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,Helvetica Neue,sans-serif
}

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

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

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