.cw-global-cursor-pointer,.cw-global-cursor-pointer * {
    cursor: pointer!important
}

.cw-global-cursor-default,.cw-global-cursor-default *,.cw-global-cursor-pointer,.cw-global-cursor-pointer * {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.cw-global-cursor-default,.cw-global-cursor-default * {
    cursor: default!important
}

.cw-global-cursor-horizontal-resize,.cw-global-cursor-horizontal-resize * {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    cursor: ns-resize!important
}

.cw-global-cursor-vertical-resize,.cw-global-cursor-vertical-resize * {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
    cursor: ew-resize!important
}

.cw-pane-container {
    position: absolute;
    block-size: 100%;
    inline-size: 100%
}

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

.cw-pane-container>div {
    position: absolute;
    block-size: 100%;
    inline-size: 100%
}

.cw-pane-container[dir=ltr]>div,.cw-pane-container[dir=rtl]>div,[dir=ltr] .cw-pane-container>div,[dir=rtl] .cw-pane-container>div {
    height: 100%;
    width: 100%
}

.cw-set-drag-image-original>* {
    display: none
}

.cw-set-drag-image-original>.cw-set-drag-image-ghost {
    display: inherit
}

.cw-scroll-indicator.vertical {
    inset-block: 0;
    inset-inline-end: 0
}

.cw-scroll-indicator.vertical[dir=ltr],[dir=ltr] .cw-scroll-indicator.vertical {
    right: 0;
    top: 0;
    bottom: 0
}

.cw-scroll-indicator.vertical[dir=rtl],[dir=rtl] .cw-scroll-indicator.vertical {
    left: 0;
    top: 0;
    bottom: 0
}

.cw-scroll-indicator.horizontal {
    inset-inline: 0;
    inset-block-end: 0
}

.cw-scroll-indicator.horizontal[dir=ltr],.cw-scroll-indicator.horizontal[dir=rtl],[dir=ltr] .cw-scroll-indicator.horizontal,[dir=rtl] .cw-scroll-indicator.horizontal {
    bottom: 0;
    left: 0;
    right: 0
}

.cw-scroll-indicator-track {
    position: absolute;
    inset-inline: 0
}

.cw-scroll-indicator-track[dir=ltr],.cw-scroll-indicator-track[dir=rtl],[dir=ltr] .cw-scroll-indicator-track,[dir=rtl] .cw-scroll-indicator-track {
    left: 0;
    right: 0
}

.cw-scroll-indicator-thumb {
    position: absolute
}

.cw-scroll-indicator {
    position: absolute;
    z-index: 100;
    -webkit-transform: translateZ(0)
}

.cw-scroll-indicator:focus {
    outline: none
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator .cw-scroll-indicator-thumb {
    position: absolute;
    background-color: rgba(0,0,0,.5);
    -webkit-transform: translateZ(0);
    border-radius: 100px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical {
    inline-size: 11px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.vertical,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.vertical,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical {
    width: 11px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-track {
    inline-size: 100%
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-track {
    width: 100%
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    inset-inline-end: 2px;
    inline-size: 7px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    right: 2px;
    width: 7px
}

[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    left: 2px;
    width: 7px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal {
    block-size: 11px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.horizontal,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.horizontal,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal {
    height: 11px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track {
    block-size: 100%
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track {
    height: 100%
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb {
    block-size: 7px;
    inset-block-end: 2px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb {
    height: 7px;
    bottom: 2px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged {
    -webkit-transition-property: width,background-color;
    transition-property: width,background-color;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    background-color: hsla(0,0%,97.3%,.6)
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged .cw-scroll-indicator-thumb {
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    background-color: rgba(0,0,0,.56)
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical {
    inline-size: 15px;
    -webkit-border-start: 1px solid hsla(0,0%,84.7%,.6);
    border-inline-start:1px solid hsla(0,0%,84.7%,.6)}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical {
    width: 15px;
    border-left: 1px solid hsla(0,0%,84.7%,.6)
}

[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical {
    width: 15px;
    border-right: 1px solid hsla(0,0%,84.7%,.6)
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical .cw-scroll-indicator-thumb {
    inline-size: 11px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical .cw-scroll-indicator-thumb,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.vertical .cw-scroll-indicator-thumb {
    width: 11px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal {
    block-size: 15px;
    -webkit-border-before: 1px solid hsla(0,0%,84.7%,.6);
    border-block-start:1px solid hsla(0,0%,84.7%,.6)}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal {
    height: 15px;
    border-top: 1px solid hsla(0,0%,84.7%,.6)
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal .cw-scroll-indicator-thumb {
    block-size: 11px
}

[data-primary-interaction-mode=mouse][dir=ltr] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal .cw-scroll-indicator-thumb,[data-primary-interaction-mode=mouse][dir=rtl] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.horizontal .cw-scroll-indicator-thumb {
    height: 11px
}

[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.cw-scroll-indicator-instantly-enlarged,[data-primary-interaction-mode=mouse] .cw-scroll-indicator.cw-scroll-indicator-enlarged.cw-scroll-indicator-instantly-enlarged .cw-scroll-indicator-thumb {
    -webkit-transition-property: none;
    transition-property: none
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator .cw-scroll-indicator-thumb {
    position: absolute;
    background-color: rgba(0,0,0,.35);
    -webkit-transform: translateZ(0)
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical {
    inline-size: 6px
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.vertical,[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.vertical,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical {
    width: 6px
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-track {
    inline-size: 100%
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-track,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-track {
    width: 100%
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    inset-inline-end: 3px;
    inline-size: 10px
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    right: 3px;
    width: 10px
}

[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    left: 3px;
    width: 10px
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal {
    block-size: 6px
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.horizontal,[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.horizontal,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal {
    height: 6px
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track {
    block-size: 100%
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-track {
    height: 100%
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb {
    block-size: 10px;
    inset-block-end: 3px
}

[data-primary-interaction-mode=touch][dir=ltr] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[data-primary-interaction-mode=touch][dir=rtl] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[dir=ltr] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb,[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb {
    height: 10px;
    bottom: 3px
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator .cw-scroll-indicator-thumb {
    border-radius: 2.5px;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

[dir=rtl] [data-primary-interaction-mode=touch] .cw-scroll-indicator .cw-scroll-indicator-thumb {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.vertical .cw-scroll-indicator-thumb {
    -webkit-transform: scaleX(.25);
    transform: scaleX(.25)
}

[data-primary-interaction-mode=touch] .cw-scroll-indicator.horizontal .cw-scroll-indicator-thumb {
    -webkit-transform: scaleY(.25);
    transform: scaleY(.25)
}

.cw-scroll-view {
    overflow: hidden
}

.cw-scroll-view>.container {
    overflow: hidden;
    block-size: 100%;
    inline-size: 100%
}

.cw-scroll-view[dir=ltr]>.container,.cw-scroll-view[dir=rtl]>.container,[dir=ltr] .cw-scroll-view>.container,[dir=rtl] .cw-scroll-view>.container {
    height: 100%;
    width: 100%
}

.cw-has-arrow .cw-arrow-container {
    position: absolute;
    overflow: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cw-has-arrow .cw-arrow-container .cw-arrow,.cw-has-arrow .cw-arrow-container .cw-arrow-centering {
    position: relative
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container,.cw-has-arrow.cw-arrow-right .cw-arrow-container {
    block-size: 100%;
    display: table;
    border-collapse: collapse
}

.cw-has-arrow.cw-arrow-left[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-left[dir=rtl] .cw-arrow-container,.cw-has-arrow.cw-arrow-right[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-right[dir=rtl] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-left .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-right .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-left .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-right .cw-arrow-container {
    height: 100%
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container .cw-arrow-centering,.cw-has-arrow.cw-arrow-right .cw-arrow-container .cw-arrow-centering {
    display: table-cell
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container.cw-align-top .cw-arrow-centering,.cw-has-arrow.cw-arrow-right .cw-arrow-container.cw-align-top .cw-arrow-centering {
    vertical-align: top
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container.cw-align-center .cw-arrow-centering,.cw-has-arrow.cw-arrow-right .cw-arrow-container.cw-align-center .cw-arrow-centering {
    vertical-align: middle
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container.cw-align-bottom .cw-arrow-centering,.cw-has-arrow.cw-arrow-right .cw-arrow-container.cw-align-bottom .cw-arrow-centering {
    vertical-align: bottom
}

.cw-has-arrow.cw-arrow-left .cw-arrow-container {
    inset-inline-start: 0
}

.cw-has-arrow.cw-arrow-left[dir=ltr] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-left .cw-arrow-container {
    left: 0
}

.cw-has-arrow.cw-arrow-left[dir=rtl] .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-left .cw-arrow-container {
    right: 0
}

.cw-has-arrow.cw-arrow-right .cw-arrow-container {
    inset-inline-end: 0
}

.cw-has-arrow.cw-arrow-right[dir=ltr] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-right .cw-arrow-container {
    right: 0
}

.cw-has-arrow.cw-arrow-right[dir=rtl] .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-right .cw-arrow-container {
    left: 0
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-container,.cw-has-arrow.cw-arrow-top .cw-arrow-container {
    inset-inline: 0
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow-container,.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow-container {
    left: 0;
    right: 0
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-left .cw-arrow-centering,.cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-left .cw-arrow-centering {
    text-align: start
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow-container.cw-align-left .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow-container.cw-align-left .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-left .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-left .cw-arrow-centering {
    text-align: left
}

.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow-container.cw-align-left .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow-container.cw-align-left .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-left .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-left .cw-arrow-centering {
    text-align: right
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-center .cw-arrow-centering,.cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-center .cw-arrow-centering {
    text-align: center
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-right .cw-arrow-centering,.cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-right .cw-arrow-centering {
    text-align: end
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow-container.cw-align-right .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow-container.cw-align-right .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-right .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-right .cw-arrow-centering {
    text-align: right
}

.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow-container.cw-align-right .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow-container.cw-align-right .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container.cw-align-right .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow-container.cw-align-right .cw-arrow-centering {
    text-align: left
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-centering,.cw-has-arrow.cw-arrow-top .cw-arrow-centering {
    inline-size: 100%;
    line-height: 0
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow-centering,.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow-centering,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow-centering,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow-centering,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow-centering {
    width: 100%
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow,.cw-has-arrow.cw-arrow-top .cw-arrow {
    display: inline-block;
    margin: logical 0 auto
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow,.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow,.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow {
    margin: 0 auto
}

.cw-has-arrow.cw-arrow-top .cw-arrow-container {
    inset-block-start: 0
}

.cw-has-arrow.cw-arrow-top[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-top[dir=rtl] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-top .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-top .cw-arrow-container {
    top: 0
}

.cw-has-arrow.cw-arrow-bottom .cw-arrow-container {
    inset-block-end: 0
}

.cw-has-arrow.cw-arrow-bottom[dir=ltr] .cw-arrow-container,.cw-has-arrow.cw-arrow-bottom[dir=rtl] .cw-arrow-container,[dir=ltr] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container,[dir=rtl] .cw-has-arrow.cw-arrow-bottom .cw-arrow-container {
    bottom: 0
}

.cw-collection-view {
    position: absolute;
    overflow: hidden;
    inset: 0
}

.cw-collection-view[dir=ltr],.cw-collection-view[dir=rtl],[dir=ltr] .cw-collection-view,[dir=rtl] .cw-collection-view {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cw-collection-view:focus {
    outline: none
}

.cw-list-item-view,.cw-ui-collections-list-footer-view,.cw-ui-collections-list-header-view {
    position: absolute
}

.cw-ui-collections-list-header-view.is-floating {
    z-index: 1;
    overflow: hidden
}

ui-transition-container {
    position: relative
}

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

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

ui-activity-indicator.standard {
    font-size: 32px;
    height: 1em;
    width: 1em;
    display: inline-block;
    position: relative
}

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-u7b95a21c;
    animation-name: ui-activity-indicator-keyframe-u7b95a21c;
    animation-direction: reverse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.33333,0,.66667,.33333);
    animation-timing-function: cubic-bezier(.33333,0,.66667,.33333);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: var(--theme-color-systemBlack)
}

ui-activity-indicator.standard ui-spinner-nib:first-of-type {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: translateY(.5em) rotate(0deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(0deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(2) {
    -webkit-animation-delay: -.875s;
    animation-delay: -.875s;
    -webkit-transform: translateY(.5em) rotate(45deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(45deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(3) {
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s;
    -webkit-transform: translateY(.5em) rotate(90deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(90deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(4) {
    -webkit-animation-delay: -.625s;
    animation-delay: -.625s;
    -webkit-transform: translateY(.5em) rotate(135deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(135deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(5) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    -webkit-transform: translateY(.5em) rotate(180deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(180deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(6) {
    -webkit-animation-delay: -.375s;
    animation-delay: -.375s;
    -webkit-transform: translateY(.5em) rotate(225deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(225deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(7) {
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s;
    -webkit-transform: translateY(.5em) rotate(270deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(270deg) translateY(-.5em) translateX(-.0625em)
}

ui-activity-indicator.standard ui-spinner-nib:nth-of-type(8) {
    -webkit-animation-delay: -.125s;
    animation-delay: -.125s;
    -webkit-transform: translateY(.5em) rotate(315deg) translateY(-.5em) translateX(-.0625em);
    transform: translateY(.5em) rotate(315deg) translateY(-.5em) translateX(-.0625em)
}

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

ui-button button {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ui-checkbox {
    display: inline-block
}

ui-card {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ui-image.standard {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ui-radio-button.disabled,ui-radio-button[aria-disabled=true] {
    cursor: default
}

ui-radio-button.disabled .circle-empty,ui-radio-button[aria-disabled=true] .circle-empty {
    display: block;
    opacity: .3
}

ui-radio-button.disabled .circle-dot,ui-radio-button.disabled .circle-fill,ui-radio-button[aria-disabled=true] .circle-dot,ui-radio-button[aria-disabled=true] .circle-fill {
    display: none
}

ui-radio-button.disabled.invalid:not(.disabled),ui-radio-button.disabled[aria-invalid=true]:not([aria-disabled=true]),ui-radio-button[aria-disabled=true].invalid:not(.disabled),ui-radio-button[aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

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

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

ui-radio-button[aria-checked=true] .circle-dot,ui-radio-button[aria-checked=true] .circle-fill {
    display: block
}

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

ui-radio-button[aria-checked=true].disabled .circle-empty,ui-radio-button[aria-checked=true][aria-disabled=true] .circle-empty {
    display: none
}

ui-radio-button[aria-checked=true].disabled .circle-dot,ui-radio-button[aria-checked=true].disabled .circle-fill,ui-radio-button[aria-checked=true][aria-disabled=true] .circle-dot,ui-radio-button[aria-checked=true][aria-disabled=true] .circle-fill {
    display: block;
    opacity: .3
}

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled),ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]),ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled),ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) {
    cursor: default
}

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

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

ui-radio-button[aria-checked=true].disabled.invalid:not(.disabled) .circle-fill,ui-radio-button[aria-checked=true].disabled[aria-invalid=true]:not([aria-disabled=true]) .circle-fill,ui-radio-button[aria-checked=true][aria-disabled=true].invalid:not(.disabled) .circle-fill,ui-radio-button[aria-checked=true][aria-disabled=true][aria-invalid=true]:not([aria-disabled=true]) .circle-fill {
    display: block;
    opacity: .3
}

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

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

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

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

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

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

ui-radio-button.active:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled):not([aria-checked=true]) .circle-empty {
    display: block;
    fill: var(--theme-color-fillTertiary)
}

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

ui-radio-button.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-dot,ui-radio-button.active:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-fill,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-dot,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)[aria-checked=true] .circle-fill {
    display: block
}

ui-radio-button .circle-dot,ui-radio-button .icloud-icon-container>svg {
    fill: var(--theme-color-appTint)
}

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

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

ui-radio-button.active:not([aria-disabled=true]):not(.disabled)>.icon,ui-radio-button:active:hover:not([aria-disabled=true]):not(.disabled)>.icon {
    opacity: .3
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ui-screen-reader-only-content {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

ui-screen-reader-only-content:focus-within {
    opacity: 1;
    pointer-events: inherit
}

ui-segment,ui-segmented-control {
    display: inline-block
}

ui-segmented-control.standard {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 8px
}

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

ui-segmented-control.standard.active:not([aria-disabled=true]):not(.disabled),ui-segmented-control.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillSecondary)
}

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

ui-segmented-control.standard ui-segment {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    min-width: 78px
}

ui-segmented-control.standard ui-segment>.content-wrapper {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

ui-segmented-control.standard ui-segment:before {
    height: 16px;
    width: 1px;
    content: "";
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--theme-color-gray3);
    border-radius: 1px;
    position: absolute
}

html:not([dir=rtl]) ui-segmented-control.standard ui-segment:before {
    left: 0
}

[dir=rtl] ui-segmented-control.standard ui-segment:before {
    right: 0
}

ui-segmented-control.standard ui-segment:before {
    top: 4px
}

ui-segmented-control.standard ui-segment:not([aria-checked=true]).disabled+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before,ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true]).disabled:before,ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before,ui-segmented-control.standard ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus)+ui-segment:not([aria-checked=true])[aria-disabled=true]:before,ui-segmented-control.standard ui-segment:not([aria-checked=true])[aria-disabled=true]+ui-segment:not([aria-checked=true]):not(:active):not(.active):not(:focus):before {
    display: block
}

ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    background-color: var(--theme-color-backgroundPrimary);
    outline: 1px solid var(--theme-color-fillQuaternary);
    font-weight: 600
}

@media (prefers-color-scheme: dark) {
    ui-segmented-control.standard ui-segment[aria-checked=true] {
        -webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.3);
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.3)
    }
}

[data-appearance=dark] ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.3);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.3)
}

[data-appearance=light] ui-segmented-control.standard ui-segment[aria-checked=true] {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillTertiary)
}

@media (prefers-color-scheme: dark) {
    ui-segmented-control.standard ui-segment[aria-checked=true] {
        background-color:var(--theme-color-gray2)
    }
}

[data-appearance=dark] ui-segmented-control.standard ui-segment[aria-checked=true] {
    background-color: var(--theme-color-gray2)
}

[data-appearance=light] ui-segmented-control.standard ui-segment[aria-checked=true] {
    background-color: var(--theme-color-backgroundPrimary)
}

ui-segmented-control.standard ui-segment.disabled,ui-segmented-control.standard ui-segment[aria-disabled=true] {
    cursor: default;
    opacity: .5
}

ui-segmented-control.standard ui-segment:focus:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-segmented-control.standard ui-segment.active:not([aria-disabled=true]):not(.disabled),ui-segmented-control.standard ui-segment:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillQuaternary)
}

ui-segmented-control.standard.icloud-touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 8px
}

ui-segmented-control.standard.icloud-touch ui-segment {
    height: 28px;
    min-width: 118px
}

ui-segmented-control.standard.icloud-touch ui-segment:before {
    top: 5px;
    height: 18px
}

ui-slider.standard {
    outline: none;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

ui-slider.standard,ui-slider.standard ui-slider-track {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-track {
    display: inline-block;
    position: absolute;
    background: var(--theme-color-labelQuaternary);
    border-radius: 100px;
    overflow: hidden
}

ui-slider.standard ui-slider-track-progress {
    display: block;
    position: relative
}

ui-slider.standard ui-slider-knob,ui-slider.standard ui-slider-track-progress {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-slider.standard ui-slider-knob {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: var(--theme-color-backgroundPrimary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (pointer: fine) {
    ui-slider.standard ui-slider-knob:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:0 0 0 3px var(--theme-color-fillTertiary);
        box-shadow: 0 0 0 3px var(--theme-color-fillTertiary)
    }
}

ui-slider.standard[aria-orientation=horizontal] {
    width: 70px;
    height: 14px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-knob {
    margin-left: -7px
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track {
    height: 2px;
    width: 100%
}

ui-slider.standard[aria-orientation=horizontal] ui-slider-track-progress {
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70px;
    width: 14px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-knob {
    margin-bottom: -7px
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track {
    width: 2px;
    height: 100%
}

ui-slider.standard[aria-orientation=vertical] ui-slider-track-progress {
    width: 100%;
    position: absolute;
    bottom: 0
}

ui-slider.standard.disabled,ui-slider.standard[aria-disabled=true] {
    opacity: .3;
    cursor: default
}

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

ui-slider.standard.ui-component-dragging ui-slider-knob {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-fillTertiary);
    box-shadow: 0 0 0 3px var(--theme-color-fillTertiary)
}

ui-slider.standard ui-slider-track-progress {
    background-color: var(--theme-color-appTint)
}

ui-slider.standard ui-slider-knob {
    border: 2px solid var(--theme-color-appTint)
}

ui-slider.standard.ui-component-dragging ui-slider-knob {
    background-color: var(--theme-color-appTint);
    border-color: var(--theme-color-backgroundPrimary)
}

[aria-hidden=true] ui-split-container.standard>ui-split-divider {
    z-index: auto
}

ui-split-container.standard {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

ui-split-container.standard>ui-split {
    position: relative
}

html:not([dir=rtl]) ui-split-container.standard>ui-split {
    left: 0
}

[dir=rtl] ui-split-container.standard>ui-split {
    right: 0
}

ui-split-container.standard>ui-split {
    top: 0;
    text-overflow: ellipsis
}

ui-split-container.standard>ui-split-divider {
    position: absolute;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-split-container.standard[aria-orientation=vertical] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal
}

ui-split-container.standard[aria-orientation=vertical] ui-split {
    overflow-y: scroll
}

ui-split-container.standard[aria-orientation=vertical] ui-split:last-child {
    height: 100%;
    min-height: 100%
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging {
    cursor: ns-resize
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging-min {
    cursor: s-resize
}

ui-split-container.standard[aria-orientation=vertical].ui-component-dragging-max {
    cursor: n-resize
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider {
    height: 0;
    width: 100%;
    border-top: 1px solid var(--theme-color-gray4)
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider:before {
    content: "";
    position: absolute;
    top: -6px;
    height: 12px;
    width: 100%
}

@media (pointer: fine) {
    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        cursor:ns-resize
    }

    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-min {
        cursor: s-resize
    }

    ui-split-container.standard[aria-orientation=vertical] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-max {
        cursor: n-resize
    }
}

ui-split-container.standard[aria-orientation=vertical] ui-split-divider.disabled,ui-split-container.standard[aria-orientation=vertical] ui-split-divider[aria-disabled=true] {
    cursor: default
}

ui-split-container.standard[aria-orientation=horizontal] {
    white-space: nowrap
}

ui-split-container.standard[aria-orientation=horizontal] ui-split {
    overflow-x: hidden
}

ui-split-container.standard[aria-orientation=horizontal] ui-split:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging {
    cursor: ew-resize
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging-min {
    cursor: e-resize
}

ui-split-container.standard[aria-orientation=horizontal].ui-component-dragging-max {
    cursor: w-resize
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    height: 100%;
    width: 0
}

html:not([dir=rtl]) ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    border-left: 1px solid var(--theme-color-gray4)
}

[dir=rtl] ui-split-container.standard[aria-orientation=horizontal] ui-split-divider {
    border-right: 1px solid var(--theme-color-gray4)
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    content: "";
    position: absolute
}

html:not([dir=rtl]) ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    left: -6px
}

[dir=rtl] ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    right: -6px
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:before {
    width: 12px;
    height: 100%
}

@media (pointer: fine) {
    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        cursor:ew-resize
    }

    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-min {
        cursor: e-resize
    }

    ui-split-container.standard[aria-orientation=horizontal] ui-split-divider:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).ui-component-hover-max {
        cursor: w-resize
    }
}

ui-split-container.standard[aria-orientation=horizontal] ui-split-divider.disabled,ui-split-container.standard[aria-orientation=horizontal] ui-split-divider[aria-disabled=true] {
    cursor: default
}

ui-switch.standard {
    width: 28px;
    height: 17px;
    border-radius: 8.5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    overflow: hidden;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-switch.standard>ui-switch-knob {
    height: 15px;
    width: 15px
}

html:not([dir=rtl]) ui-switch.standard>ui-switch-knob {
    left: 1px
}

[dir=rtl] ui-switch.standard>ui-switch-knob {
    right: 1px
}

ui-switch.standard>ui-switch-knob {
    top: 1px;
    border-radius: 7.5px
}

html:not([dir=rtl]) ui-switch.standard[aria-checked=true]>ui-switch-knob {
    left: 12px
}

[dir=rtl] ui-switch.standard[aria-checked=true]>ui-switch-knob {
    right: 12px
}

ui-switch.standard>ui-switch-knob {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1;
    background-color: var(--theme-color-systemWhite);
    -webkit-box-shadow: 0 2px 4px 0 var(--theme-color-fillPrimary),0 2px 1px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 2px 4px 0 var(--theme-color-fillPrimary),0 2px 1px 0 var(--theme-color-fillTertiary);
    outline: .5px solid var(--theme-color-fillTertiary);
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: inset-inline-start;
    transition-property: inset-inline-start
}

ui-switch.standard>input {
    display: none
}

ui-switch.standard:not([aria-checked=true]) {
    background-color: var(--theme-color-gray4)
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary);
    box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
}

ui-switch.standard[aria-checked=true].active:not([aria-disabled=true]):not(.disabled),ui-switch.standard[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-gray4);
    -webkit-box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary);
    box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
}

ui-switch.standard.disabled,ui-switch.standard[aria-disabled=true] {
    opacity: .3;
    cursor: inherit
}

@media (pointer: fine) {
    ui-switch.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 28px var(--theme-color-labelQuaternary);
        box-shadow: inset 0 0 28px var(--theme-color-labelQuaternary)
    }
}

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

ui-switch.standard.icloud-touch {
    width: 51px;
    height: 31px;
    border-radius: 15.5px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    height: 27px;
    width: 27px
}

html:not([dir=rtl]) ui-switch.standard.icloud-touch>ui-switch-knob {
    left: 2px
}

[dir=rtl] ui-switch.standard.icloud-touch>ui-switch-knob {
    right: 2px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    top: 2px;
    border-radius: 13.5px
}

html:not([dir=rtl]) ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob {
    left: 22px
}

[dir=rtl] ui-switch.standard.icloud-touch[aria-checked=true]>ui-switch-knob {
    right: 22px
}

ui-switch.standard.icloud-touch>ui-switch-knob {
    -webkit-box-shadow: 0 3px 8px 0 var(--theme-color-fillPrimary),0 3px 1px 0 var(--theme-color-fillTertiary);
    box-shadow: 0 3px 8px 0 var(--theme-color-fillPrimary),0 3px 1px 0 var(--theme-color-fillTertiary)
}

ui-switch.standard.labelled {
    width: 32px;
    height: 17px;
    border-radius: 8.5px
}

ui-switch.standard.labelled>ui-switch-knob {
    height: 15px;
    width: 15px
}

html:not([dir=rtl]) ui-switch.standard.labelled>ui-switch-knob {
    left: 1px
}

[dir=rtl] ui-switch.standard.labelled>ui-switch-knob {
    right: 1px
}

ui-switch.standard.labelled>ui-switch-knob {
    top: 1px;
    border-radius: 7.5px
}

html:not([dir=rtl]) ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob {
    left: 16px
}

[dir=rtl] ui-switch.standard.labelled[aria-checked=true]>ui-switch-knob {
    right: 16px
}

ui-switch.standard.labelled:after,ui-switch.standard.labelled:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 5px;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: step-start;
    transition-timing-function: step-start;
    z-index: 0
}

ui-switch.standard.labelled:before {
    height: 7px
}

html:not([dir=rtl]) ui-switch.standard.labelled:before {
    left: 8px
}

[dir=rtl] ui-switch.standard.labelled:before {
    right: 8px
}

ui-switch.standard.labelled:before {
    width: 1px;
    background-color: var(--theme-color-systemWhite);
    border-radius: 1px
}

ui-switch.standard.labelled:after {
    width: 7px;
    height: 7px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html:not([dir=rtl]) ui-switch.standard.labelled:after {
    right: 5px
}

[dir=rtl] ui-switch.standard.labelled:after {
    left: 5px
}

ui-switch.standard.labelled:after {
    border: 1px solid var(--theme-color-systemBlack)
}

ui-switch.standard.labelled:not([aria-checked=true]):after {
    opacity: 1
}

ui-switch.standard.labelled:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled):after,ui-switch.standard.labelled:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled):after {
    border-color: var(--theme-color-systemWhite)
}

ui-switch.standard.labelled[aria-checked=true]:before {
    opacity: 1
}

ui-switch.standard.labelled[aria-checked=true].active:not([aria-disabled=true]):not(.disabled):before,ui-switch.standard.labelled[aria-checked=true]:active:hover:not([aria-disabled=true]):not(.disabled):before {
    background-color: var(--theme-color-labelPrimary)
}

ui-switch.standard.labelled.icloud-touch {
    width: 58px;
    height: 31px;
    border-radius: 15.5px
}

ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    height: 27px;
    width: 27px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    left: 2px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    right: 2px
}

ui-switch.standard.labelled.icloud-touch>ui-switch-knob {
    top: 2px;
    border-radius: 13.5px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob {
    left: 29px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch[aria-checked=true]>ui-switch-knob {
    right: 29px
}

ui-switch.standard.labelled.icloud-touch:after,ui-switch.standard.labelled.icloud-touch:before {
    top: 9px
}

ui-switch.standard.labelled.icloud-touch:before {
    height: 12px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch:before {
    left: 15px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:before {
    right: 15px
}

ui-switch.standard.labelled.icloud-touch:before {
    width: 2px;
    border-radius: 2px
}

ui-switch.standard.labelled.icloud-touch:after {
    height: 12px;
    width: 12px
}

html:not([dir=rtl]) ui-switch.standard.labelled.icloud-touch:after {
    right: 9px
}

[dir=rtl] ui-switch.standard.labelled.icloud-touch:after {
    left: 9px
}

ui-switch.standard.labelled.icloud-touch:after {
    border-radius: 6px;
    border-width: 1.5px
}

ui-switch.standard:not([aria-checked=true]).active:not([aria-disabled=true]):not(.disabled),ui-switch.standard:not([aria-checked=true]):active:hover:not([aria-disabled=true]):not(.disabled),ui-switch.standard[aria-checked=true] {
    background-color: var(--theme-color-appTint)
}

ui-text-field {
    display: inline-block
}

ui-text-field.standard {
    border-color: var(--theme-color-gray3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-gray3);
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    width: 180px;
    height: 36px;
    position: relative
}

ui-text-field.standard::-moz-selection {
    background-color: transparent
}

ui-text-field.standard::selection {
    background-color: transparent
}

ui-text-field.standard>input {
    height: 100%;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-field.standard>input:focus {
    outline: 0
}

ui-text-field.standard>input:not(output):-moz-ui-invalid {
    box-shadow: none
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-field.standard.disabled,ui-text-field.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer: fine) {
    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
        box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    [dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

html:not([dir=rtl]) ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

[dir=rtl] ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-field.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-field.standard.invalid:not(.disabled),ui-text-field.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: var(--theme-color-systemRed)
}

ui-text-field.standard>span.ui-text-field-placeholder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color-labelTertiary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 10px;
    bottom: 0;
    right: 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-webkit-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-moz-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input:-ms-input-placeholder {
    color: transparent
}

ui-text-field.standard>span.ui-text-field-placeholder+input::placeholder {
    color: transparent
}

ui-text-field.standard.contains-text>span.ui-text-field-placeholder {
    display: none
}

ui-text-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    width: 361px;
    height: 44px
}

ui-text-field.standard.icloud-touch>input {
    height: 100%;
    width: 100%;
    padding: 0 12px
}

ui-text-field.standard.icloud-touch>span.ui-text-field-placeholder {
    top: 0;
    left: 12px;
    bottom: 0;
    right: 12px
}

ui-text-field.standard {
    caret-color: var(--theme-color-appTint)
}

ui-text-area {
    display: inline-block
}

ui-text-area.standard {
    border-color: var(--theme-color-gray3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-gray3);
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    padding: 9px 12px;
    width: 198px;
    height: 122px
}

ui-text-area.standard::-moz-selection {
    background-color: transparent
}

ui-text-area.standard::selection {
    background-color: transparent
}

ui-text-area.standard>textarea {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis
}

ui-text-area.standard>textarea:focus {
    outline: 0
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelTertiary)
}

ui-text-area.standard.disabled,ui-text-area.standard[aria-disabled=true] {
    opacity: .3
}

@media (pointer: fine) {
    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        -webkit-box-shadow:inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
        box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled) {
        background-color: transparent;
        border-color: transparent
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        content: "";
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 100%
    }

    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        left: 0
    }

    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    [dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        right: 0
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled):before {
        top: 0;
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
        box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled)[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
        color: var(--theme-color-labelQuaternary)
    }

    ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled).focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
        color: var(--theme-color-labelQuaternary)
    }
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard.active:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:active:hover:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:focus:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    background-color: transparent;
    border-color: transparent
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%
}

html:not([dir=rtl]) ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

html:not([dir=rtl]) ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,html:not([dir=rtl]) ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    left: 0
}

[dir=rtl] ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

[dir=rtl] ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,[dir=rtl] ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    right: 0
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled):before,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard[focus-within]:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-webkit-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-moz-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input:-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::-ms-input-placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard.focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>input::placeholder,ui-text-area.standard:focus-within:not([aria-disabled=true]):not(.disabled)>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-text-area.standard.invalid:not(.disabled),ui-text-area.standard[aria-invalid=true]:not([aria-disabled=true]) {
    color: var(--theme-color-systemRed)
}

ui-text-area.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    height: 122px;
    width: 336px
}

ui-text-area.standard {
    caret-color: var(--theme-color-appTint)
}

ui-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color-fillTertiary);
    border-radius: 6px;
    height: 24px;
    font-size: 14px;
    margin: 0 4px
}

ui-token ui-token-content {
    padding: 0 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

ui-token ui-token-content.has-expansion-indicator-after {
    border-radius: 4px 0 0 4px
}

ui-token ui-token-content.has-expansion-indicator-after.has-expansion-indicator-before {
    border-radius: 0
}

ui-token ui-token-content.has-expansion-indicator-before {
    border-radius: 0 4px 4px 0
}

ui-token ui-token-content.has-expansion-indicator-before.has-expansion-indicator-after {
    border-radius: 0
}

ui-token ui-token-content svg {
    overflow: visible
}

ui-token ui-token-selection-expansion-indicator {
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 25px
}

ui-token ui-token-selection-expansion-indicator:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

html:not([dir=rtl]) ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    left: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-before:first-of-type {
    right: -5px
}

ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

html:not([dir=rtl]) ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    right: -5px
}

[dir=rtl] ui-token ui-token-selection-expansion-indicator.expansion-indicator-after:last-of-type {
    left: -5px
}

html:not([dir=rtl]) ui-token.has-cursor-after {
    margin-right: 3px
}

[dir=rtl] ui-token.has-cursor-after {
    margin-left: 3px
}

ui-token.selected {
    color: var(--theme-color-systemWhite)
}

ui-token.icloud-touch {
    height: 30px;
    font-size: 17px
}

ui-token.icloud-touch ui-token-content {
    padding-left: 9px;
    padding-right: 9px
}

@media (pointer: fine) {
    ui-token:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color:var(--theme-color-fillPrimary)
    }
}

ui-token.invalid:not(.disabled),ui-token[aria-invalid=true]:not([aria-disabled=true]) {
    background-color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),-webkit-calc(var(--theme-color-systemRed-l)),.32);
    background-color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),calc(var(--theme-color-systemRed-l)),.32)
}

ui-token.invalid:not(.disabled) ui-token-content svg,ui-token[aria-invalid=true]:not([aria-disabled=true]) ui-token-content svg {
    fill: var(--theme-color-systemRed)
}

ui-token.invalid:not(.disabled).selected,ui-token[aria-invalid=true]:not([aria-disabled=true]).selected {
    background-color: var(--theme-color-systemRed);
    color: var(--theme-color-systemWhite)
}

ui-token.invalid:not(.disabled).selected ui-token-content svg,ui-token[aria-invalid=true]:not([aria-disabled=true]).selected ui-token-content svg {
    fill: var(--theme-color-systemWhite)
}

@media (pointer: fine) {
    ui-token.invalid:not(.disabled):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected),ui-token[aria-invalid=true]:not([aria-disabled=true]):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled):not(.selected) {
        background-color:hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),-webkit-calc(var(--theme-color-systemRed-l)),.56);
        background-color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),calc(var(--theme-color-systemRed-l)),.56)
    }
}

ui-token ui-token-content svg {
    fill: var(--theme-color-appTint)
}

ui-token.selected {
    background-color: var(--theme-color-appTint)
}

ui-token.selected ui-token-content svg {
    fill: var(--theme-color-systemWhite)
}

ui-autocomplete-token-field.standard {
    border-radius: 8px;
    color: var(--theme-color-labelPrimary);
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    width: 180px;
    height: 36px;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--theme-color-fillQuaternary);
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 36px;
    width: 255px;
    padding: 0 10px 5px;
    position: static
}

ui-autocomplete-token-field.standard::-moz-selection {
    background-color: transparent
}

ui-autocomplete-token-field.standard::selection {
    background-color: transparent
}

ui-autocomplete-token-field.standard>input {
    height: 100%;
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ui-autocomplete-token-field.standard ui-editing-token,ui-autocomplete-token-field.standard ui-token {
    margin-top: 5px
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token,html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-token {
    margin-left: 0
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token,[dir=rtl] ui-autocomplete-token-field.standard ui-token {
    margin-right: 0
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token {
    margin-right: 3px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token {
    margin-left: 3px
}

ui-autocomplete-token-field.standard ui-placeholder-text-token {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--theme-color-labelTertiary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 10px;
    right: 10px;
    letter-spacing: normal;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin-top: 5px
}

html:not([dir=rtl]) ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token {
    margin-left: -5px
}

[dir=rtl] ui-autocomplete-token-field.standard ui-editing-token+ui-placeholder-text-token {
    margin-right: -5px
}

ui-autocomplete-token-field.standard.disabled,ui-autocomplete-token-field.standard[aria-disabled=true] {
    opacity: .3
}

ui-autocomplete-token-field.standard.has-focus {
    background-color: transparent;
    border-color: transparent
}

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

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

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

ui-autocomplete-token-field.standard.has-focus:before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-autocomplete-token-field.standard.has-focus>input::-webkit-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::-moz-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input:-ms-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::-ms-input-placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-focus>input::placeholder,ui-autocomplete-token-field.standard.has-focus>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard.has-selected:not(.has-focus) {
    background-color: transparent;
    border-color: var(--theme-color-gray4)
}

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

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

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

ui-autocomplete-token-field.standard.has-selected:not(.has-focus):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-autocomplete-token-field.standard:hover:not(:disabled) {
    border-color: var(--theme-color-fillQuaternary);
    -webkit-box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary);
    box-shadow: inset 0 0 0 1000000px var(--theme-color-fillQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus {
    background-color: transparent;
    border-color: transparent
}

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

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

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

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus:before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-webkit-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-webkit-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-moz-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-moz-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input:-ms-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea:-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::-ms-input-placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::-ms-input-placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>input::placeholder,ui-autocomplete-token-field.standard:hover:not(:disabled).has-focus>textarea::placeholder {
    color: var(--theme-color-labelQuaternary)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    border-color: var(--theme-color-gray3)
}

ui-autocomplete-token-field.standard.icloud-touch {
    border-radius: 10px;
    font-size: 17px;
    line-height: 21px;
    padding: 0 12px 6px
}

ui-autocomplete-token-field.standard.icloud-touch ui-editing-token,ui-autocomplete-token-field.standard.icloud-touch ui-placeholder-text-token,ui-autocomplete-token-field.standard.icloud-touch ui-token {
    margin-top: 6px
}

ui-editing-token.standard {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static
}

ui-editing-token.standard:focus {
    outline: 0
}

ui-editing-token.standard textarea.editing-token {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    height: auto;
    font-family: inherit
}

ui-editing-token.standard textarea.editing-token:focus {
    outline: 0
}

ui-autocomplete-token-field.standard {
    caret-color: var(--theme-color-appTint)
}

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus) {
    background-color: transparent
}

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

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

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

ui-autocomplete-token-field.standard:hover:not(:disabled).has-selected:not(.has-focus):before {
    top: 0;
    border-radius: inherit;
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue)
}

ui-toggle-button {
    font-size: 15px;
    cursor: default
}

ui-toggle-button.push {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-block;
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ui-toggle-button.push:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none;
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue)
}

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

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

ui-toggle-button.push[aria-pressed=true] {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

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

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

ui-toggle-button.push:not([aria-pressed=true]) {
    color: var(--theme-color-appTint)
}

ui-toggle-button.push:not([aria-pressed=true]).active:not([aria-disabled=true]):not(.disabled),ui-toggle-button.push:not([aria-pressed=true]):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

ui-select-button.standard {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    border-radius: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    overflow: hidden;
    min-height: 30px;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--theme-color-fillQuaternary)
}

ui-select-button.standard ui-select-button-title {
    font-size: 14px;
    color: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    margin-right: auto
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    margin-left: auto
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    padding-left: 10px
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    padding-right: 10px
}

html:not([dir=rtl]) ui-select-button.standard ui-select-button-title {
    padding-right: 8px
}

[dir=rtl] ui-select-button.standard ui-select-button-title {
    padding-left: 8px
}

ui-select-button.standard ui-select-button-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

ui-select-button.standard ui-select-button-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ui-select-button.standard select {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-appearance: none;
    width: 100%
}

ui-select-button.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-select-button.standard[focus-within]:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.standard.focus-within:not([aria-disabled=true]):not(.disabled),ui-select-button.standard:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.standard.disabled ui-select-button-title,ui-select-button.standard[aria-disabled=true] ui-select-button-title {
    opacity: .3
}

ui-select-button.standard.disabled .icon,ui-select-button.standard[aria-disabled=true] .icon {
    background-color: transparent;
    opacity: .3
}

@media (pointer: fine) {
    ui-select-button.standard select:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-fillPrimary);
        cursor: pointer
    }
}

ui-select-button.standard .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 9px;
    height: 14px;
    border-radius: 5px;
    fill: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.standard .icon {
    margin-right: 5px
}

[dir=rtl] ui-select-button.standard .icon {
    margin-left: 5px
}

html:not([dir=rtl]) ui-select-button.standard .icon {
    padding: 3px 7px 3px 8px
}

[dir=rtl] ui-select-button.standard .icon {
    padding: 3px 8px 3px 7px
}

ui-select-button.standard .icon {
    overflow: visible;
    background-color: var(--theme-color-fillTertiary)
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled),ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillQuaternary)
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    fill: var(--theme-color-systemWhite);
    opacity: .3
}

@media (pointer: fine) {
    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-fillPrimary);
        cursor: pointer
    }

    ui-select-button.standard:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) .icon {
        background-color: var(--theme-color-fillQuaternary)
    }
}

ui-select-button.standard.active:not([aria-disabled=true]):not(.disabled) .icon,ui-select-button.standard:active:hover:not([aria-disabled=true]):not(.disabled) .icon {
    background-color: var(--theme-color-appTint)
}

ui-select-button.transparent {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px;
    border-radius: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    overflow: hidden;
    min-height: 30px;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent
}

ui-select-button.transparent ui-select-button-title {
    font-size: 14px;
    color: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    margin-right: auto
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    margin-left: auto
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    padding-left: 10px
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    padding-right: 10px
}

html:not([dir=rtl]) ui-select-button.transparent ui-select-button-title {
    padding-right: 8px
}

[dir=rtl] ui-select-button.transparent ui-select-button-title {
    padding-left: 8px
}

ui-select-button.transparent ui-select-button-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

ui-select-button.transparent ui-select-button-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

ui-select-button.transparent select {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-appearance: none;
    width: 100%
}

ui-select-button.transparent.focus-within:not([aria-disabled=true]):not(.disabled),ui-select-button.transparent[focus-within]:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.transparent.focus-within:not([aria-disabled=true]):not(.disabled),ui-select-button.transparent:focus-within:not([aria-disabled=true]):not(.disabled) {
    -webkit-box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: inset 0 0 0 3px var(--theme-color-tintBlue);
    outline: none
}

ui-select-button.transparent.disabled ui-select-button-title,ui-select-button.transparent[aria-disabled=true] ui-select-button-title {
    opacity: .3
}

ui-select-button.transparent.disabled .icon,ui-select-button.transparent[aria-disabled=true] .icon {
    background-color: transparent;
    opacity: .3
}

ui-select-button.transparent .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 9px;
    height: 14px;
    border-radius: 5px;
    fill: var(--theme-color-labelPrimary)
}

html:not([dir=rtl]) ui-select-button.transparent .icon {
    margin-right: 5px
}

[dir=rtl] ui-select-button.transparent .icon {
    margin-left: 5px
}

html:not([dir=rtl]) ui-select-button.transparent .icon {
    padding: 3px 7px 3px 8px
}

[dir=rtl] ui-select-button.transparent .icon {
    padding: 3px 8px 3px 7px
}

ui-select-button.transparent .icon {
    overflow: visible
}

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

ui-pane.dismissable.is-opening .ui-select-button-menu:not(.is-measuring),ui-pane.dismissible.is-opening .ui-select-button-menu:not(.is-measuring) {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

ui-pane.dismissable.is-closing .ui-select-button-menu,ui-pane.dismissible.is-closing .ui-select-button-menu {
    -webkit-animation: icloud-keyframes-fadeOut .2s ease forwards;
    animation: icloud-keyframes-fadeOut .2s ease forwards
}

ui-popup {
    display: inline-block
}

ui-pane.for-ui-popup.standard>ui-popup {
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.16);
    box-shadow: 0 11px 34px rgba(0,0,0,.16);
    background-color: var(--theme-color-backgroundPrimary);
    border-radius: 11px;
    max-width: 640px;
    max-height: -webkit-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    padding: 20px;
    pointer-events: auto;
    overflow: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

ui-pane.for-ui-popup.standard>ui-popup ui-overlay-actions {
    position: -webkit-sticky;
    position: sticky;
    bottom: -20px
}

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

html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions,html:not([dir=rtl]) ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-right: 0
}

[dir=rtl] ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    border-left: 0
}

ui-pane.for-ui-popup.standard>ui-popup.ui-overlay-actions-separator ui-overlay-actions {
    padding-top: 19px
}

ui-pane.for-ui-popup.standard>ui-popup:focus:not([aria-disabled=true]):not(.disabled) {
    outline: none
}

ui-pane.for-ui-popup {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

ui-pane.for-ui-popup.standard.is-opening ui-popup {
    -webkit-animation: icloud-keyframes-fadeInAndBarelyScale .2s cubic-bezier(.32,.08,.24,1);
    animation: icloud-keyframes-fadeInAndBarelyScale .2s cubic-bezier(.32,.08,.24,1)
}

ui-pane.for-ui-popup.standard.is-closing ui-popup {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards
}

ui-alert-content,ui-alert-icon {
    display: block
}

ui-pane.for-ui-alert.standard ui-popup {
    line-height: 1.2;
    overflow: hidden;
    padding: 0;
    position: relative
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container {
    overflow: auto;
    display: block;
    max-height: -webkit-calc(100vh - 110px);
    max-height: calc(100vh - 110px)
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    content: "";
    display: block;
    background: linear-gradient(transparent,var(--theme-color-backgroundPrimary) 40px,var(--theme-color-backgroundPrimary) 0);
    position: absolute;
    bottom: 0
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    left: 0
}

[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    right: 0
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    right: 20px
}

[dir=rtl] ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    left: 20px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-container.show-fade:after {
    height: 70px;
    pointer-events: none
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-icon {
    width: 36px;
    height: 36px;
    margin: auto auto 5px;
    display: block
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content .title {
    color: var(--theme-color-labelPrimary);
    font-size: 19px;
    font-weight: 600;
    word-break: break-word;
    word-wrap: break-word;
    text-wrap: balance;
    line-height: 1.4;
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 15px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-content .description {
    color: var(--theme-color-labelSecondary);
    font-size: 14px;
    word-break: break-word;
    word-wrap: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
    text-wrap: balance;
    margin-bottom: 10px
}

ui-pane.for-ui-alert.standard ui-popup ui-alert-footer {
    display: block;
    position: relative
}

ui-pane.for-ui-alert.standard ui-popup.compact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 335px;
    padding: 0
}

ui-pane.for-ui-alert.standard ui-popup.compact>ui-alert-container {
    padding: 40px 0 20px
}

ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-content {
    text-align: center;
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.compact ui-alert-actions {
    padding: 0 25px
}

ui-pane.for-ui-alert.standard ui-popup.regular {
    width: 450px;
    padding: 0
}

ui-pane.for-ui-alert.standard ui-popup.regular>ui-alert-container {
    padding: 40px 40px 30px
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-container>:not(ui-alert-footer) {
    opacity: .3
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message ui-activity-indicator:focus {
    outline: none
}

html:not([dir=rtl]) ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    margin-left: 10px
}

[dir=rtl] ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    margin-right: 10px
}

ui-pane.for-ui-alert.standard.has-loading ui-popup ui-alert-loading-message .description {
    font-weight: 600
}

ui-pane.for-ui-alert.standard.is-opening>ui-popup {
    -webkit-animation: icloud-keyframes-scaleWithBriefFade .2s ease-in-out;
    animation: icloud-keyframes-scaleWithBriefFade .2s ease-in-out
}

@media (prefers-reduced-motion) {
    ui-pane.for-ui-alert.standard.is-opening>ui-popup {
        -webkit-animation: icloud-keyframes-fadeIn .2s ease-in-out;
        animation: icloud-keyframes-fadeIn .2s ease-in-out
    }
}

ui-pane-backdrop.top-visible.for-ui-alert {
    -webkit-animation: icloud-keyframes-fadeIn .2s ease;
    animation: icloud-keyframes-fadeIn .2s ease
}

ui-alert-icon>svg {
    fill: var(--theme-color-appTint)
}

ui-alert-actions,ui-alert-actions-divider {
    display: inline-block
}

ui-pane {
    position: fixed;
    top: 0
}

html:not([dir=rtl]) ui-pane {
    left: 0
}

[dir=rtl] ui-pane {
    right: 0
}

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

ui-pane.is-closing {
    pointer-events: none
}

ui-pane-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden
}

ui-pane-backdrop.is-visible,ui-pane-backdrop.modal {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards;
    background-color: var(--theme-color-backdrop)
}

ui-pane-backdrop.is-visible.becoming-top-visible-again,ui-pane-backdrop.is-visible.top-visible,ui-pane-backdrop.modal.becoming-top-modal-again,ui-pane-backdrop.modal.top-modal {
    -webkit-animation: icloud-keyframes-fadeIn .2s cubic-bezier(.32,.08,.24,1) forwards;
    animation: icloud-keyframes-fadeIn .2s cubic-bezier(.32,.08,.24,1) forwards
}

ui-pane-backdrop.is-closing,ui-pane-backdrop.is-visible.top-visible.is-closing,ui-pane-backdrop.modal.top-modal.is-closing {
    -webkit-animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards;
    animation: icloud-keyframes-fadeOut .2s cubic-bezier(.32,.08,.24,1) forwards;
    pointer-events: none
}

body.ui-pane-provider-has-open-panes,html.ui-pane-provider-has-open-panes {
    overflow: hidden
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard,ui-popup ui-alert-actions.standard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px
}

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

html:not([dir=rtl]) .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer,html:not([dir=rtl]) ui-popup ui-alert-actions.standard .buttons-measurer {
    left: -1000vh
}

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer,[dir=rtl] ui-popup ui-alert-actions.standard .buttons-measurer {
    right: -1000vh
}

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

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer div svg,ui-popup ui-alert-actions.standard .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard ui-button.block,ui-popup ui-alert-actions.standard ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer div,ui-popup ui-alert-actions.standard .buttons-measurer div {
    min-width: 180px
}

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

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard .buttons-measurer:first-child,[dir=rtl] ui-popup ui-alert-actions.standard .buttons-measurer:first-child {
    margin-left: 10px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact,ui-alert-actions.standard.compact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

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

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

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer,[dir=rtl] ui-alert-actions.standard.compact .buttons-measurer {
    right: -1000vh
}

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

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer div svg,ui-alert-actions.standard.compact .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact ui-button.block,ui-alert-actions.standard.compact ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact .buttons-measurer div,ui-alert-actions.standard.compact .buttons-measurer div {
    min-width: 180px
}

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

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

.for-ui-alert.standard ui-popup ui-alert-actions.standard.compact ui-button.block,ui-alert-actions.standard.compact ui-button.block {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular,ui-alert-actions.standard.regular {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    line-height: 1.2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer,ui-alert-actions.standard.regular .buttons-measurer {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    opacity: 0;
    pointer-events: none;
    top: -1000vh
}

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

[dir=rtl] .for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer,[dir=rtl] ui-alert-actions.standard.regular .buttons-measurer {
    right: -1000vh
}

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

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer div svg,ui-alert-actions.standard.regular .buttons-measurer div svg {
    fill: currentColor
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular ui-button.block,ui-alert-actions.standard.regular ui-button.block {
    white-space: nowrap
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular .buttons-measurer div,ui-alert-actions.standard.regular .buttons-measurer div {
    min-width: 180px
}

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

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

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular:not(.single-button),ui-alert-actions.standard.regular:not(.single-button) {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular ui-button.block,ui-alert-actions.standard.regular ui-button.block {
    margin-top: 20px;
    width: 180px
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack,.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.single-button,ui-alert-actions.standard.regular.should-stack,ui-alert-actions.standard.regular.single-button {
    max-width: 100%;
    margin: auto;
    min-width: 260px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack ui-button.block,.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.single-button ui-button.block,ui-alert-actions.standard.regular.should-stack ui-button.block,ui-alert-actions.standard.regular.single-button ui-button.block {
    width: 100%
}

.for-ui-alert.standard ui-popup ui-alert-actions.standard.regular.should-stack,ui-alert-actions.standard.regular.should-stack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.for-ui-alert.standard.has-loading ui-popup ui-alert-actions.standard {
    position: relative
}

.for-ui-alert.standard.has-loading ui-popup ui-alert-actions.standard ui-button {
    visibility: hidden
}

ui-combo-box {
    display: block
}

cw-menu-divider-item-view,cw-menu-item-view {
    position: absolute
}

cw-menu-item-view.has-checkmark .checkmark,cw-menu-item-view.has-icon-class .icon {
    display: block
}

cw-menu-item-view .checkmark,cw-menu-item-view .icon {
    display: none
}

[dir=ltr] cw-menu-item-view .title.is-always-ltr,[dir=rtl] cw-menu-item-view .title.is-always-ltr,cw-menu-item-view .title.is-always-ltr,cw-menu-item-view[dir=ltr] .title.is-always-ltr,cw-menu-item-view[dir=rtl] .title.is-always-ltr {
    direction: ltr
}

.cw-popover-view>.cw-popover-arrow {
    position: absolute;
    top: 0;
    left: 0
}

.cw-popover-view {
    position: fixed;
    top: 0;
    left: 0
}

.cw-popover-view>.cw-popover-content {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 11px;
    background: #fff;
    -webkit-box-shadow: 0 11px 34px 0 rgba(0,0,0,.2);
    box-shadow: 0 11px 34px 0 rgba(0,0,0,.2);
    border: 1px solid hsla(0,0%,78.8%,.4)
}

.cw-popover-view[dir=ltr]>.cw-popover-content,.cw-popover-view[dir=rtl]>.cw-popover-content,[dir=ltr] .cw-popover-view>.cw-popover-content,[dir=rtl] .cw-popover-view>.cw-popover-content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cw-modal {
    position: absolute;
    inset: 0;
    outline: none
}

.cw-modal[dir=ltr],.cw-modal[dir=rtl],[dir=ltr] .cw-modal,[dir=rtl] .cw-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cw-popup-view>.modal-background {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cw-button:not([aria-disabled=true]) {
    cursor: pointer
}

.cw-button.cw-has-left-icon:before,.cw-button.cw-has-right-icon:after {
    content: ""
}

.split-view {
    overflow: hidden
}

.split-view,.split-view .split-wrapper {
    position: relative
}

.split-view-vertical .split-wrapper {
    display: inline-block
}

.split-view-vertical .split-resize-handle {
    display: inline-block;
    cursor: ew-resize
}

.split-view-vertical .split-resize-handle:before {
    inset: logical 0 -3px
}

.split-view-vertical[dir=ltr] .split-resize-handle:before,.split-view-vertical[dir=rtl] .split-resize-handle:before,[dir=ltr] .split-view-vertical .split-resize-handle:before,[dir=rtl] .split-view-vertical .split-resize-handle:before {
    top: 0;
    right: -3px;
    bottom: 0;
    left: -3px
}

.split-view-horizontal .split-wrapper {
    display: block
}

.split-view-horizontal .split-resize-handle {
    display: block;
    cursor: ns-resize
}

.split-view-horizontal .split-resize-handle:before {
    inset: logical -3px 0
}

.split-view-horizontal[dir=ltr] .split-resize-handle:before,.split-view-horizontal[dir=rtl] .split-resize-handle:before,[dir=ltr] .split-view-horizontal .split-resize-handle:before,[dir=rtl] .split-view-horizontal .split-resize-handle:before {
    top: -3px;
    right: 0;
    bottom: -3px;
    left: 0
}

.split-resize-handle {
    position: relative
}

.split-resize-handle:before {
    content: "";
    position: absolute
}

.cw-radio-button[role=radio] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: .2em;
    -webkit-padding-start: 0;
    padding-inline-start:0}

.cw-radio-button[role=radio][dir=ltr],[dir=ltr] .cw-radio-button[role=radio] {
    padding-left: 0
}

.cw-radio-button[role=radio][dir=rtl],[dir=rtl] .cw-radio-button[role=radio] {
    padding-right: 0
}

.cw-radio-button[role=radio]:focus {
    outline: none
}

.cw-radio-button[role=radio] label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

.cw-radio-button[role=radio] .icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    inline-size: .9333em;
    block-size: .9333em;
    position: relative;
    inset-block-start: .1ex;
    -webkit-margin-end: .3em;
    margin-inline-end:.3em;overflow: visible
}

.cw-radio-button[role=radio][dir=ltr] .icon,[dir=ltr] .cw-radio-button[role=radio] .icon {
    width: .9333em;
    height: .9333em;
    top: .1ex;
    margin-right: .3em
}

.cw-radio-button[role=radio][dir=rtl] .icon,[dir=rtl] .cw-radio-button[role=radio] .icon {
    width: .9333em;
    height: .9333em;
    top: .1ex;
    margin-left: .3em
}

.cw-radio-button[role=radio] .shadow {
    fill: hsla(0,0%,74.9%,.1);
    stroke: hsla(0,0%,85.1%,.1)
}

.cw-radio-button[role=radio] .border {
    fill: rgba(97,97,97,.2)
}

.cw-radio-button[role=radio] .container {
    fill: #fafafa
}

@media (-webkit-min-device-pixel-ratio: 1.01),(min-resolution:1.01dppx) {
    .cw-radio-button[role=radio] .container {
        display:none
    }
}

.cw-radio-button[role=radio] .container.hdpr {
    display: none
}

@media (-webkit-min-device-pixel-ratio: 1.01),(min-resolution:1.01dppx) {
    .cw-radio-button[role=radio] .container.hdpr {
        display:block
    }
}

.cw-radio-button[role=radio] .bar,.cw-radio-button[role=radio] .dot {
    display: none
}

.cw-radio-button[role=radio].cw-being-pressed .border {
    fill: rgba(41,41,41,.2)
}

.cw-radio-button[role=radio].cw-being-pressed .container {
    fill: #e6e6e6
}

.cw-radio-button[role=radio][disabled] label {
    opacity: .4
}

.cw-radio-button[role=radio][disabled] .border {
    fill: hsla(0,0%,78%,.3)
}

.cw-radio-button[role=radio][disabled] .container {
    fill: #f7f7f7
}

.cw-radio-button[role=radio][disabled] .bar,.cw-radio-button[role=radio][disabled] .dot {
    fill: #b4beca
}

.cw-radio-button[role=radio][aria-checked=mixed] .border,.cw-radio-button[role=radio][aria-checked=true] .border {
    fill: rgba(6,62,127,.2)
}

.cw-radio-button[role=radio][aria-checked=mixed] .container,.cw-radio-button[role=radio][aria-checked=true] .container {
    fill: #e0ecfb
}

.cw-radio-button[role=radio][aria-checked=mixed].cw-being-pressed .border,.cw-radio-button[role=radio][aria-checked=true].cw-being-pressed .border {
    fill: rgba(56,89,128,.4)
}

.cw-radio-button[role=radio][aria-checked=mixed].cw-being-pressed .container,.cw-radio-button[role=radio][aria-checked=true].cw-being-pressed .container {
    fill: #b8cbe0
}

.cw-radio-button[role=radio][aria-checked=mixed][disabled] .border,.cw-radio-button[role=radio][aria-checked=true][disabled] .border {
    fill: rgba(66,104,148,.3)
}

.cw-radio-button[role=radio][aria-checked=mixed][disabled] .container,.cw-radio-button[role=radio][aria-checked=true][disabled] .container {
    fill: #e0ecfb
}

.cw-radio-button[role=radio][aria-checked=mixed] .bar,.cw-radio-button[role=radio][aria-checked=true] .dot {
    display: block;
    fill: #333
}

cw-checkbox {
    display: inline-block
}

.cw-circular-progress-view {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cw-circular-progress-view canvas {
    display: block;
    margin: auto
}

.cw-circular-progress-view .text {
    cursor: default;
    position: absolute;
    display: block;
    text-align: center;
    vertical-align: middle;
    inset: 0
}

.cw-circular-progress-view[dir=ltr] .text,.cw-circular-progress-view[dir=rtl] .text,[dir=ltr] .cw-circular-progress-view .text,[dir=rtl] .cw-circular-progress-view .text {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cw-progress-view {
    overflow: hidden;
    inline-size: 100%
}

.cw-progress-view[dir=ltr],.cw-progress-view[dir=rtl],[dir=ltr] .cw-progress-view,[dir=rtl] .cw-progress-view {
    width: 100%
}

.cw-progress-view .total {
    position: relative;
    block-size: 100%;
    inline-size: 100%
}

.cw-progress-view[dir=ltr] .total,.cw-progress-view[dir=rtl] .total,[dir=ltr] .cw-progress-view .total,[dir=rtl] .cw-progress-view .total {
    height: 100%;
    width: 100%
}

.cw-progress-view .total .progress-bar {
    position: absolute;
    block-size: 100%
}

.cw-progress-view[dir=ltr] .total .progress-bar,.cw-progress-view[dir=rtl] .total .progress-bar,[dir=ltr] .cw-progress-view .total .progress-bar,[dir=rtl] .cw-progress-view .total .progress-bar {
    height: 100%
}

.cw-slider {
    position: relative;
    cursor: default
}

.cw-slider.cw-has-left-icon:before,.cw-slider.cw-has-right-icon:after {
    content: ""
}

.cw-slider .cw-slider-handle,.cw-slider .cw-slider-track,.cw-slider .cw-slider-track-before {
    position: absolute
}

.cw-slider .cw-slider-handle {
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 20px;
    block-size: 20px
}

.cw-slider[dir=ltr] .cw-slider-handle,[dir=ltr] .cw-slider .cw-slider-handle {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px
}

.cw-slider[dir=rtl] .cw-slider-handle,[dir=rtl] .cw-slider .cw-slider-handle {
    right: 0;
    top: 0;
    width: 20px;
    height: 20px
}

.cw-slider .cw-slider-track {
    inset: 0
}

.cw-slider[dir=ltr] .cw-slider-track,.cw-slider[dir=rtl] .cw-slider-track,[dir=ltr] .cw-slider .cw-slider-track,[dir=rtl] .cw-slider .cw-slider-track {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cw-slider.cw-horizontal {
    inline-size: 100px;
    block-size: 2px
}

.cw-slider.cw-horizontal[dir=ltr],.cw-slider.cw-horizontal[dir=rtl],[dir=ltr] .cw-slider.cw-horizontal,[dir=rtl] .cw-slider.cw-horizontal {
    width: 100px;
    height: 2px
}

.cw-slider.cw-vertical {
    inline-size: 2px;
    block-size: 100px
}

.cw-slider.cw-vertical[dir=ltr],.cw-slider.cw-vertical[dir=rtl],[dir=ltr] .cw-slider.cw-vertical,[dir=rtl] .cw-slider.cw-vertical {
    width: 2px;
    height: 100px
}

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

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

[data-appearance=dark] {
    --theme-color-circleFindMy: rgba(120,200,120,.3);
    --theme-color-labelPrimary: hsla(0,0%,100%,.98);
    --theme-color-labelSecondary: hsla(0,0%,100%,.66);
    --theme-color-labelTertiary: hsla(0,0%,100%,.5);
    --theme-color-labelQuaternary: hsla(0,0%,100%,.42);
    --theme-color-fillPrimary: hsla(0,0%,71.4%,.3);
    --theme-color-fillSecondary: rgba(120,120,128,.36);
    --theme-color-fillTertiary: rgba(118,118,128,.3);
    --theme-color-fillQuaternary: rgba(116,116,128,.25);
    --theme-color-gray1-h: 240;
    --theme-color-gray1-s: 2.3%;
    --theme-color-gray1-l: 56.7%;
    --theme-color-gray1: hsl(var(--theme-color-gray1-h),var(--theme-color-gray1-s),var(--theme-color-gray1-l));
    --theme-color-gray2: #636366;
    --theme-color-gray3-h: 240;
    --theme-color-gray3-s: 1.4%;
    --theme-color-gray3-l: 29.0%;
    --theme-color-gray3: hsl(var(--theme-color-gray3-h),var(--theme-color-gray3-s),var(--theme-color-gray3-l));
    --theme-color-gray4-h: 240;
    --theme-color-gray4-s: 1.6%;
    --theme-color-gray4-l: 23.9%;
    --theme-color-gray4: hsl(var(--theme-color-gray4-h),var(--theme-color-gray4-s),var(--theme-color-gray4-l));
    --theme-color-gray5-h: 240;
    --theme-color-gray5-s: 1.9%;
    --theme-color-gray5-l: 20.8%;
    --theme-color-gray5: hsl(var(--theme-color-gray5-h),var(--theme-color-gray5-s),var(--theme-color-gray5-l));
    --theme-color-gray6: #2c2c2e;
    --theme-color-systemPink: #ff375f;
    --theme-color-systemRed-h: 358;
    --theme-color-systemRed-s: 100.0%;
    --theme-color-systemRed-l: 59.4%;
    --theme-color-systemRed: hsl(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),var(--theme-color-systemRed-l));
    --theme-color-systemOrange: #ff9500;
    --theme-color-systemYellow: #e5cc00;
    --theme-color-systemGreen: #32d158;
    --theme-color-systemMint: #63e6e2;
    --theme-color-systemTeal: #40c8e0;
    --theme-color-systemCyan: #64d2ff;
    --theme-color-systemBlue: #009aff;
    --theme-color-systemIndio: #5e5ce6;
    --theme-color-systemPurple: #bf5af2;
    --theme-color-systemBrown: #ac8e68;
    --theme-color-systemBlack: #fff;
    --theme-color-tintCyan: rgba(100,210,255,.14);
    --theme-color-tintCyanOpaque: #26353e;
    --theme-color-tintBlue: rgba(10,132,255,.7);
    --theme-color-tintBlueOpaque: #0f64bb;
    --theme-color-tintRed: rgba(244,10,10,.48);
    --theme-color-tintRedOpaque: #4e0303;
    --theme-color-tintBlueSecondary: rgba(10,132,255,.28);
    --theme-color-tintBlueSecondaryOpaque: #16395d;
    --theme-color-tintBlueTertiary: rgba(10,132,255,.12);
    --theme-color-tintBlueTertiaryOpaque: #1b2939;
    --theme-color-backgroundPrimary-h: 240;
    --theme-color-backgroundPrimary-s: 3.4%;
    --theme-color-backgroundPrimary-l: 11.4%;
    --theme-color-backgroundPrimary: hsl(var(--theme-color-backgroundPrimary-h),var(--theme-color-backgroundPrimary-s),var(--theme-color-backgroundPrimary-l));
    --theme-color-backgroundLayer1: #323236;
    --theme-color-backgroundLayer2: #434349;
    --theme-darken-background-hover: -8%;
    --theme-darken-background-active: -16%;
    --theme-color-boxShadow: rgba(0,0,0,.65);
    --theme-color-backdrop: rgba(10,10,10,.8);
    --theme-color-sidebar: #202023;
    --theme-color-divider: #000;
    --theme-color-separator: #343436;
    color-scheme: dark
}

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

body {
    --theme-color-appTint-h: 210;
    --theme-color-appTint-s: 100%;
    --theme-color-appTint-l: 44.5%;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 15px;
    font-weight: 400
}

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

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

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

::-moz-placeholder {
    opacity: 1
}

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

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

::placeholder {
    opacity: 1
}

input,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0
}

ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup ui-button.block.primary,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup ui-button.block.primary:hover {
    background-color: #03a10e
}

ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup ui-alert-content {
    -webkit-margin-start: 0;
    margin-inline-start:0;-webkit-margin-end: 0;
    margin-inline-end:0}

[dir=ltr] ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup ui-alert-content,[dir=rtl] ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup ui-alert-content,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert[dir=ltr] ui-popup ui-alert-content,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert[dir=rtl] ui-popup ui-alert-content {
    margin-left: 0;
    margin-right: 0
}

ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup.regular ui-alert-content {
    margin-inline:0}

[dir=ltr] ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup.regular ui-alert-content,[dir=rtl] ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert ui-popup.regular ui-alert-content,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert[dir=ltr] ui-popup.regular ui-alert-content,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert[dir=rtl] ui-popup.regular ui-alert-content {
    margin-left: 0;
    margin-right: 0
}

ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert .find-my-glyph {
    fill: #000
}

ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert #FM-Glyph,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert .find-my-warn,ui-pane.for-ui-alert.for-ui-popup.standard.fm-alert .fm-checked {
    fill: #03a10e
}

* {
    margin: 0;
    padding: 0
}

body {
    --theme-color-appTint-h: 124;
    --theme-color-appTint-s: 96.3%;
    --theme-color-appTint-l: 32.2%;
    --theme-color-appTint: hsl(var(--theme-color-appTint-h),var(--theme-color-appTint-s),var(--theme-color-appTint-l));
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    letter-spacing: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

.remote-ui-application-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
    background-color: transparent;
    padding: 0
}

.remote-ui-application-view .cw-spinner-view {
    position: absolute
}

.remote-ui-application-view iframe {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: inherit;
    visibility: visible;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    inline-size: 100%
}

.remote-ui-application-view[dir=ltr] iframe,.remote-ui-application-view[dir=rtl] iframe,[dir=ltr] .remote-ui-application-view iframe,[dir=rtl] .remote-ui-application-view iframe {
    width: 100%
}

.remote-ui-application-view iframe.view-hidden {
    opacity: 0
}

.user-photo-icon-view {
    border-radius: 24px;
    overflow: hidden
}

.user-photo-icon-view .view-hidden {
    display: none
}

.user-photo-icon-view .empty-avatar>span,.user-photo-icon-view .empty-avatar>span>svg {
    inline-size: 100%;
    block-size: 100%;
    display: block
}

.user-photo-icon-view[dir=ltr] .empty-avatar>span,.user-photo-icon-view[dir=ltr] .empty-avatar>span>svg,.user-photo-icon-view[dir=rtl] .empty-avatar>span,.user-photo-icon-view[dir=rtl] .empty-avatar>span>svg,[dir=ltr] .user-photo-icon-view .empty-avatar>span,[dir=ltr] .user-photo-icon-view .empty-avatar>span>svg,[dir=rtl] .user-photo-icon-view .empty-avatar>span,[dir=rtl] .user-photo-icon-view .empty-avatar>span>svg {
    width: 100%;
    height: 100%
}

.user-photo-icon-view .empty-avatar>span>svg {
    fill: rgba(0,0,0,.5)
}

.user-photo-icon-view .empty-avatar>span:active>svg {
    fill: rgba(0,0,0,.7)
}

.dark-theme .user-photo-icon-view .empty-avatar>span>svg {
    fill: #fff
}

.dark-theme .user-photo-icon-view .empty-avatar>span:active>svg {
    fill: hsla(0,0%,100%,.5)
}

.toolbar-view {
    flex-direction: row;
    flex-wrap: nowrap
}

.toolbar-view,.toolbar-view>.toolbar-left-view {
    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;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.toolbar-view>.toolbar-left-view {
    block-size: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.toolbar-view[dir=ltr]>.toolbar-left-view,.toolbar-view[dir=rtl]>.toolbar-left-view,[dir=ltr] .toolbar-view>.toolbar-left-view,[dir=rtl] .toolbar-view>.toolbar-left-view {
    height: 100%
}

.toolbar-view>.toolbar-right-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
}

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

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

.base-application-toolbar-view {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 18px;
    font-weight: 300;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 44px;
    min-block-size: 44px;
    inline-size: 100vw;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-inline-size: 100vw
}

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

[apple-system-font-capable] .base-application-toolbar-view {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.base-application-toolbar-view .toolbar-left-view {
    -webkit-margin-start: 16px;
    margin-inline-start:16px}

.base-application-toolbar-view[dir=ltr] .toolbar-left-view,[dir=ltr] .base-application-toolbar-view .toolbar-left-view {
    margin-left: 16px
}

.base-application-toolbar-view[dir=rtl] .toolbar-left-view,[dir=rtl] .base-application-toolbar-view .toolbar-left-view {
    margin-right: 16px
}

.base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button {
    inline-size: 0;
    overflow: hidden
}

.base-application-toolbar-view[dir=ltr] .toolbar-left-view.hide-app-name .app-name-button,.base-application-toolbar-view[dir=rtl] .toolbar-left-view.hide-app-name .app-name-button,[dir=ltr] .base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button,[dir=rtl] .base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button {
    width: 0
}

.base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button>.title {
    inline-size: auto;
    position: absolute;
    visibility: hidden;
    white-space: nowrap
}

.base-application-toolbar-view[dir=ltr] .toolbar-left-view.hide-app-name .app-name-button>.title,.base-application-toolbar-view[dir=rtl] .toolbar-left-view.hide-app-name .app-name-button>.title,[dir=ltr] .base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button>.title,[dir=rtl] .base-application-toolbar-view .toolbar-left-view.hide-app-name .app-name-button>.title {
    width: auto
}

.base-application-toolbar-view .toolbar-right-view {
    -webkit-margin-end: 16px;
    margin-inline-end:16px}

.base-application-toolbar-view[dir=ltr] .toolbar-right-view,[dir=ltr] .base-application-toolbar-view .toolbar-right-view {
    margin-right: 16px
}

.base-application-toolbar-view[dir=rtl] .toolbar-right-view,[dir=rtl] .base-application-toolbar-view .toolbar-right-view {
    margin-left: 16px
}

.base-application-toolbar-view .cw-button {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    cursor: pointer
}

.base-application-toolbar-view.dark-theme {
    background-color: #323232
}

[data-primary-interaction-mode=touch] .os-toolbar-view .cw-button.cw-being-focused,[data-primary-interaction-mode=touch] .os-toolbar-view .cw-button:focus {
    outline: none
}

.app-name-button {
    padding: 0;
    outline: none
}

.app-name-button .title {
    color: rgba(0,0,0,.5);
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    -webkit-margin-start: 5px;
    margin-inline-start:5px;white-space: nowrap;
    display: block
}

.app-name-button[dir=ltr] .title,[dir=ltr] .app-name-button .title {
    margin-left: 5px
}

.app-name-button[dir=rtl] .title,[dir=rtl] .app-name-button .title {
    margin-right: 5px
}

.app-name-button .title:active {
    color: rgba(0,0,0,.7)
}

.dark-theme .app-name-button .title {
    color: #fff
}

.dark-theme .app-name-button .title:active {
    color: hsla(0,0%,100%,.5)
}

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

.app-name-button.kern-safe .title {
    letter-spacing: -.25px
}

.chevron-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 4px;
    padding-inline-start:4px}

.chevron-view[dir=ltr],[dir=ltr] .chevron-view {
    padding-left: 4px
}

.chevron-view[dir=rtl],[dir=rtl] .chevron-view {
    padding-right: 4px
}

.chevron-view:focus {
    outline: none
}

.chevron-view,.chevron-view>svg {
    inline-size: 10px;
    block-size: 6px
}

.chevron-view[dir=ltr],.chevron-view[dir=ltr]>svg,.chevron-view[dir=rtl],.chevron-view[dir=rtl]>svg,[dir=ltr] .chevron-view,[dir=ltr] .chevron-view>svg,[dir=rtl] .chevron-view,[dir=rtl] .chevron-view>svg {
    width: 10px;
    height: 6px
}

.chevron-view>svg {
    fill: rgba(0,0,0,.5);
    overflow: visible
}

.chevron-view:active>svg,:active+.chevron-view>svg {
    fill: rgba(0,0,0,.7)
}

.dark-theme .chevron-view>svg {
    fill: #fff
}

.dark-theme .chevron-view:active>svg,:active+.dark-theme .chevron-view>svg {
    fill: hsla(0,0%,100%,.5)
}

.icloud-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;
    fill: #000;
    -webkit-margin-before: 1px;
    margin-block-start:1px;padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icloud-button[dir=ltr],.icloud-button[dir=rtl],[dir=ltr] .icloud-button,[dir=rtl] .icloud-button {
    margin-top: 1px
}

.icloud-button svg {
    fill: #000;
    inline-size: 59px;
    block-size: 17px
}

.icloud-button[dir=ltr] svg,.icloud-button[dir=rtl] svg,[dir=ltr] .icloud-button svg,[dir=rtl] .icloud-button svg {
    width: 59px;
    height: 17px
}

.dark-theme .icloud-button svg {
    fill: #fff
}

.icloud-button.cn svg {
    block-size: 25px
}

.icloud-button.cn[dir=ltr] svg,.icloud-button.cn[dir=rtl] svg,[dir=ltr] .icloud-button.cn svg,[dir=rtl] .icloud-button.cn svg {
    height: 25px
}

.application-toolbar-left-view-content {
    block-size: inherit;
    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
}

.application-toolbar-left-view-content[dir=ltr],.application-toolbar-left-view-content[dir=rtl],[dir=ltr] .application-toolbar-left-view-content,[dir=rtl] .application-toolbar-left-view-content {
    height: inherit
}

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

.apple-icon-button.cw-button {
    inline-size: 16px;
    -webkit-margin-start: 2px;
    margin-inline-start:2px}

.apple-icon-button.cw-button[dir=ltr],[dir=ltr] .apple-icon-button.cw-button {
    width: 16px;
    margin-left: 2px
}

.apple-icon-button.cw-button[dir=rtl],[dir=rtl] .apple-icon-button.cw-button {
    width: 16px;
    margin-right: 2px
}

.apple-icon-button.cw-button>svg {
    fill: rgba(0,0,0,.5);
    inline-size: 16px
}

.apple-icon-button.cw-button[dir=ltr]>svg,.apple-icon-button.cw-button[dir=rtl]>svg,[dir=ltr] .apple-icon-button.cw-button>svg,[dir=rtl] .apple-icon-button.cw-button>svg {
    width: 16px
}

.apple-icon-button.cw-button:active>svg {
    fill: rgba(0,0,0,.7)
}

.dark-theme .apple-icon-button.cw-button>svg {
    fill: #fff
}

.dark-theme .apple-icon-button.cw-button:active>svg {
    fill: hsla(0,0%,100%,.5)
}

.sign-in-button {
    color: rgba(0,0,0,.5);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    -webkit-margin-before: -1px;
    margin-block-start:-1px;-webkit-margin-start: 8px;
    margin-inline-start:8px}

.sign-in-button[dir=ltr],[dir=ltr] .sign-in-button {
    margin-top: -1px;
    margin-left: 8px
}

.sign-in-button[dir=rtl],[dir=rtl] .sign-in-button {
    margin-top: -1px;
    margin-right: 8px
}

.sign-in-button:active {
    color: rgba(0,0,0,.7)
}

.dark-theme .sign-in-button {
    color: #fff
}

.dark-theme .sign-in-button:active {
    color: hsla(0,0%,100%,.5)
}

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

.user-name-with-chevron {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 1px;
    margin-block-start:1px;-webkit-padding-start: 8px;
    padding-inline-start:8px}

.user-name-with-chevron[dir=ltr],[dir=ltr] .user-name-with-chevron {
    margin-top: 1px;
    padding-left: 8px
}

.user-name-with-chevron[dir=rtl],[dir=rtl] .user-name-with-chevron {
    margin-top: 1px;
    padding-right: 8px
}

.user-name-with-chevron:focus {
    outline: none
}

.user-name-with-chevron .user-photo-icon-view {
    display: none
}

.user-name-with-chevron .user-name-label {
    color: rgba(0,0,0,.5);
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 400;
    white-space: nowrap
}

.user-name-with-chevron .user-name-label:active {
    color: rgba(0,0,0,.7)
}

.dark-theme .user-name-with-chevron .user-name-label {
    color: #fff
}

.dark-theme .user-name-with-chevron .user-name-label:active {
    color: hsla(0,0%,100%,.5)
}

[apple-system-font-capable] .user-name-with-chevron .user-name-label {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.user-name-with-chevron .chevron-view {
    -webkit-margin-before: -1px;
    margin-block-start:-1px}

.user-name-with-chevron[dir=ltr] .chevron-view,.user-name-with-chevron[dir=rtl] .chevron-view,[dir=ltr] .user-name-with-chevron .chevron-view,[dir=rtl] .user-name-with-chevron .chevron-view {
    margin-top: -1px
}

.user-name-with-chevron.hide-user-name .user-photo-icon-view {
    display: block
}

.user-name-with-chevron.hide-user-name .user-label-container {
    inline-size: 0;
    overflow: hidden
}

.user-name-with-chevron.hide-user-name[dir=ltr] .user-label-container,.user-name-with-chevron.hide-user-name[dir=rtl] .user-label-container,[dir=ltr] .user-name-with-chevron.hide-user-name .user-label-container,[dir=rtl] .user-name-with-chevron.hide-user-name .user-label-container {
    width: 0
}

.user-name-with-chevron.hide-user-name .user-label-container .user-name-label {
    inline-size: auto;
    position: absolute;
    visibility: hidden
}

.user-name-with-chevron.hide-user-name[dir=ltr] .user-label-container .user-name-label,.user-name-with-chevron.hide-user-name[dir=rtl] .user-label-container .user-name-label,[dir=ltr] .user-name-with-chevron.hide-user-name .user-label-container .user-name-label,[dir=rtl] .user-name-with-chevron.hide-user-name .user-label-container .user-name-label {
    width: auto
}

.extensible-application-toolbar-view.application-toolbar-view .extensible-application-toolbar-left-view {
    block-size: 100%
}

.extensible-application-toolbar-view.application-toolbar-view[dir=ltr] .extensible-application-toolbar-left-view,.extensible-application-toolbar-view.application-toolbar-view[dir=rtl] .extensible-application-toolbar-left-view,[dir=ltr] .extensible-application-toolbar-view.application-toolbar-view .extensible-application-toolbar-left-view,[dir=rtl] .extensible-application-toolbar-view.application-toolbar-view .extensible-application-toolbar-left-view {
    height: 100%
}

.extensible-application-toolbar-view.application-toolbar-view .extensible-application-toolbar-left-view,.extensible-application-toolbar-view.application-toolbar-view .extensible-application-toolbar-right-view {
    margin: 0
}

.symbol-button {
    -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-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.symbol-button,.symbol-button .cw-label-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.symbol-button .cw-label-view {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.symbol-button .symbol-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.symbol-button .symbol-view>svg {
    overflow: visible
}

.symbol-button.showing-spinner .symbol-view {
    visibility: hidden
}

.symbol-button.showing-spinner .cw-spinner-view {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    position: absolute
}

.help-button {
    block-size: 24px;
    inline-size: 24px;
    padding: 0
}

.help-button[dir=ltr],.help-button[dir=rtl],[dir=ltr] .help-button,[dir=rtl] .help-button {
    height: 24px;
    width: 24px
}

.help-button>svg {
    fill: rgba(0,0,0,.5)
}

.help-button:active>svg {
    fill: rgba(0,0,0,.7)
}

.dark-theme .help-button>svg {
    fill: #fff
}

.dark-theme .help-button:active>svg {
    fill: hsla(0,0%,100%,.5)
}

.user-icon-with-chevron {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 8px;
    padding-inline-start:8px}

.user-icon-with-chevron[dir=ltr],[dir=ltr] .user-icon-with-chevron {
    padding-left: 8px
}

.user-icon-with-chevron[dir=rtl],[dir=rtl] .user-icon-with-chevron {
    padding-right: 8px
}

.user-icon-with-chevron:focus {
    outline: none
}

.action-buttons .feedback-link,.action-buttons ui-button.push.primary,.action-buttons ui-button.push.primary.icloud-touch {
    position: relative;
    border: 0;
    border-radius: 8px;
    block-size: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-inline-size: 36px;
    inline-size: 36px;
    padding-inline:0;margin-inline:4px}

.action-buttons[dir=ltr] .feedback-link,.action-buttons[dir=ltr] ui-button.push.primary,.action-buttons[dir=ltr] ui-button.push.primary.icloud-touch,.action-buttons[dir=rtl] .feedback-link,.action-buttons[dir=rtl] ui-button.push.primary,.action-buttons[dir=rtl] ui-button.push.primary.icloud-touch,[dir=ltr] .action-buttons .feedback-link,[dir=ltr] .action-buttons ui-button.push.primary,[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,[dir=rtl] .action-buttons .feedback-link,[dir=rtl] .action-buttons ui-button.push.primary,[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch {
    height: 36px;
    min-width: 36px;
    width: 36px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 4px;
    margin-right: 4px
}

.action-buttons .feedback-link:not(.new-features),.action-buttons ui-button.push.primary.icloud-touch:not(.new-features),.action-buttons ui-button.push.primary:not(.new-features) {
    color: rgba(0,0,0,.88)
}

@media (pointer: fine) {
    .action-buttons .feedback-link:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:rgba(0,0,0,.08)
    }
}

.action-buttons .feedback-link:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.action-buttons .feedback-link:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.16);
    color: rgba(0,0,0,.26)
}

.action-buttons .feedback-link:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.action-buttons .feedback-link:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image {
    opacity: .6
}

.action-buttons .feedback-link:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.action-buttons .feedback-link:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: currentColor
}

.action-buttons .new-features-wrapper ui-button.push:not(.neutral) {
    color: var(--theme-color-appTint)
}

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

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

.action-buttons .new-features-wrapper ui-button.push.pressed {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite);
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme: dark) {
    .action-buttons .new-features-wrapper ui-button.push.pressed {
        opacity:.4
    }
}

[data-appearance=dark] .action-buttons .new-features-wrapper ui-button.push.pressed {
    opacity: .4
}

[data-appearance=light] .action-buttons .new-features-wrapper ui-button.push.pressed {
    opacity: .3
}

@media (pointer: fine) {
    .action-buttons .new-features-wrapper ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-appTint);
        color: var(--theme-color-systemWhite);
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer: fine) and (prefers-color-scheme:dark) {
    .action-buttons .new-features-wrapper ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] .action-buttons .new-features-wrapper ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] .action-buttons .new-features-wrapper ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons .new-features-wrapper ui-button.push.destructive {
    color: var(--theme-color-systemRed);
    -webkit-transition: none;
    transition: none
}

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

.action-buttons .new-features-wrapper ui-button.push.destructive.pressed {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme: dark) {
    .action-buttons .new-features-wrapper ui-button.push.destructive.pressed {
        opacity:.4
    }
}

[data-appearance=dark] .action-buttons .new-features-wrapper ui-button.push.destructive.pressed {
    opacity: .4
}

[data-appearance=light] .action-buttons .new-features-wrapper ui-button.push.destructive.pressed {
    opacity: .3
}

@media (pointer: fine) {
    .action-buttons .new-features-wrapper ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-fillPrimary);
        color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),-webkit-calc(var(--theme-color-systemRed-l)),var(--theme-opacity-text-active));
        color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),calc(var(--theme-color-systemRed-l)),var(--theme-opacity-text-active));
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer: fine) and (prefers-color-scheme:dark) {
    .action-buttons .new-features-wrapper ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] .action-buttons .new-features-wrapper ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] .action-buttons .new-features-wrapper ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons .new-features-wrapper ui-button.block.primary:not(.neutral),.action-buttons .new-features-wrapper ui-button.push.block.primary:not(.neutral) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

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

.action-buttons .new-features-wrapper ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)),1);
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)),1);
    color: hsla(var(--theme-color-systemWhite-h),var(--theme-color-systemWhite-s),-webkit-calc(var(--theme-color-systemWhite-l)),var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemWhite-h),var(--theme-color-systemWhite-s),calc(var(--theme-color-systemWhite-l)),var(--theme-opacity-text-active))
}

.action-buttons .new-features-wrapper.notes-tint ui-button.push:not(.neutral) {
    color: var(--theme-color-appTint)
}

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

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

.action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite);
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme: dark) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed {
        opacity:.4
    }
}

[data-appearance=dark] .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed {
    opacity: .4
}

[data-appearance=light] .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed {
    opacity: .3
}

@media (pointer: fine) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-appTint);
        color: var(--theme-color-systemWhite);
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer: fine) and (prefers-color-scheme:dark) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] .action-buttons .new-features-wrapper.notes-tint ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive {
    color: var(--theme-color-systemRed);
    -webkit-transition: none;
    transition: none
}

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

.action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme: dark) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed {
        opacity:.4
    }
}

[data-appearance=dark] .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed {
    opacity: .4
}

[data-appearance=light] .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed {
    opacity: .3
}

@media (pointer: fine) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-fillPrimary);
        color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),-webkit-calc(var(--theme-color-systemRed-l)),var(--theme-opacity-text-active));
        color: hsla(var(--theme-color-systemRed-h),var(--theme-color-systemRed-s),calc(var(--theme-color-systemRed-l)),var(--theme-opacity-text-active));
        opacity: .3;
        cursor: default;
        pointer-events: none
    }
}

@media (pointer: fine) and (prefers-color-scheme:dark) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] .action-buttons .new-features-wrapper.notes-tint ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons .new-features-wrapper.notes-tint ui-button.block.primary:not(.neutral),.action-buttons .new-features-wrapper.notes-tint ui-button.push.block.primary:not(.neutral) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

@media (pointer: fine) {
    .action-buttons .new-features-wrapper.notes-tint ui-button.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper.notes-tint ui-button.push.block.primary:not(.neutral):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)),1);
        background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l) - var(--theme-darken-background-hover)),1)
    }
}

.action-buttons .new-features-wrapper.notes-tint ui-button.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper.notes-tint ui-button.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper.notes-tint ui-button.push.block.primary:not(.neutral).active:not([aria-disabled=true]):not(.disabled),.action-buttons .new-features-wrapper.notes-tint ui-button.push.block.primary:not(.neutral):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)),1);
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l) - var(--theme-darken-background-active)),1);
    color: hsla(var(--theme-color-systemWhite-h),var(--theme-color-systemWhite-s),-webkit-calc(var(--theme-color-systemWhite-l)),var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-systemWhite-h),var(--theme-color-systemWhite-s),calc(var(--theme-color-systemWhite-l)),var(--theme-opacity-text-active))
}

.action-buttons .feedback-link {
    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
}

.action-buttons svg.exclamation-mark-circle {
    color: #f56300
}

.profile-photo svg.person-crop-cirlce {
    fill: #7f7f81
}

.icloud-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-margin-start: -2px;
    margin-inline-start:-2px;-webkit-margin-before: 1px;
    margin-block-start:1px}

.icloud-logo[dir=ltr],[dir=ltr] .icloud-logo {
    margin-left: -2px;
    margin-top: 1px
}

.icloud-logo[dir=rtl],[dir=rtl] .icloud-logo {
    margin-right: -2px;
    margin-top: 1px
}

.icloud-logo a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-toolbar {
    -webkit-border-after: 1px solid #e6e6ea;
    border-block-end:1px solid #e6e6ea}

.cloudos-toolbar[dir=ltr],.cloudos-toolbar[dir=rtl],[dir=ltr] .cloudos-toolbar,[dir=rtl] .cloudos-toolbar {
    border-bottom: 1px solid #e6e6ea
}

.cloudos-toolbar.homepage {
    background-color: rgba(37,38,40,.21);
    background-image: radial-gradient(circle at 25%,hsla(0,0%,100%,.2),rgba(50,50,50,.2) 80%)
}

.cloudos-toolbar.login {
    background-color: transparent
}

.cloudos-toolbar.page {
    background-color: #7a7a7a
}

.cloudos-toolbar.page:before {
    background-color: rgba(37,38,40,.21);
    background-image: radial-gradient(circle at 25%,hsla(0,0%,100%,.2),rgba(50,50,50,.2) 80%);
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: 0
}

.cloudos-toolbar.page[dir=ltr]:before,.cloudos-toolbar.page[dir=rtl]:before,[dir=ltr] .cloudos-toolbar.page:before,[dir=rtl] .cloudos-toolbar.page:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.cloudos-toolbar.app {
    background-color: #f5f5f7
}

.fmip-lost-mode {
    inline-size: inherit;
    block-size: inherit;
    position: relative
}

.fmip-lost-mode[dir=ltr],.fmip-lost-mode[dir=rtl],[dir=ltr] .fmip-lost-mode,[dir=rtl] .fmip-lost-mode {
    width: inherit;
    height: inherit
}

.fmip-lost-mode .sweep {
    background-size: 30px 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    offset-block-start: 0;
    offset-inline-start: 0;
    position: absolute
}

.fmip-lost-mode[dir=ltr] .sweep,[dir=ltr] .fmip-lost-mode .sweep {
    top: 0;
    left: 0
}

.fmip-lost-mode[dir=rtl] .sweep,[dir=rtl] .fmip-lost-mode .sweep {
    top: 0;
    right: 0
}

.fmip-lost-mode.in-progress .sweep {
    -webkit-animation: barrel-roll 2s linear infinite;
    animation: barrel-roll 2s linear infinite
}

[data-appearance=dark] .no-device-view-conatainer .image-container,[data-appearance=light] .no-device-view-conatainer .image-container {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 720px;
    height: 400px;
    background-size: 100% 100%
}

.no-device-view-conatainer {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-margin-end: auto;
    margin-inline-end:auto;inline-size: 360px;
    display: block;
    z-index: 1;
    border-radius: 12px;
    background-color: #fbfbfd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-device-view-conatainer[dir=ltr],.no-device-view-conatainer[dir=rtl],[dir=ltr] .no-device-view-conatainer,[dir=rtl] .no-device-view-conatainer {
    margin-left: auto;
    margin-right: auto;
    width: 360px
}

@media (prefers-color-scheme: dark) {
    .no-device-view-conatainer {
        background-color:#292c31
    }
}

[data-appearance=dark] .no-device-view-conatainer {
    background-color: #292c31
}

[data-appearance=light] .no-device-view-conatainer {
    background-color: #fbfbfd
}

.no-device-view-conatainer .collapse-icon-no-device {
    block-size: 21px;
    inline-size: 20px;
    opacity: .56;
    -webkit-margin-end: 14px;
    margin-inline-end:14px;overflow: hidden;
    float: inline-end
}

.no-device-view-conatainer[dir=ltr] .collapse-icon-no-device,[dir=ltr] .no-device-view-conatainer .collapse-icon-no-device {
    height: 21px;
    width: 20px;
    margin-right: 14px;
    float: right
}

.no-device-view-conatainer[dir=rtl] .collapse-icon-no-device,[dir=rtl] .no-device-view-conatainer .collapse-icon-no-device {
    height: 21px;
    width: 20px;
    margin-left: 14px;
    float: left
}

.no-device-view-conatainer .image-container {
    background-repeat: no-repeat;
    background-position: 50%;
    block-size: 200px;
    inline-size: 100%
}

.no-device-view-conatainer[dir=ltr] .image-container,.no-device-view-conatainer[dir=rtl] .image-container,[dir=ltr] .no-device-view-conatainer .image-container,[dir=rtl] .no-device-view-conatainer .image-container {
    height: 200px;
    width: 100%
}

.no-device-view-conatainer .banner-text {
    text-align: center;
    padding: logical 1px 60px 10px;
    color: var(--theme-color-labelSecondary);
    line-height: 20px;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-device-view-conatainer[dir=ltr] .banner-text,.no-device-view-conatainer[dir=rtl] .banner-text,[dir=ltr] .no-device-view-conatainer .banner-text,[dir=rtl] .no-device-view-conatainer .banner-text {
    padding: 1px 60px 10px
}

.no-device-view-conatainer .link-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: logical 0 62px 70px;
    inline-size: 236px;
    -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
}

.no-device-view-conatainer[dir=ltr] .link-icon-container,.no-device-view-conatainer[dir=rtl] .link-icon-container,[dir=ltr] .no-device-view-conatainer .link-icon-container,[dir=rtl] .no-device-view-conatainer .link-icon-container {
    width: 236px;
    margin: 0 62px 70px
}

.no-device-view-conatainer .link-icon-container .up-arrow-glyph {
    fill: #03a10e
}

.no-device-view-conatainer .link {
    color: #03a10e;
    text-decoration: none;
    cursor: pointer
}

.no-device-view-conatainer .arrowupforward {
    block-size: 17px;
    inline-size: 14px
}

.no-device-view-conatainer[dir=ltr] .arrowupforward,.no-device-view-conatainer[dir=rtl] .arrowupforward,[dir=ltr] .no-device-view-conatainer .arrowupforward,[dir=rtl] .no-device-view-conatainer .arrowupforward {
    height: 17px;
    width: 14px
}

.fmip-refresh {
    font-size: 11px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: opacity 125ms ease-in-out;
    transition: opacity 125ms ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.fmip-refresh .title {
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-margin-end: 7px;
    margin-inline-end:7px;max-inline-size: 100px
}

.fmip-refresh[dir=ltr] .title,[dir=ltr] .fmip-refresh .title {
    width: 100%;
    margin-right: 7px;
    max-width: 100px
}

.fmip-refresh[dir=rtl] .title,[dir=rtl] .fmip-refresh .title {
    width: 100%;
    margin-left: 7px;
    max-width: 100px
}

.fmip-refresh .fmip-svg-icon {
    inline-size: 10px;
    block-size: 10px
}

.fmip-refresh[dir=ltr] .fmip-svg-icon,.fmip-refresh[dir=rtl] .fmip-svg-icon,[dir=ltr] .fmip-refresh .fmip-svg-icon,[dir=rtl] .fmip-refresh .fmip-svg-icon {
    width: 10px;
    height: 10px
}

.fmip-refresh .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: inherit;
    fill: #666
}

.fmip-refresh[dir=ltr] .fmip-svg-icon svg,.fmip-refresh[dir=rtl] .fmip-svg-icon svg,[dir=ltr] .fmip-refresh .fmip-svg-icon svg,[dir=rtl] .fmip-refresh .fmip-svg-icon svg {
    width: inherit;
    height: inherit
}

.fmip-refresh:active:hover:not([aria-disabled=true]) {
    opacity: .3
}

ui-main-pane {
    z-index: 1
}

#fmip-root-view {
    inline-size: 100vw;
    block-size: 100vh;
    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: absolute;
    overflow: hidden;
    z-index: 0
}

#fmip-root-view[dir=ltr],#fmip-root-view[dir=rtl],[dir=ltr] #fmip-root-view,[dir=rtl] #fmip-root-view {
    width: 100vw;
    height: 100vh
}

#fmip-root-view header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

#fmip-root-view header .fmip-toolbar {
    inline-size: 100%
}

#fmip-root-view[dir=ltr] header .fmip-toolbar,#fmip-root-view[dir=rtl] header .fmip-toolbar,[dir=ltr] #fmip-root-view header .fmip-toolbar,[dir=rtl] #fmip-root-view header .fmip-toolbar {
    width: 100%
}

#fmip-root-view main {
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

#fmip-root-view[dir=ltr] main,#fmip-root-view[dir=rtl] main,[dir=ltr] #fmip-root-view main,[dir=rtl] #fmip-root-view main {
    width: 100%
}

#fmip-root-view main>div,#fmip-root-view main>div>div,#fmip-root-view main>div>div>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}

#fmip-root-view ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible),.js-focus-visible #fmip-root-view ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible) {
    -webkit-box-shadow: none;
    box-shadow: none
}

#fmip-root-view ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible):before,.js-focus-visible #fmip-root-view ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible):before {
    display: none
}

.js-focus-visible ui-pane.fm-alert.for-ui-alert.standard ui-popup ui-alert-actions ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible),ui-pane.fm-alert.for-ui-alert.standard ui-popup ui-alert-actions ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.js-focus-visible ui-pane.fm-alert.for-ui-alert.standard ui-popup ui-alert-actions ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible):before,ui-pane.fm-alert.for-ui-alert.standard ui-popup ui-alert-actions ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible):before {
    display: none
}

.js-focus-visible ui-pane.action-pane-modal.for-ui-popup.standard ui-popup ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible),ui-pane.action-pane-modal.for-ui-popup.standard ui-popup ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.js-focus-visible ui-pane.action-pane-modal.for-ui-popup.standard ui-popup ui-button:focus:not([aria-disabled=true]):not(.disabled):not(.focus-visible):before,ui-pane.action-pane-modal.for-ui-popup.standard ui-popup ui-button:focus:not([aria-disabled=true]):not(.disabled):not(:focus-visible):before {
    display: none
}

.cloudos-toolbar {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    block-size: 44px;
    min-block-size: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0;
    padding-inline:16px 6px}

.cloudos-toolbar[dir=ltr],[dir=ltr] .cloudos-toolbar {
    top: 0;
    height: 44px;
    min-height: 44px;
    padding-left: 16px;
    padding-right: 6px
}

.cloudos-toolbar[dir=rtl],[dir=rtl] .cloudos-toolbar {
    top: 0;
    height: 44px;
    min-height: 44px;
    padding-right: 16px;
    padding-left: 6px
}

.cloudos-toolbar .action-buttons {
    -webkit-margin-start: auto;
    margin-inline-start:auto;-webkit-margin-end: 0;
    margin-inline-end:0;z-index: 1
}

.cloudos-toolbar[dir=ltr] .action-buttons,[dir=ltr] .cloudos-toolbar .action-buttons {
    margin-left: auto;
    margin-right: 0
}

.cloudos-toolbar[dir=rtl] .action-buttons,[dir=rtl] .cloudos-toolbar .action-buttons {
    margin-right: auto;
    margin-left: 0
}

.cloudos-toolbar .app-title {
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    -webkit-margin-start: 1px;
    margin-inline-start:1px}

.cloudos-toolbar[dir=ltr] .app-title,[dir=ltr] .cloudos-toolbar .app-title {
    margin-left: 1px
}

.cloudos-toolbar[dir=rtl] .app-title,[dir=rtl] .cloudos-toolbar .app-title {
    margin-right: 1px
}

[apple-system-font-capable] .cloudos-toolbar .app-title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.cloudos-toolbar.homepage {
    background-color: rgba(248,248,252,.4);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

@media (prefers-color-scheme: dark) {
    .cloudos-toolbar.homepage {
        background-color:rgba(56,56,61,.6)
    }
}

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

[data-appearance=light] .cloudos-toolbar.homepage {
    background-color: rgba(248,248,252,.4)
}

.cloudos-toolbar.login {
    background-image: none;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    background-color: rgba(251,251,253,.5);
    -webkit-border-after: 1px solid rgba(251,251,253,.5);
    border-block-end:1px solid rgba(251,251,253,.5)}

.cloudos-toolbar.login[dir=ltr],.cloudos-toolbar.login[dir=rtl],[dir=ltr] .cloudos-toolbar.login,[dir=rtl] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(251,251,253,.5)
}

@media (prefers-color-scheme: dark) {
    .cloudos-toolbar.login {
        background-color:rgba(28,28,30,.5)
    }
}

[data-appearance=dark] .cloudos-toolbar.login {
    background-color: rgba(28,28,30,.5)
}

[data-appearance=light] .cloudos-toolbar.login {
    background-color: rgba(251,251,253,.5)
}

@media (prefers-color-scheme: dark) {
    .cloudos-toolbar.login {
        -webkit-border-after:1px solid rgba(28,28,30,.5);
        border-block-end:1px solid rgba(28,28,30,.5)}

    .cloudos-toolbar.login[dir=ltr],.cloudos-toolbar.login[dir=rtl],[dir=ltr] .cloudos-toolbar.login,[dir=rtl] .cloudos-toolbar.login {
        border-bottom: 1px solid rgba(28,28,30,.5)
    }
}

[data-appearance=dark] .cloudos-toolbar.login {
    -webkit-border-after: 1px solid rgba(28,28,30,.5);
    border-block-end:1px solid rgba(28,28,30,.5)}

[data-appearance=dark][dir=ltr] .cloudos-toolbar.login,[data-appearance=dark][dir=rtl] .cloudos-toolbar.login,[dir=ltr] [data-appearance=dark] .cloudos-toolbar.login,[dir=rtl] [data-appearance=dark] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(28,28,30,.5)
}

[data-appearance=light] .cloudos-toolbar.login {
    -webkit-border-after: 1px solid rgba(251,251,253,.5);
    border-block-end:1px solid rgba(251,251,253,.5)}

[data-appearance=light][dir=ltr] .cloudos-toolbar.login,[data-appearance=light][dir=rtl] .cloudos-toolbar.login,[dir=ltr] [data-appearance=light] .cloudos-toolbar.login,[dir=rtl] [data-appearance=light] .cloudos-toolbar.login {
    border-bottom: 1px solid rgba(251,251,253,.5)
}

.cloudos-toolbar.app,.cloudos-toolbar.page {
    background-color: var(--theme-color-backgroundLayer1)
}

.cloudos-toolbar.app {
    -webkit-border-after: 1px solid var(--theme-color-gray5);
    border-block-end:1px solid var(--theme-color-gray5)}

.cloudos-toolbar.app[dir=ltr],.cloudos-toolbar.app[dir=rtl],[dir=ltr] .cloudos-toolbar.app,[dir=rtl] .cloudos-toolbar.app {
    border-bottom: 1px solid var(--theme-color-gray5)
}

.cloudos-toolbar.app .action-buttons svg:not(.sparkles) {
    overflow: visible
}

.cloudos-toolbar.cn .app-name {
    -webkit-margin-before: -8px;
    margin-block-start:-8px;-webkit-margin-start: 5px;
    margin-inline-start:5px;font-size: 19px
}

.cloudos-toolbar.cn[dir=ltr] .app-name,[dir=ltr] .cloudos-toolbar.cn .app-name {
    margin-top: -8px;
    margin-left: 5px
}

.cloudos-toolbar.cn[dir=rtl] .app-name,[dir=rtl] .cloudos-toolbar.cn .app-name {
    margin-top: -8px;
    margin-right: 5px
}

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

[dir=ltr] ui-button.block,[dir=ltr] ui-button.push.block,[dir=rtl] ui-button.block,[dir=rtl] ui-button.push.block,ui-button.block[dir=ltr],ui-button.block[dir=rtl],ui-button.push.block[dir=ltr],ui-button.push.block[dir=rtl] {
    height: 30px;
    padding-left: 16px;
    padding-right: 16px
}

ui-button.block svg,ui-button.push.block svg {
    fill: currentColor
}

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

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

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

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

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

ui-button.block:focus:not([aria-disabled=true]):not(.disabled):before,ui-button.push.block:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

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

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

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

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

ui-button.block.large,ui-button.push.block.large {
    block-size: 36px;
    font-size: 17px
}

[dir=ltr] ui-button.block.large,[dir=ltr] ui-button.push.block.large,[dir=rtl] ui-button.block.large,[dir=rtl] ui-button.push.block.large,ui-button.block.large[dir=ltr],ui-button.block.large[dir=rtl],ui-button.push.block.large[dir=ltr],ui-button.push.block.large[dir=rtl] {
    height: 36px
}

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

@media (prefers-color-scheme: dark) {
    ui-button.block.pressed,ui-button.push.block.pressed {
        opacity:.4
    }
}

[data-appearance=dark] ui-button.block.pressed,[data-appearance=dark] ui-button.push.block.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.block.pressed,[data-appearance=light] ui-button.push.block.pressed {
    opacity: .3
}

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

@media (pointer: fine) and (prefers-color-scheme:dark) {
    ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),[data-appearance=dark] ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] ui-button.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),[data-appearance=light] ui-button.push.block.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

ui-button.block.neutral,ui-button.push.block.neutral {
    background-color: var(--theme-color-gray1);
    color: var(--theme-color-systemWhite)
}

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

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

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

@media (prefers-color-scheme: dark) {
    ui-button.block.secondary,ui-button.push.block.secondary {
        background-color:var(--theme-color-gray4)
    }
}

[data-appearance=dark] ui-button.block.secondary,[data-appearance=dark] ui-button.push.block.secondary {
    background-color: var(--theme-color-gray4)
}

[data-appearance=light] ui-button.block.secondary,[data-appearance=light] ui-button.push.block.secondary {
    background-color: var(--theme-color-gray5)
}

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

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

ui-button.block.secondary.destructive,ui-button.push.block.secondary.destructive {
    color: var(--theme-color-systemRed)
}

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

ui-button.block.icon,ui-button.push.block.icon {
    block-size: 28px;
    min-inline-size: 28px;
    padding-inline:6px}

[dir=ltr] ui-button.block.icon,[dir=ltr] ui-button.push.block.icon,[dir=rtl] ui-button.block.icon,[dir=rtl] ui-button.push.block.icon,ui-button.block.icon[dir=ltr],ui-button.block.icon[dir=rtl],ui-button.push.block.icon[dir=ltr],ui-button.push.block.icon[dir=rtl] {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.block.icon svg,ui-button.push.block.icon svg {
    inline-size: 17px;
    block-size: 17px
}

[dir=ltr] ui-button.block.icon svg,[dir=ltr] ui-button.push.block.icon svg,[dir=rtl] ui-button.block.icon svg,[dir=rtl] ui-button.push.block.icon svg,ui-button.block.icon[dir=ltr] svg,ui-button.block.icon[dir=rtl] svg,ui-button.push.block.icon[dir=ltr] svg,ui-button.push.block.icon[dir=rtl] svg {
    width: 17px;
    height: 17px
}

ui-button.block.icon.icloud-touch,ui-button.push.block.icon.icloud-touch {
    block-size: 34px;
    min-inline-size: 34px;
    padding-inline:8px}

[dir=ltr] ui-button.block.icon.icloud-touch,[dir=ltr] ui-button.push.block.icon.icloud-touch,[dir=rtl] ui-button.block.icon.icloud-touch,[dir=rtl] ui-button.push.block.icon.icloud-touch,ui-button.block.icon.icloud-touch[dir=ltr],ui-button.block.icon.icloud-touch[dir=rtl],ui-button.push.block.icon.icloud-touch[dir=ltr],ui-button.push.block.icon.icloud-touch[dir=rtl] {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

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

[dir=ltr] ui-button.block.icon.icloud-touch svg,[dir=ltr] ui-button.push.block.icon.icloud-touch svg,[dir=rtl] ui-button.block.icon.icloud-touch svg,[dir=rtl] ui-button.push.block.icon.icloud-touch svg,ui-button.block.icon.icloud-touch[dir=ltr] svg,ui-button.block.icon.icloud-touch[dir=rtl] svg,ui-button.push.block.icon.icloud-touch[dir=ltr] svg,ui-button.push.block.icon.icloud-touch[dir=rtl] svg {
    height: 20px;
    width: 20px
}

ui-button.block.primary:not(.neutral),ui-button.push.block.primary:not(.neutral) {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite)
}

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

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

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

[dir=ltr] ui-button.push,[dir=rtl] ui-button.push,ui-button.push[dir=ltr],ui-button.push[dir=rtl] {
    min-width: 30px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px
}

ui-button.push svg {
    fill: currentColor
}

ui-button.push.icloud-touch {
    block-size: 44px;
    min-inline-size: 44px;
    padding-inline:14px}

[dir=ltr] ui-button.push.icloud-touch,[dir=rtl] ui-button.push.icloud-touch,ui-button.push.icloud-touch[dir=ltr],ui-button.push.icloud-touch[dir=rtl] {
    height: 44px;
    min-width: 44px;
    padding-left: 14px;
    padding-right: 14px
}

ui-button.push.icloud-touch.large {
    block-size: 44px;
    min-inline-size: 44px
}

[dir=ltr] ui-button.push.icloud-touch.large,[dir=rtl] ui-button.push.icloud-touch.large,ui-button.push.icloud-touch.large[dir=ltr],ui-button.push.icloud-touch.large[dir=rtl] {
    height: 44px;
    min-width: 44px
}

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

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

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

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

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

ui-button.push:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

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

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

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

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

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

ui-button.push.large {
    block-size: 36px;
    font-size: 17px
}

[dir=ltr] ui-button.push.large,[dir=rtl] ui-button.push.large,ui-button.push.large[dir=ltr],ui-button.push.large[dir=rtl] {
    height: 36px
}

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

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

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

ui-button.push.neutral {
    color: var(--theme-color-labelPrimary)
}

ui-button.push.neutral.active:not([aria-disabled=true]):not(.disabled),ui-button.push.neutral:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: var(--theme-color-labelQuaternary)
}

ui-button.push.icon {
    block-size: 28px;
    min-inline-size: 28px;
    padding-inline:6px}

[dir=ltr] ui-button.push.icon,[dir=rtl] ui-button.push.icon,ui-button.push.icon[dir=ltr],ui-button.push.icon[dir=rtl] {
    height: 28px;
    min-width: 28px;
    padding-left: 6px;
    padding-right: 6px
}

ui-button.push.icon svg {
    inline-size: 17px;
    block-size: 17px
}

[dir=ltr] ui-button.push.icon svg,[dir=rtl] ui-button.push.icon svg,ui-button.push.icon[dir=ltr] svg,ui-button.push.icon[dir=rtl] svg {
    width: 17px;
    height: 17px
}

ui-button.push.icon.icloud-touch {
    block-size: 34px;
    min-inline-size: 34px;
    padding-inline:8px}

[dir=ltr] ui-button.push.icon.icloud-touch,[dir=rtl] ui-button.push.icon.icloud-touch,ui-button.push.icon.icloud-touch[dir=ltr],ui-button.push.icon.icloud-touch[dir=rtl] {
    height: 34px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px
}

ui-button.push.icon.icloud-touch svg {
    block-size: 20px;
    inline-size: 20px
}

[dir=ltr] ui-button.push.icon.icloud-touch svg,[dir=rtl] ui-button.push.icon.icloud-touch svg,ui-button.push.icon.icloud-touch[dir=ltr] svg,ui-button.push.icon.icloud-touch[dir=rtl] svg {
    height: 20px;
    width: 20px
}

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

ui-button.push.icon:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid var(--theme-color-systemWhite);
    content: "";
    position: absolute;
    inset-block-start: 3px;
    inset-inline-end: 3px;
    inset-block-end: 3px;
    inset-inline-start: 3px;
    border-radius: 5px
}

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

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

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

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

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

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

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

ui-button.push.pressed {
    background-color: var(--theme-color-appTint);
    color: var(--theme-color-systemWhite);
    opacity: .3;
    cursor: default;
    pointer-events: none
}

@media (prefers-color-scheme: dark) {
    ui-button.push.pressed {
        opacity:.4
    }
}

[data-appearance=dark] ui-button.push.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.push.pressed {
    opacity: .3
}

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

@media (pointer: fine) and (prefers-color-scheme:dark) {
    ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] ui-button.push.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

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

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

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

@media (prefers-color-scheme: dark) {
    ui-button.push.destructive.pressed {
        opacity:.4
    }
}

[data-appearance=dark] ui-button.push.destructive.pressed {
    opacity: .4
}

[data-appearance=light] ui-button.push.destructive.pressed {
    opacity: .3
}

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

@media (pointer: fine) and (prefers-color-scheme:dark) {
    ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }
}

@media (pointer: fine) {
    [data-appearance=dark] ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity:.4
    }

    [data-appearance=light] ui-button.push.destructive.pressed:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        opacity: .3
    }
}

.action-buttons {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.action-buttons,.action-buttons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary,.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.login .action-buttons ui-button.push.primary,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.page .action-buttons ui-button.push.primary,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch {
    position: relative;
    border: 0;
    border-radius: 8px;
    block-size: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-inline-size: 36px;
    inline-size: 36px;
    padding-inline:0;margin-inline:4px}

.cloudos-toolbar.app[dir=ltr] .action-buttons ui-button.push.primary,.cloudos-toolbar.app[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.app[dir=rtl] .action-buttons ui-button.push.primary,.cloudos-toolbar.app[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.homepage[dir=ltr] .action-buttons ui-button.push.primary,.cloudos-toolbar.homepage[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.homepage[dir=rtl] .action-buttons ui-button.push.primary,.cloudos-toolbar.homepage[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.login[dir=ltr] .action-buttons ui-button.push.primary,.cloudos-toolbar.login[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.login[dir=rtl] .action-buttons ui-button.push.primary,.cloudos-toolbar.login[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.page[dir=ltr] .action-buttons ui-button.push.primary,.cloudos-toolbar.page[dir=ltr] .action-buttons ui-button.push.primary.icloud-touch,.cloudos-toolbar.page[dir=rtl] .action-buttons ui-button.push.primary,.cloudos-toolbar.page[dir=rtl] .action-buttons ui-button.push.primary.icloud-touch,[dir=ltr] .cloudos-toolbar.app .action-buttons ui-button.push.primary,[dir=ltr] .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,[dir=ltr] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary,[dir=ltr] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,[dir=ltr] .cloudos-toolbar.login .action-buttons ui-button.push.primary,[dir=ltr] .cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,[dir=ltr] .cloudos-toolbar.page .action-buttons ui-button.push.primary,[dir=ltr] .cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch,[dir=rtl] .cloudos-toolbar.app .action-buttons ui-button.push.primary,[dir=rtl] .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch,[dir=rtl] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary,[dir=rtl] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch,[dir=rtl] .cloudos-toolbar.login .action-buttons ui-button.push.primary,[dir=rtl] .cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch,[dir=rtl] .cloudos-toolbar.page .action-buttons ui-button.push.primary,[dir=rtl] .cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch {
    height: 36px;
    min-width: 36px;
    width: 36px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 4px;
    margin-right: 4px
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features),.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features),.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features),.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features) {
    color: var(--theme-color-labelPrimary)
}

@media (pointer: fine) {
    .cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-fillSecondary)
    }
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled),.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-fillPrimary);
    color: var(--theme-color-labelQuaternary)
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) ui-image,.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) ui-image {
    opacity: .6
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.app .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.login .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features).active:not([aria-disabled=true]):not(.disabled) svg,.cloudos-toolbar.page .action-buttons ui-button.push.primary:not(.new-features):active:hover:not([aria-disabled=true]):not(.disabled) svg {
    fill: currentColor
}

.cloudos-toolbar.app .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.app .action-buttons ui-button.push.primary.open,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open,.cloudos-toolbar.login .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.login .action-buttons ui-button.push.primary.open,.cloudos-toolbar.page .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.page .action-buttons ui-button.push.primary.open {
    background-color: var(--theme-color-gray3);
    color: var(--theme-color-backgroundPrimary)
}

.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: hsla(var(--theme-color-gray3-h),var(--theme-color-gray3-s),-webkit-calc(var(--theme-color-gray3-l)),.5);
    background-color: hsla(var(--theme-color-gray3-h),var(--theme-color-gray3-s),calc(var(--theme-color-gray3-l)),.5)
}

@media (prefers-color-scheme: dark) {
    .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,.cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
        background-color:var(--theme-color-gray3)
    }
}

[data-appearance=dark] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,[data-appearance=dark] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: var(--theme-color-gray3)
}

[data-appearance=light] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.icloud-touch.open,[data-appearance=light] .cloudos-toolbar.homepage .action-buttons ui-button.push.primary.open {
    background-color: hsla(var(--theme-color-gray3-h),var(--theme-color-gray3-s),-webkit-calc(var(--theme-color-gray3-l)),.5);
    background-color: hsla(var(--theme-color-gray3-h),var(--theme-color-gray3-s),calc(var(--theme-color-gray3-l)),.5)
}

.action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    font-size: 11px;
    font-weight: 700;
    line-height: 21px;
    padding-block:0;padding-inline:8px;margin-block:10px;margin-inline:8px;inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content
}

.action-buttons[dir=ltr] .new-features-wrapper ui-button.block.primary.new-features,.action-buttons[dir=rtl] .new-features-wrapper ui-button.block.primary.new-features,[dir=ltr] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,[dir=rtl] .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 8px;
    margin: 10px 8px
}

.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    background-color: var(--theme-color-systemWhite);
    color: var(--theme-color-systemBlue);
    font-size: 11px;
    padding-inline:8px}

.homepage[dir=ltr] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,.homepage[dir=rtl] .action-buttons .new-features-wrapper ui-button.block.primary.new-features,[dir=ltr] .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features,[dir=rtl] .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    padding-left: 8px;
    padding-right: 8px
}

@media (pointer: fine) {
    .homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:hsla(0,0%,100%,.7)
    }
}

.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features.active:not([aria-disabled=true]):not(.disabled),.homepage .action-buttons .new-features-wrapper ui-button.block.primary.new-features:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: rgba(0,0,0,.32);
    color: #fff
}

.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    background-color: var(--theme-color-gray1);
    color: var(--theme-color-systemWhite)
}

@media (pointer: fine) {
    .page .action-buttons .new-features-wrapper ui-button.block.primary.new-features:hover:not(:active):not(:disabled):not([aria-disabled=true]):not(.disabled) {
        background-color:var(--theme-color-labelSecondary)
    }
}

.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features.active:not([aria-disabled=true]):not(.disabled),.page .action-buttons .new-features-wrapper ui-button.block.primary.new-features:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: var(--theme-color-labelPrimary)
}

.login .action-buttons .new-features-wrapper ui-button.block.primary.new-features {
    visibility: hidden
}

.app .action-buttons svg.exclamation-bubble,.login .action-buttons svg.exclamation-bubble,.page .action-buttons svg.exclamation-bubble {
    fill: var(--theme-color-labelSecondary)
}

.action-buttons svg.exclamation-mark-circle.full {
    color: var(--theme-color-systemRed)
}

.action-buttons svg.exclamation-mark-circle.almost-full {
    color: var(--theme-color-systemOrange)
}

[dir=rtl] svg.chevron-forward-2 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.profile-photo {
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    will-change: transform
}

.profile-photo ui-image {
    position: absolute;
    inset: 0
}

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

.profile-photo ui-image.standard img {
    opacity: 0
}

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

.profile-photo svg.person-crop-cirlce {
    fill: var(--theme-color-gray1);
    display: none
}

@font-face {
    font-family: ToolbarSFTextVariant;
    font-weight: 600;
    font-display: swap;
    src: local(".SFNSText-Semibold"),local(".SFUIText-Semibold"),url(../Fonts/SFNSText-Semibold.woff) format("woff")
}

svg.app-name {
    font-size: 21px;
    font-weight: 600;
    font-family: ToolbarSFTextVariant,Helvetica,sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-margin-before: 1px;
    margin-block-start:1px}

[dir=ltr] svg.app-name,[dir=rtl] svg.app-name,svg.app-name[dir=ltr],svg.app-name[dir=rtl] {
    margin-top: 1px
}

svg.app-name.kern-safe {
    letter-spacing: -.25px
}

html[dir=rtl] svg.app-name text {
    text-anchor: end
}

[dir=ltr] html[dir=rtl] svg.app-name text,html[dir=rtl][dir=ltr] svg.app-name text {
    text-anchor: right
}

[dir=rtl] html[dir=rtl] svg.app-name text,html[dir=rtl][dir=rtl] svg.app-name text {
    text-anchor: left
}

.cloudos-toolbar .icloud-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-margin-start: -2px;
    margin-inline-start:-2px;-webkit-margin-before: 1px;
    margin-block-start:1px}

.cloudos-toolbar[dir=ltr] .icloud-logo,[dir=ltr] .cloudos-toolbar .icloud-logo {
    margin-left: -2px;
    margin-top: 1px
}

.cloudos-toolbar[dir=rtl] .icloud-logo,[dir=rtl] .cloudos-toolbar .icloud-logo {
    margin-right: -2px;
    margin-top: 1px
}

.cloudos-toolbar .icloud-logo a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-toolbar .icloud-logo .apple-icloud-logo.dark {
    fill: var(--theme-color-systemBlack)
}

.cloudos-toolbar .icloud-logo .apple-icloud-logo.light {
    fill: var(--theme-color-systemWhite)
}

[data-appearance=dark] #fmip-device-viewer .initFailure,[data-appearance=light] #fmip-device-viewer .initFailure {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100% 100%
}

#fmip-device-viewer {
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

#fmip-device-viewer[dir=ltr],#fmip-device-viewer[dir=rtl],[dir=ltr] #fmip-device-viewer,[dir=rtl] #fmip-device-viewer {
    width: 100%
}

#fmip-device-viewer .mk-logo-control {
    display: none
}

#fmip-device-viewer .dragButton {
    display: block;
    margin-inline:auto;-webkit-margin-before: 5px;
    margin-block-start:5px;block-size: 5px;
    inline-size: 40px
}

#fmip-device-viewer[dir=ltr] .dragButton,#fmip-device-viewer[dir=rtl] .dragButton,[dir=ltr] #fmip-device-viewer .dragButton,[dir=rtl] #fmip-device-viewer .dragButton {
    margin-top: 5px;
    height: 5px;
    width: 40px;
    margin-left: auto;
    margin-right: auto
}

#fmip-device-viewer .device-list-spinner .fmip-loading-spinner {
    font-size: 16px
}

#fmip-device-viewer .mk-bottom-right-controls-container {
    offset-inline-start: 11px;
    offset-inline-end: unset
}

#fmip-device-viewer[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer .mk-bottom-right-controls-container {
    left: 11px;
    right: unset
}

#fmip-device-viewer[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer .mk-bottom-right-controls-container {
    right: 11px;
    left: unset
}

#fmip-device-viewer .mk-bottom-right-controls-container .mk-legal-controls {
    offset-inline-start: 0;
    offset-inline-end: auto
}

#fmip-device-viewer[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer .mk-bottom-right-controls-container .mk-legal-controls {
    left: 0;
    right: auto
}

#fmip-device-viewer[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer .mk-bottom-right-controls-container .mk-legal-controls {
    right: 0;
    left: auto
}

#fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle {
    -webkit-margin-after: 0;
    margin-block-end:0}

#fmip-device-viewer[dir=ltr] .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle,#fmip-device-viewer[dir=rtl] .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle,[dir=ltr] #fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle,[dir=rtl] #fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle {
    margin-bottom: 0
}

#fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle .subTitle-name {
    -webkit-margin-after: 15px;
    margin-block-end:15px}

#fmip-device-viewer[dir=ltr] .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle .subTitle-name,#fmip-device-viewer[dir=rtl] .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle .subTitle-name,[dir=ltr] #fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle .subTitle-name,[dir=rtl] #fmip-device-viewer .ui-card.compact .fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subTitle .subTitle-name {
    margin-bottom: 15px
}

#fmip-device-viewer .ui-sliding-card,#fmip-device-viewer .ui-sliding-card-modal {
    offset-block-end: 0
}

#fmip-device-viewer[dir=ltr] .ui-sliding-card,#fmip-device-viewer[dir=ltr] .ui-sliding-card-modal,#fmip-device-viewer[dir=rtl] .ui-sliding-card,#fmip-device-viewer[dir=rtl] .ui-sliding-card-modal,[dir=ltr] #fmip-device-viewer .ui-sliding-card,[dir=ltr] #fmip-device-viewer .ui-sliding-card-modal,[dir=rtl] #fmip-device-viewer .ui-sliding-card,[dir=rtl] #fmip-device-viewer .ui-sliding-card-modal {
    bottom: 0
}

#fmip-device-viewer .initFailure {
    background-repeat: no-repeat;
    block-size: 100%;
    inline-size: 100%;
    z-index: -1;
    position: relative
}

#fmip-device-viewer[dir=ltr] .initFailure,#fmip-device-viewer[dir=rtl] .initFailure,[dir=ltr] #fmip-device-viewer .initFailure,[dir=rtl] #fmip-device-viewer .initFailure {
    height: 100%;
    width: 100%
}

#fmip-device-viewer .initFailure:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

#fmip-device-viewer[dir=ltr] .initFailure:after,#fmip-device-viewer[dir=rtl] .initFailure:after,[dir=ltr] #fmip-device-viewer .initFailure:after,[dir=rtl] #fmip-device-viewer .initFailure:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#fmip-device-viewer ui-card.compact {
    background-color: #fbfbfd;
    border-width: 0
}

@media (prefers-color-scheme: dark) {
    #fmip-device-viewer ui-card.compact {
        background-color:#292c31
    }
}

[data-appearance=dark] #fmip-device-viewer ui-card.compact {
    background-color: #292c31
}

[data-appearance=light] #fmip-device-viewer ui-card.compact {
    background-color: #fbfbfd
}

#fmip-device-viewer .fmip-device-list {
    inset-block-end: 5px;
    inset-block-start: 10px;
    -webkit-margin-before: 15px;
    margin-block-start:15px;overflow: hidden auto
}

#fmip-device-viewer[dir=ltr] .fmip-device-list,#fmip-device-viewer[dir=rtl] .fmip-device-list,[dir=ltr] #fmip-device-viewer .fmip-device-list,[dir=rtl] #fmip-device-viewer .fmip-device-list {
    bottom: 5px;
    top: 10px;
    margin-top: 15px
}

#fmip-device-viewer .fmip-device-list .is-floating {
    -webkit-border-before: unset;
    border-block-start:unset}

#fmip-device-viewer[dir=ltr] .fmip-device-list .is-floating,#fmip-device-viewer[dir=rtl] .fmip-device-list .is-floating,[dir=ltr] #fmip-device-viewer .fmip-device-list .is-floating,[dir=rtl] #fmip-device-viewer .fmip-device-list .is-floating {
    border-top: unset
}

#fmip-device-viewer .fmip-device-list .section-header-bottom-margin {
    -webkit-margin-after: 15px;
    margin-block-end:15px}

#fmip-device-viewer[dir=ltr] .fmip-device-list .section-header-bottom-margin,#fmip-device-viewer[dir=rtl] .fmip-device-list .section-header-bottom-margin,[dir=ltr] #fmip-device-viewer .fmip-device-list .section-header-bottom-margin,[dir=rtl] #fmip-device-viewer .fmip-device-list .section-header-bottom-margin {
    margin-bottom: 15px
}

#fmip-device-viewer .fmip-device-list .section-container {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

#fmip-device-viewer[dir=ltr] .fmip-device-list .section-container,#fmip-device-viewer[dir=rtl] .fmip-device-list .section-container,[dir=ltr] #fmip-device-viewer .fmip-device-list .section-container,[dir=rtl] #fmip-device-viewer .fmip-device-list .section-container {
    margin-bottom: 10px
}

#fmip-device-viewer .fmip-device-list .sticky {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0
}

#fmip-device-viewer[dir=ltr] .fmip-device-list .sticky,#fmip-device-viewer[dir=rtl] .fmip-device-list .sticky,[dir=ltr] #fmip-device-viewer .fmip-device-list .sticky,[dir=rtl] #fmip-device-viewer .fmip-device-list .sticky {
    top: 0
}

#fmip-device-viewer .fmip-device-list:before {
    inset-block-start: 23px
}

#fmip-device-viewer[dir=ltr] .fmip-device-list:before,#fmip-device-viewer[dir=rtl] .fmip-device-list:before,[dir=ltr] #fmip-device-viewer .fmip-device-list:before,[dir=rtl] #fmip-device-viewer .fmip-device-list:before {
    top: 23px
}

#fmip-device-viewer .fmip-device-offline-screen {
    offset-block-start: 0;
    position: absolute
}

#fmip-device-viewer[dir=ltr] .fmip-device-offline-screen,#fmip-device-viewer[dir=rtl] .fmip-device-offline-screen,[dir=ltr] #fmip-device-viewer .fmip-device-offline-screen,[dir=rtl] #fmip-device-viewer .fmip-device-offline-screen {
    top: 0
}

#fmip-device-viewer .device-details-pane .compact {
    overflow-y: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#fmip-device-viewer.compact .device-list-header {
    font-size: 17px;
    letter-spacing: -.37px;
    line-height: 25px
}

#fmip-device-viewer.regular .fmip-device-offline-screen {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#fmip-device-viewer.regular .ui-sliding-card {
    padding: logical 15px
}

#fmip-device-viewer.regular[dir=ltr] .ui-sliding-card,#fmip-device-viewer.regular[dir=rtl] .ui-sliding-card,[dir=ltr] #fmip-device-viewer.regular .ui-sliding-card,[dir=rtl] #fmip-device-viewer.regular .ui-sliding-card {
    padding: 15px
}

#fmip-device-viewer.regular .mk-bottom-right-controls-container {
    offset-inline-start: 2px
}

#fmip-device-viewer.regular[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer.regular .mk-bottom-right-controls-container {
    left: 2px
}

#fmip-device-viewer.regular[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer.regular .mk-bottom-right-controls-container {
    right: 2px
}

#fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal-controls {
    offset-block-end: -5px
}

#fmip-device-viewer.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,#fmip-device-viewer.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal-controls {
    bottom: -5px
}

#fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal {
    offset-block-end: 0
}

#fmip-device-viewer.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal,#fmip-device-viewer.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal,[dir=ltr] #fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal,[dir=rtl] #fmip-device-viewer.regular .mk-bottom-right-controls-container .mk-legal {
    bottom: 0
}

#fmip-device-viewer.regular .mapkit-user-location-button {
    -webkit-margin-after: -10px;
    margin-block-end:-10px}

#fmip-device-viewer.regular[dir=ltr] .mapkit-user-location-button,#fmip-device-viewer.regular[dir=rtl] .mapkit-user-location-button,[dir=ltr] #fmip-device-viewer.regular .mapkit-user-location-button,[dir=rtl] #fmip-device-viewer.regular .mapkit-user-location-button {
    margin-bottom: -10px
}

#fmip-device-viewer.no-location-mapblur .mk-map-node-element {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: hsla(0,0%,100%,.6)
}

#fmip-device-viewer.no-location-mapblur .mk-controls-container {
    display: none
}

#fmip-device-viewer.noDevice .ui-card.compact {
    block-size: auto!important
}

#fmip-device-viewer.noDevice[dir=ltr] .ui-card.compact,#fmip-device-viewer.noDevice[dir=rtl] .ui-card.compact,[dir=ltr] #fmip-device-viewer.noDevice .ui-card.compact,[dir=rtl] #fmip-device-viewer.noDevice .ui-card.compact {
    height: auto!important
}

#fmip-device-viewer .device-list-spinner {
    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: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#fmip-device-viewer[dir=ltr] .device-list-spinner,#fmip-device-viewer[dir=rtl] .device-list-spinner,[dir=ltr] #fmip-device-viewer .device-list-spinner,[dir=rtl] #fmip-device-viewer .device-list-spinner {
    height: 100%
}

#fmip-device-viewer .no-device-header-container {
    position: relative;
    block-size: 46px
}

#fmip-device-viewer[dir=ltr] .no-device-header-container,#fmip-device-viewer[dir=rtl] .no-device-header-container,[dir=ltr] #fmip-device-viewer .no-device-header-container,[dir=rtl] #fmip-device-viewer .no-device-header-container {
    height: 46px
}

#fmip-device-viewer .no-device-container {
    overflow-y: auto
}

#fmip-device-viewer .device-list-all-devices-label {
    font-size: 17px;
    font-weight: 600;
    text-align: start;
    position: absolute;
    -webkit-margin-start: 20px;
    margin-inline-start:20px;-webkit-margin-before: 25px;
    margin-block-start:25px;inline-size: 100%;
    letter-spacing: -.37px
}

#fmip-device-viewer[dir=ltr] .device-list-all-devices-label,[dir=ltr] #fmip-device-viewer .device-list-all-devices-label {
    text-align: left;
    margin-left: 20px;
    margin-top: 25px;
    width: 100%
}

#fmip-device-viewer[dir=rtl] .device-list-all-devices-label,[dir=rtl] #fmip-device-viewer .device-list-all-devices-label {
    text-align: right;
    margin-right: 20px;
    margin-top: 25px;
    width: 100%
}

.device-list-header {
    block-size: 23px!important;
    -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-padding-before: 0;
    padding-block-start:0;-webkit-padding-start: 20px;
    padding-inline-start:20px;-webkit-margin-after: 4px;
    margin-block-end:4px;color: var(--theme-color-labelSecondary);
    background-color: #fbfbfd;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    letter-spacing: -.22px;
    line-height: 18px;
    -webkit-margin-end: 10px;
    margin-inline-end:10px}

.device-list-header[dir=ltr],[dir=ltr] .device-list-header {
    height: 23px!important;
    padding-top: 0;
    padding-left: 20px;
    margin-bottom: 4px;
    margin-right: 10px
}

.device-list-header[dir=rtl],[dir=rtl] .device-list-header {
    height: 23px!important;
    padding-top: 0;
    padding-right: 20px;
    margin-bottom: 4px;
    margin-left: 10px
}

@media (prefers-color-scheme: dark) {
    .device-list-header {
        background-color:#292c31
    }
}

[data-appearance=dark] .device-list-header {
    background-color: #292c31
}

[data-appearance=light] .device-list-header {
    background-color: #fbfbfd
}

.device-list-header.stuck {
    border-top-left-radius: 12px
}

[data-primary-interaction-mode=touch] .device-list-header {
    outline: 0
}

.regular .fmip-redirect-banner-view {
    margin: logical 10px 30px 20px;
    line-height: 21px;
    font-size: 17px
}

.regular[dir=ltr] .fmip-redirect-banner-view,[dir=ltr] .regular .fmip-redirect-banner-view {
    margin: 10px 30px 20px 20px
}

.regular[dir=rtl] .fmip-redirect-banner-view,[dir=rtl] .regular .fmip-redirect-banner-view {
    margin: 10px 20px 20px 30px
}

.compact .fmip-redirect-banner-view {
    margin: logical 1px 20px 10px;
    line-height: 20px;
    font-size: 15px
}

.compact[dir=ltr] .fmip-redirect-banner-view,.compact[dir=rtl] .fmip-redirect-banner-view,[dir=ltr] .compact .fmip-redirect-banner-view,[dir=rtl] .compact .fmip-redirect-banner-view {
    margin: 1px 20px 10px
}

a.unstyled-link {
    text-decoration: none;
    color: #03a10e
}

.fm-control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    margin-inline:10px;border-radius: 10px;
    inline-size: auto!important;
    inset-inline-start: 10px;
    inset-inline-end: 10px
}

.fm-control[dir=ltr],.fm-control[dir=rtl],[dir=ltr] .fm-control,[dir=rtl] .fm-control {
    width: auto!important;
    left: 10px;
    right: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.fm-control:hover {
    background-color: var(--theme-color-fillQuaternary)
}

.fm-control:active,.fm-control:focus {
    background-color: rgba(3,161,14,.16);
    border-radius: 10px
}

.fm-control .fmip-device-details .container .fmip-device-icon-border-style .erase svg {
    fill: #e30000
}

@media (prefers-color-scheme: dark) {
    .fm-control .fmip-device-details .container .fmip-device-icon-border-style .erase svg {
        fill:#ff3037
    }
}

[data-appearance=dark] .fm-control .fmip-device-details .container .fmip-device-icon-border-style .erase svg {
    fill: #ff3037
}

[data-appearance=light] .fm-control .fmip-device-details .container .fmip-device-icon-border-style .erase svg {
    fill: #e30000
}

[data-appearance=dark] .fmip-device-details .icon:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),to(hsla(0,0%,100%,.07))) border-box;
    background: linear-gradient(0deg,transparent 10%,hsla(0,0%,100%,.07)) border-box
}

[data-appearance=dark] .fmip-device-details .icon:before,[data-appearance=light] .fmip-device-details .icon:before {
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    -webkit-mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask-composite: exclude;
    -webkit-mask-composite: xor
}

[data-appearance=light] .fmip-device-details .icon:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),to(#fff)) border-box;
    background: linear-gradient(0deg,transparent 10%,#fff) border-box
}

.fmip-device-details {
    inline-size: 100%;
    block-size: 80px;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;-webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-device-details[dir=ltr],[dir=ltr] .fmip-device-details {
    width: 100%;
    height: 80px;
    padding-left: 10px
}

.fmip-device-details[dir=rtl],[dir=rtl] .fmip-device-details {
    width: 100%;
    height: 80px;
    padding-right: 10px
}

.fmip-device-details .container {
    block-size: inherit;
    -webkit-padding-end: 10px;
    padding-inline-end:10px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fmip-device-details[dir=ltr] .container,[dir=ltr] .fmip-device-details .container {
    height: inherit;
    padding-right: 10px
}

.fmip-device-details[dir=rtl] .container,[dir=rtl] .fmip-device-details .container {
    height: inherit;
    padding-left: 10px
}

.fmip-device-details .container .fmip-device-icon-border-style {
    block-size: 44px;
    inline-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-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.fmip-device-details[dir=ltr] .container .fmip-device-icon-border-style,.fmip-device-details[dir=rtl] .container .fmip-device-icon-border-style,[dir=ltr] .fmip-device-details .container .fmip-device-icon-border-style,[dir=rtl] .fmip-device-details .container .fmip-device-icon-border-style {
    height: 44px;
    width: 44px;
    margin-top: 10px
}

.fmip-device-details .container .details .subtitle {
    color: var(--theme-color-labelQuaternary)
}

.fmip-device-details .container .details .subtitle .location-found,.fmip-device-details .container .details .subtitle .old-location {
    color: var(--theme-color-labelSecondary)
}

.fmip-device-details .details .subtitle .show-locating,.fmip-device-details .details .subtitle .show-location-timestamp {
    color: var(--theme-color-labelQuaternary)
}

.fmip-device-details .indicator {
    -webkit-margin-start: 3px;
    margin-inline-start:3px;-webkit-margin-end: 12px;
    margin-inline-end:12px}

.fmip-device-details[dir=ltr] .indicator,[dir=ltr] .fmip-device-details .indicator {
    margin-left: 3px;
    margin-right: 12px
}

.fmip-device-details[dir=rtl] .indicator,[dir=rtl] .fmip-device-details .indicator {
    margin-right: 3px;
    margin-left: 12px
}

.fmip-device-details .indicator:before {
    content: "";
    border-radius: 50%;
    inline-size: 8px;
    block-size: 8px;
    background-color: #adadad;
    display: block
}

.fmip-device-details[dir=ltr] .indicator:before,.fmip-device-details[dir=rtl] .indicator:before,[dir=ltr] .fmip-device-details .indicator:before,[dir=rtl] .fmip-device-details .indicator:before {
    width: 8px;
    height: 8px
}

.fmip-device-details .icon {
    -webkit-margin-end: 10px;
    margin-inline-end:10px;-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04);
    box-shadow: 0 0 20px rgba(0,0,0,.04);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: linear-gradient(#fff,#f1f1f1);
    border-radius: 9px;
    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
}

.fmip-device-details[dir=ltr] .icon,[dir=ltr] .fmip-device-details .icon {
    margin-right: 10px
}

.fmip-device-details[dir=rtl] .icon,[dir=rtl] .fmip-device-details .icon {
    margin-left: 10px
}

@media (prefers-color-scheme: dark) {
    .fmip-device-details .icon {
        -webkit-box-shadow:0 7px 20px rgba(0,0,0,.12);
        box-shadow: 0 7px 20px rgba(0,0,0,.12)
    }
}

[data-appearance=dark] .fmip-device-details .icon {
    -webkit-box-shadow: 0 7px 20px rgba(0,0,0,.12);
    box-shadow: 0 7px 20px rgba(0,0,0,.12)
}

[data-appearance=light] .fmip-device-details .icon {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04);
    box-shadow: 0 0 20px rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .fmip-device-details .icon {
        background-image:-webkit-gradient(linear,left top,left bottom,from(#3a3e45),to(#292c31));
        background-image: linear-gradient(#3a3e45,#292c31)
    }
}

[data-appearance=dark] .fmip-device-details .icon {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3a3e45),to(#292c31));
    background-image: linear-gradient(#3a3e45,#292c31)
}

[data-appearance=light] .fmip-device-details .icon {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: linear-gradient(#fff,#f1f1f1)
}

.fmip-device-details .icon:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-device-details[dir=ltr] .icon:before,.fmip-device-details[dir=rtl] .icon:before,[dir=ltr] .fmip-device-details .icon:before,[dir=rtl] .fmip-device-details .icon:before {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fmip-device-details .details {
    inline-size: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
    -webkit-margin-start: 11px;
    margin-inline-start:11px}

.fmip-device-details[dir=ltr] .details,[dir=ltr] .fmip-device-details .details {
    width: 100%;
    margin-left: 11px
}

.fmip-device-details[dir=rtl] .details,[dir=rtl] .fmip-device-details .details {
    width: 100%;
    margin-right: 11px
}

.fmip-device-details .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
}

.fmip-device-details .name {
    letter-spacing: .204px;
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-color-labelPrimary);
    font-size: 17px
}

.fmip-device-details[dir=ltr] .name,.fmip-device-details[dir=rtl] .name,[dir=ltr] .fmip-device-details .name,[dir=rtl] .fmip-device-details .name {
    width: 100%
}

.fmip-device-details .subTitle {
    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: 20px;
    margin-block-end:20px;margin-inline:auto}

.fmip-device-details[dir=ltr] .subTitle,.fmip-device-details[dir=rtl] .subTitle,[dir=ltr] .fmip-device-details .subTitle,[dir=rtl] .fmip-device-details .subTitle {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.fmip-device-details .subtitle-inappropriate-location {
    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: 10px;
    margin-block-end:10px;margin-inline:auto}

.fmip-device-details[dir=ltr] .subtitle-inappropriate-location,.fmip-device-details[dir=rtl] .subtitle-inappropriate-location,[dir=ltr] .fmip-device-details .subtitle-inappropriate-location,[dir=rtl] .fmip-device-details .subtitle-inappropriate-location {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.fmip-device-details .subTitle-name {
    color: var(--theme-color-labelSecondary);
    font-size: 14px
}

.fmip-device-details .distance-badge {
    font-size: 9px;
    color: #fff;
    background-color: #adadad;
    -webkit-margin-start: 5px;
    margin-inline-start:5px;padding: logical 3px 8px;
    border-radius: 4px;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.fmip-device-details[dir=ltr] .distance-badge,[dir=ltr] .fmip-device-details .distance-badge {
    margin-left: 5px;
    padding: 3px 8px
}

.fmip-device-details[dir=rtl] .distance-badge,[dir=rtl] .fmip-device-details .distance-badge {
    margin-right: 5px;
    padding: 3px 8px
}

.fmip-device-details .subtitle,.fmip-device-details address {
    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;
    inline-size: 100%
}

.fmip-device-details[dir=ltr] .subtitle,.fmip-device-details[dir=ltr] address,.fmip-device-details[dir=rtl] .subtitle,.fmip-device-details[dir=rtl] address,[dir=ltr] .fmip-device-details .subtitle,[dir=ltr] .fmip-device-details address,[dir=rtl] .fmip-device-details .subtitle,[dir=rtl] .fmip-device-details address {
    width: 100%
}

.fmip-device-details .no-location-found {
    color: var(--theme-color-labelSecondary)
}

.fmip-device-details .status {
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    inline-size: auto!important
}

.fmip-device-details[dir=ltr] .status,.fmip-device-details[dir=rtl] .status,[dir=ltr] .fmip-device-details .status,[dir=rtl] .fmip-device-details .status {
    width: 100%;
    width: auto!important
}

.fmip-device-details .status.destructive {
    color: #ff9500
}

@media (prefers-color-scheme: dark) {
    .fmip-device-details .status.destructive {
        color:#ff9f0a
    }
}

[data-appearance=dark] .fmip-device-details .status.destructive {
    color: #ff9f0a
}

[data-appearance=light] .fmip-device-details .status.destructive {
    color: #ff9500
}

.fmip-device-details .fmip-loading-spinner {
    font-size: 16px;
    -webkit-margin-end: 5px;
    margin-inline-end:5px;-webkit-margin-start: 13px;
    margin-inline-start:13px}

.fmip-device-details[dir=ltr] .fmip-loading-spinner,[dir=ltr] .fmip-device-details .fmip-loading-spinner {
    margin-right: 5px;
    margin-left: 13px
}

.fmip-device-details[dir=rtl] .fmip-loading-spinner,[dir=rtl] .fmip-device-details .fmip-loading-spinner {
    margin-left: 5px;
    margin-right: 13px
}

.fmip-device-details.online .distance-badge,.fmip-device-details.online .indicator:before {
    background-color: #51c266
}

.fmip-device-details.collapsed {
    -webkit-padding-start: 0;
    padding-inline-start:0}

.fmip-device-details.collapsed[dir=ltr],[dir=ltr] .fmip-device-details.collapsed {
    padding-left: 0
}

.fmip-device-details.collapsed[dir=rtl],[dir=rtl] .fmip-device-details.collapsed {
    padding-right: 0
}

.fmip-device-details.collapsed .container {
    -webkit-padding-end: 0;
    padding-inline-end:0}

.fmip-device-details.collapsed[dir=ltr] .container,[dir=ltr] .fmip-device-details.collapsed .container {
    padding-right: 0
}

.fmip-device-details.collapsed[dir=rtl] .container,[dir=rtl] .fmip-device-details.collapsed .container {
    padding-left: 0
}

.fmip-device-details.collapsed .status {
    white-space: normal;
    overflow: visible
}

.fmip-device-details.collapsed .name {
    font-weight: 600
}

.device-details-container .locked {
    -webkit-margin-after: 11px;
    margin-block-end:11px}

.device-details-container[dir=ltr] .locked,.device-details-container[dir=rtl] .locked,[dir=ltr] .device-details-container .locked,[dir=rtl] .device-details-container .locked {
    margin-bottom: 11px
}

.device-details-container .wiped {
    -webkit-margin-before: 0;
    margin-block-start:0;-webkit-margin-after: 20px;
    margin-block-end:20px}

.device-details-container[dir=ltr] .wiped,.device-details-container[dir=rtl] .wiped,[dir=ltr] .device-details-container .wiped,[dir=rtl] .device-details-container .wiped {
    margin-top: 0;
    margin-bottom: 20px
}

.device-details-container .collapsed {
    block-size: auto
}

.device-details-container[dir=ltr] .collapsed,.device-details-container[dir=rtl] .collapsed,[dir=ltr] .device-details-container .collapsed,[dir=rtl] .device-details-container .collapsed {
    height: auto
}

.device-details-container .collapsed .container {
    -webkit-margin-after: 0;
    margin-block-end:0}

.device-details-container[dir=ltr] .collapsed .container,.device-details-container[dir=rtl] .collapsed .container,[dir=ltr] .device-details-container .collapsed .container,[dir=rtl] .device-details-container .collapsed .container {
    margin-bottom: 0
}

.device-status {
    font-size: 14px;
    font-weight: 300;
    -webkit-margin-after: 20px;
    margin-block-end:20px;-webkit-margin-start: 20px;
    margin-inline-start:20px}

.device-status[dir=ltr],[dir=ltr] .device-status {
    margin-bottom: 20px;
    margin-left: 20px
}

.device-status[dir=rtl],[dir=rtl] .device-status {
    margin-bottom: 20px;
    margin-right: 20px
}

.device-status.locked {
    color: #ff9500
}

.device-status.wiped {
    color: #e30000
}

.icon-container {
    inline-size: 15px;
    block-size: 15px;
    display: block;
    -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-padding-start: 10px;
    padding-inline-start:10px;-webkit-padding-before: 10px;
    padding-block-start:10px;-webkit-padding-after: 10px;
    padding-block-end:10px}

.icon-container[dir=ltr],[dir=ltr] .icon-container {
    width: 15px;
    height: 15px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.icon-container[dir=rtl],[dir=rtl] .icon-container {
    width: 15px;
    height: 15px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.icon-container .fmip-svg-icon {
    inline-size: 33px;
    block-size: 26px
}

.icon-container[dir=ltr] .fmip-svg-icon,.icon-container[dir=rtl] .fmip-svg-icon,[dir=ltr] .icon-container .fmip-svg-icon,[dir=rtl] .icon-container .fmip-svg-icon {
    width: 33px;
    height: 26px
}

.icon-container .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto;
    overflow: visible;
    fill: rgba(3,161,14,.16)
}

.icon-container[dir=ltr] .fmip-svg-icon svg,.icon-container[dir=rtl] .fmip-svg-icon svg,[dir=ltr] .icon-container .fmip-svg-icon svg,[dir=rtl] .icon-container .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.fmip-device-battery-status {
    offset-block-start: 10px;
    offset-inline-end: 8px;
    position: absolute
}

.fmip-device-battery-status[dir=ltr],[dir=ltr] .fmip-device-battery-status {
    top: 10px;
    right: 8px
}

.fmip-device-battery-status[dir=rtl],[dir=rtl] .fmip-device-battery-status {
    top: 10px;
    left: 8px
}

.fmip-device-battery-status .fmip-battery-icon svg {
    inline-size: 36px;
    block-size: 12px
}

.fmip-device-battery-status[dir=ltr] .fmip-battery-icon svg,.fmip-device-battery-status[dir=rtl] .fmip-battery-icon svg,[dir=ltr] .fmip-device-battery-status .fmip-battery-icon svg,[dir=rtl] .fmip-device-battery-status .fmip-battery-icon svg {
    width: 36px;
    height: 12px
}

.fm-control:active .fmip-device-details .container .subtitle .status,.fm-control:active .name,.fm-control:focus .fmip-device-details .container .subtitle .status,.fm-control:focus .name {
    opacity: .16
}

.fmip-device-icon {
    position: relative;
    text-align: center
}

.fmip-device-icon .erased,.fmip-device-icon .locked,.fmip-device-icon .lostbadge {
    position: absolute;
    offset-inline-end: 0;
    offset-block-end: 0
}

.fmip-device-icon[dir=ltr] .erased,.fmip-device-icon[dir=ltr] .locked,.fmip-device-icon[dir=ltr] .lostbadge,[dir=ltr] .fmip-device-icon .erased,[dir=ltr] .fmip-device-icon .locked,[dir=ltr] .fmip-device-icon .lostbadge {
    right: 0;
    bottom: 0
}

.fmip-device-icon[dir=rtl] .erased,.fmip-device-icon[dir=rtl] .locked,.fmip-device-icon[dir=rtl] .lostbadge,[dir=rtl] .fmip-device-icon .erased,[dir=rtl] .fmip-device-icon .locked,[dir=rtl] .fmip-device-icon .lostbadge {
    left: 0;
    bottom: 0
}

.fmip-device-icon .erased svg,.fmip-device-icon .locked svg,.fmip-device-icon .lostbadge svg {
    inline-size: inherit;
    block-size: inherit
}

.fmip-device-icon[dir=ltr] .erased svg,.fmip-device-icon[dir=ltr] .locked svg,.fmip-device-icon[dir=ltr] .lostbadge svg,.fmip-device-icon[dir=rtl] .erased svg,.fmip-device-icon[dir=rtl] .locked svg,.fmip-device-icon[dir=rtl] .lostbadge svg,[dir=ltr] .fmip-device-icon .erased svg,[dir=ltr] .fmip-device-icon .locked svg,[dir=ltr] .fmip-device-icon .lostbadge svg,[dir=rtl] .fmip-device-icon .erased svg,[dir=rtl] .fmip-device-icon .locked svg,[dir=rtl] .fmip-device-icon .lostbadge svg {
    width: inherit;
    height: inherit
}

.fmip-device-icon .erase,.fmip-device-icon .losticon,.fmip-device-icon .remove {
    position: absolute;
    offset-inline-end: 0;
    offset-block-end: 0
}

.fmip-device-icon[dir=ltr] .erase,.fmip-device-icon[dir=ltr] .losticon,.fmip-device-icon[dir=ltr] .remove,[dir=ltr] .fmip-device-icon .erase,[dir=ltr] .fmip-device-icon .losticon,[dir=ltr] .fmip-device-icon .remove {
    right: 0;
    bottom: 0
}

.fmip-device-icon[dir=rtl] .erase,.fmip-device-icon[dir=rtl] .losticon,.fmip-device-icon[dir=rtl] .remove,[dir=rtl] .fmip-device-icon .erase,[dir=rtl] .fmip-device-icon .losticon,[dir=rtl] .fmip-device-icon .remove {
    left: 0;
    bottom: 0
}

.fmip-device-icon .erase svg,.fmip-device-icon .losticon svg,.fmip-device-icon .remove svg {
    overflow: visible;
    position: absolute;
    inline-size: 16px;
    block-size: 16px
}

.fmip-device-icon[dir=ltr] .erase svg,.fmip-device-icon[dir=ltr] .losticon svg,.fmip-device-icon[dir=ltr] .remove svg,.fmip-device-icon[dir=rtl] .erase svg,.fmip-device-icon[dir=rtl] .losticon svg,.fmip-device-icon[dir=rtl] .remove svg,[dir=ltr] .fmip-device-icon .erase svg,[dir=ltr] .fmip-device-icon .losticon svg,[dir=ltr] .fmip-device-icon .remove svg,[dir=rtl] .fmip-device-icon .erase svg,[dir=rtl] .fmip-device-icon .losticon svg,[dir=rtl] .fmip-device-icon .remove svg {
    width: 16px;
    height: 16px
}

.fmip-device-icon.svg {
    margin: 20px
}

.fmip-device-icon.svg .erased,.fmip-device-icon.svg .lostbadge {
    inline-size: 35px;
    block-size: 35px
}

.fmip-device-icon.svg[dir=ltr] .erased,.fmip-device-icon.svg[dir=ltr] .lostbadge,.fmip-device-icon.svg[dir=rtl] .erased,.fmip-device-icon.svg[dir=rtl] .lostbadge,[dir=ltr] .fmip-device-icon.svg .erased,[dir=ltr] .fmip-device-icon.svg .lostbadge,[dir=rtl] .fmip-device-icon.svg .erased,[dir=rtl] .fmip-device-icon.svg .lostbadge {
    width: 35px;
    height: 35px
}

.fmip-device-icon.svg .imac+.erase,.fmip-device-icon.svg .imac+.erased,.fmip-device-icon.svg .imac+.locked,.fmip-device-icon.svg .imac+.lostbadge,.fmip-device-icon.svg .mac+.erase,.fmip-device-icon.svg .mac+.erased,.fmip-device-icon.svg .mac+.locked,.fmip-device-icon.svg .mac+.lostbadge {
    offset-inline-end: -17px
}

.fmip-device-icon.svg[dir=ltr] .imac+.erase,.fmip-device-icon.svg[dir=ltr] .imac+.erased,.fmip-device-icon.svg[dir=ltr] .imac+.locked,.fmip-device-icon.svg[dir=ltr] .imac+.lostbadge,.fmip-device-icon.svg[dir=ltr] .mac+.erase,.fmip-device-icon.svg[dir=ltr] .mac+.erased,.fmip-device-icon.svg[dir=ltr] .mac+.locked,.fmip-device-icon.svg[dir=ltr] .mac+.lostbadge,[dir=ltr] .fmip-device-icon.svg .imac+.erase,[dir=ltr] .fmip-device-icon.svg .imac+.erased,[dir=ltr] .fmip-device-icon.svg .imac+.locked,[dir=ltr] .fmip-device-icon.svg .imac+.lostbadge,[dir=ltr] .fmip-device-icon.svg .mac+.erase,[dir=ltr] .fmip-device-icon.svg .mac+.erased,[dir=ltr] .fmip-device-icon.svg .mac+.locked,[dir=ltr] .fmip-device-icon.svg .mac+.lostbadge {
    right: -17px
}

.fmip-device-icon.svg[dir=rtl] .imac+.erase,.fmip-device-icon.svg[dir=rtl] .imac+.erased,.fmip-device-icon.svg[dir=rtl] .imac+.locked,.fmip-device-icon.svg[dir=rtl] .imac+.lostbadge,.fmip-device-icon.svg[dir=rtl] .mac+.erase,.fmip-device-icon.svg[dir=rtl] .mac+.erased,.fmip-device-icon.svg[dir=rtl] .mac+.locked,.fmip-device-icon.svg[dir=rtl] .mac+.lostbadge,[dir=rtl] .fmip-device-icon.svg .imac+.erase,[dir=rtl] .fmip-device-icon.svg .imac+.erased,[dir=rtl] .fmip-device-icon.svg .imac+.locked,[dir=rtl] .fmip-device-icon.svg .imac+.lostbadge,[dir=rtl] .fmip-device-icon.svg .mac+.erase,[dir=rtl] .fmip-device-icon.svg .mac+.erased,[dir=rtl] .fmip-device-icon.svg .mac+.locked,[dir=rtl] .fmip-device-icon.svg .mac+.lostbadge {
    left: -17px
}

.fmip-device-icon.svg .ipad+.erase,.fmip-device-icon.svg .ipad+.erased,.fmip-device-icon.svg .ipad+.locked,.fmip-device-icon.svg .ipad+.lostbadge,.fmip-device-icon.svg .iphone+.erase,.fmip-device-icon.svg .iphone+.erased,.fmip-device-icon.svg .iphone+.locked,.fmip-device-icon.svg .iphone+.lostbadge {
    offset-inline-end: -16px;
    offset-block-end: -6px
}

.fmip-device-icon.svg[dir=ltr] .ipad+.erase,.fmip-device-icon.svg[dir=ltr] .ipad+.erased,.fmip-device-icon.svg[dir=ltr] .ipad+.locked,.fmip-device-icon.svg[dir=ltr] .ipad+.lostbadge,.fmip-device-icon.svg[dir=ltr] .iphone+.erase,.fmip-device-icon.svg[dir=ltr] .iphone+.erased,.fmip-device-icon.svg[dir=ltr] .iphone+.locked,.fmip-device-icon.svg[dir=ltr] .iphone+.lostbadge,[dir=ltr] .fmip-device-icon.svg .ipad+.erase,[dir=ltr] .fmip-device-icon.svg .ipad+.erased,[dir=ltr] .fmip-device-icon.svg .ipad+.locked,[dir=ltr] .fmip-device-icon.svg .ipad+.lostbadge,[dir=ltr] .fmip-device-icon.svg .iphone+.erase,[dir=ltr] .fmip-device-icon.svg .iphone+.erased,[dir=ltr] .fmip-device-icon.svg .iphone+.locked,[dir=ltr] .fmip-device-icon.svg .iphone+.lostbadge {
    right: -16px;
    bottom: -6px
}

.fmip-device-icon.svg[dir=rtl] .ipad+.erase,.fmip-device-icon.svg[dir=rtl] .ipad+.erased,.fmip-device-icon.svg[dir=rtl] .ipad+.locked,.fmip-device-icon.svg[dir=rtl] .ipad+.lostbadge,.fmip-device-icon.svg[dir=rtl] .iphone+.erase,.fmip-device-icon.svg[dir=rtl] .iphone+.erased,.fmip-device-icon.svg[dir=rtl] .iphone+.locked,.fmip-device-icon.svg[dir=rtl] .iphone+.lostbadge,[dir=rtl] .fmip-device-icon.svg .ipad+.erase,[dir=rtl] .fmip-device-icon.svg .ipad+.erased,[dir=rtl] .fmip-device-icon.svg .ipad+.locked,[dir=rtl] .fmip-device-icon.svg .ipad+.lostbadge,[dir=rtl] .fmip-device-icon.svg .iphone+.erase,[dir=rtl] .fmip-device-icon.svg .iphone+.erased,[dir=rtl] .fmip-device-icon.svg .iphone+.locked,[dir=rtl] .fmip-device-icon.svg .iphone+.lostbadge {
    left: -16px;
    bottom: -6px
}

.fmip-device-icon.svg .macbook+.erase,.fmip-device-icon.svg .macbook+.erased,.fmip-device-icon.svg .macbook+.locked,.fmip-device-icon.svg .macbook+.lostbadge {
    offset-inline-end: 10px;
    offset-block-end: -6px
}

.fmip-device-icon.svg[dir=ltr] .macbook+.erase,.fmip-device-icon.svg[dir=ltr] .macbook+.erased,.fmip-device-icon.svg[dir=ltr] .macbook+.locked,.fmip-device-icon.svg[dir=ltr] .macbook+.lostbadge,[dir=ltr] .fmip-device-icon.svg .macbook+.erase,[dir=ltr] .fmip-device-icon.svg .macbook+.erased,[dir=ltr] .fmip-device-icon.svg .macbook+.locked,[dir=ltr] .fmip-device-icon.svg .macbook+.lostbadge {
    right: 10px;
    bottom: -6px
}

.fmip-device-icon.svg[dir=rtl] .macbook+.erase,.fmip-device-icon.svg[dir=rtl] .macbook+.erased,.fmip-device-icon.svg[dir=rtl] .macbook+.locked,.fmip-device-icon.svg[dir=rtl] .macbook+.lostbadge,[dir=rtl] .fmip-device-icon.svg .macbook+.erase,[dir=rtl] .fmip-device-icon.svg .macbook+.erased,[dir=rtl] .fmip-device-icon.svg .macbook+.locked,[dir=rtl] .fmip-device-icon.svg .macbook+.lostbadge {
    left: 10px;
    bottom: -6px
}

.fmip-device-icon.svg .watch+.erase,.fmip-device-icon.svg .watch+.erased,.fmip-device-icon.svg .watch+.locked,.fmip-device-icon.svg .watch+.lostbadge {
    offset-block-end: -20px
}

.fmip-device-icon.svg[dir=ltr] .watch+.erase,.fmip-device-icon.svg[dir=ltr] .watch+.erased,.fmip-device-icon.svg[dir=ltr] .watch+.locked,.fmip-device-icon.svg[dir=ltr] .watch+.lostbadge,.fmip-device-icon.svg[dir=rtl] .watch+.erase,.fmip-device-icon.svg[dir=rtl] .watch+.erased,.fmip-device-icon.svg[dir=rtl] .watch+.locked,.fmip-device-icon.svg[dir=rtl] .watch+.lostbadge,[dir=ltr] .fmip-device-icon.svg .watch+.erase,[dir=ltr] .fmip-device-icon.svg .watch+.erased,[dir=ltr] .fmip-device-icon.svg .watch+.locked,[dir=ltr] .fmip-device-icon.svg .watch+.lostbadge,[dir=rtl] .fmip-device-icon.svg .watch+.erase,[dir=rtl] .fmip-device-icon.svg .watch+.erased,[dir=rtl] .fmip-device-icon.svg .watch+.locked,[dir=rtl] .fmip-device-icon.svg .watch+.lostbadge {
    bottom: -20px
}

.fm-control:active .fmip-device-icon,.fm-control:focus .fmip-device-icon {
    opacity: .16
}

.fmip-battery-icon {
    -webkit-padding-start: 12px;
    padding-inline-start:12px;position: relative;
    block-size: 13px;
    inline-size: 28px
}

.fmip-battery-icon[dir=ltr],[dir=ltr] .fmip-battery-icon {
    padding-left: 12px;
    height: 13px;
    width: 28px
}

.fmip-battery-icon[dir=rtl],[dir=rtl] .fmip-battery-icon {
    padding-right: 12px;
    height: 13px;
    width: 28px
}

.fmip-battery-icon svg {
    position: absolute
}

.fmip-battery-icon .primary,.fmip-battery-icon rect {
    fill: var(--theme-color-labelSecondary)
}

.fmip-battery-icon .fmip-charging-percent-glyph {
    fill: var(--theme-color-labelTertiary)
}

.fmip-battery-icon .fmip-charging-glyph {
    fill: var(--theme-color-labelSecondary)
}

.fmip-battery-icon .outline {
    fill: #fff
}

.fmip-battery-icon.charging {
    -webkit-padding-end: 13px;
    padding-inline-end:13px}

.fmip-battery-icon.charging[dir=ltr],[dir=ltr] .fmip-battery-icon.charging {
    padding-right: 13px
}

.fmip-battery-icon.charging[dir=rtl],[dir=rtl] .fmip-battery-icon.charging {
    padding-left: 13px
}

.fmip-battery-icon.charging rect {
    fill: var(--theme-color-labelSecondary)
}

.fmip-battery-icon.low-battery rect {
    fill: var(--theme-color-systemRed)
}

.fmip-battery-icon.low-power-mode rect {
    fill: #fc0
}

@media (prefers-color-scheme: dark) {
    .fmip-battery-icon.low-power-mode rect {
        fill:#ffd60a
    }
}

[data-appearance=dark] .fmip-battery-icon.low-power-mode rect {
    fill: #ffd60a
}

[data-appearance=light] .fmip-battery-icon.low-power-mode rect {
    fill: #fc0
}

.fmip-attention-module {
    inline-size: 100%;
    block-size: auto;
    border-radius: 10px;
    -webkit-margin-after: 15px;
    margin-block-end:15px;-webkit-margin-before: 10px;
    margin-block-start:10px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--theme-color-fillQuaternary)
}

.fmip-attention-module[dir=ltr],.fmip-attention-module[dir=rtl],[dir=ltr] .fmip-attention-module,[dir=rtl] .fmip-attention-module {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    margin-top: 10px
}

.fmip-attention-module .approximate-loc-content {
    line-height: 20px;
    padding: logical 15px 20px
}

.fmip-attention-module[dir=ltr] .approximate-loc-content,.fmip-attention-module[dir=rtl] .approximate-loc-content,[dir=ltr] .fmip-attention-module .approximate-loc-content,[dir=rtl] .fmip-attention-module .approximate-loc-content {
    padding: 15px 20px
}

.fmip-attention-module .approximate-loc-content .approximate-loc-label {
    font-size: 14px;
    font-weight: 600
}

.fmip-attention-module .approximate-loc-content .approximate-loc-desc {
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.fmip-attention-module .approximate-loc-content .approximate-learnMore {
    color: #03a10e;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: 0;
    background-color: inherit
}

.compact .fmip-attention-module {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.compact[dir=ltr] .fmip-attention-module,.compact[dir=rtl] .fmip-attention-module,[dir=ltr] .compact .fmip-attention-module,[dir=rtl] .compact .fmip-attention-module {
    margin-top: 10px
}

[data-overflow-fade=true] {
    contain: layout
}

[data-overflow-fade=true] [data-overflow-fade-content-start] {
    -webkit-margin-before: -webkit-calc(var(--fadeSize)*-1);
    margin-block-start:calc(var(--fadeSize)*-1)}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-start],[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-start],[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-start],[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-start] {
    margin-top: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true] [data-overflow-fade-content-end] {
    -webkit-margin-after: -webkit-calc(var(--fadeSize)*-1);
    margin-block-end:calc(var(--fadeSize)*-1)}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-end],[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-end],[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-end],[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-end] {
    margin-bottom: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true]:after,[data-overflow-fade=true]:before {
    content: "";
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fbfbfd),color-stop(8.1%,rgba(251,251,253,.987)),color-stop(15.5%,rgba(251,251,253,.951)),color-stop(22.5%,rgba(251,251,253,.896)),color-stop(29%,rgba(251,251,253,.825)),color-stop(35.3%,rgba(251,251,253,.741)),color-stop(41.2%,rgba(251,251,253,.648)),color-stop(47.1%,rgba(251,251,253,.55)),color-stop(52.9%,rgba(251,251,253,.45)),color-stop(58.8%,rgba(251,251,253,.352)),color-stop(64.7%,rgba(251,251,253,.259)),color-stop(71%,rgba(251,251,253,.175)),color-stop(77.5%,rgba(251,251,253,.104)),color-stop(84.5%,rgba(251,251,253,.049)),color-stop(91.9%,rgba(251,251,253,.013)),to(rgba(251,251,253,0)));
    background-image: linear-gradient(#fbfbfd,rgba(251,251,253,.987) 8.1%,rgba(251,251,253,.951) 15.5%,rgba(251,251,253,.896) 22.5%,rgba(251,251,253,.825) 29%,rgba(251,251,253,.741) 35.3%,rgba(251,251,253,.648) 41.2%,rgba(251,251,253,.55) 47.1%,rgba(251,251,253,.45) 52.9%,rgba(251,251,253,.352) 58.8%,rgba(251,251,253,.259) 64.7%,rgba(251,251,253,.175) 71%,rgba(251,251,253,.104) 77.5%,rgba(251,251,253,.049) 84.5%,rgba(251,251,253,.013) 91.9%,rgba(251,251,253,0));
    background-repeat: no-repeat;
    position: -webkit-sticky;
    position: sticky;
    block-size: var(--fadeSize);
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    pointer-events: none;
    z-index: 11;
    opacity: .9
}

[data-overflow-fade=true][dir=ltr]:after,[data-overflow-fade=true][dir=ltr]:before,[data-overflow-fade=true][dir=rtl]:after,[data-overflow-fade=true][dir=rtl]:before,[dir=ltr] [data-overflow-fade=true]:after,[dir=ltr] [data-overflow-fade=true]:before,[dir=rtl] [data-overflow-fade=true]:after,[dir=rtl] [data-overflow-fade=true]:before {
    height: var(--fadeSize)
}

@media (prefers-color-scheme: dark) {
    [data-overflow-fade=true]:after,[data-overflow-fade=true]:before {
        background-image:-webkit-gradient(linear,left top,left bottom,from(#292c31),color-stop(8.1%,rgba(41,44,49,.987)),color-stop(15.5%,rgba(41,44,49,.951)),color-stop(22.5%,rgba(41,44,49,.896)),color-stop(29%,rgba(41,44,49,.825)),color-stop(35.3%,rgba(41,44,49,.741)),color-stop(41.2%,rgba(41,44,49,.648)),color-stop(47.1%,rgba(41,44,49,.55)),color-stop(52.9%,rgba(41,44,49,.45)),color-stop(58.8%,rgba(41,44,49,.352)),color-stop(64.7%,rgba(41,44,49,.259)),color-stop(71%,rgba(41,44,49,.175)),color-stop(77.5%,rgba(41,44,49,.104)),color-stop(84.5%,rgba(41,44,49,.049)),color-stop(91.9%,rgba(41,44,49,.013)),to(rgba(41,44,49,0)));
        background-image: linear-gradient(#292c31,rgba(41,44,49,.987) 8.1%,rgba(41,44,49,.951) 15.5%,rgba(41,44,49,.896) 22.5%,rgba(41,44,49,.825) 29%,rgba(41,44,49,.741) 35.3%,rgba(41,44,49,.648) 41.2%,rgba(41,44,49,.55) 47.1%,rgba(41,44,49,.45) 52.9%,rgba(41,44,49,.352) 58.8%,rgba(41,44,49,.259) 64.7%,rgba(41,44,49,.175) 71%,rgba(41,44,49,.104) 77.5%,rgba(41,44,49,.049) 84.5%,rgba(41,44,49,.013) 91.9%,rgba(41,44,49,0))
    }
}

[data-appearance=dark] [data-overflow-fade=true]:after,[data-appearance=dark] [data-overflow-fade=true]:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#292c31),color-stop(8.1%,rgba(41,44,49,.987)),color-stop(15.5%,rgba(41,44,49,.951)),color-stop(22.5%,rgba(41,44,49,.896)),color-stop(29%,rgba(41,44,49,.825)),color-stop(35.3%,rgba(41,44,49,.741)),color-stop(41.2%,rgba(41,44,49,.648)),color-stop(47.1%,rgba(41,44,49,.55)),color-stop(52.9%,rgba(41,44,49,.45)),color-stop(58.8%,rgba(41,44,49,.352)),color-stop(64.7%,rgba(41,44,49,.259)),color-stop(71%,rgba(41,44,49,.175)),color-stop(77.5%,rgba(41,44,49,.104)),color-stop(84.5%,rgba(41,44,49,.049)),color-stop(91.9%,rgba(41,44,49,.013)),to(rgba(41,44,49,0)));
    background-image: linear-gradient(#292c31,rgba(41,44,49,.987) 8.1%,rgba(41,44,49,.951) 15.5%,rgba(41,44,49,.896) 22.5%,rgba(41,44,49,.825) 29%,rgba(41,44,49,.741) 35.3%,rgba(41,44,49,.648) 41.2%,rgba(41,44,49,.55) 47.1%,rgba(41,44,49,.45) 52.9%,rgba(41,44,49,.352) 58.8%,rgba(41,44,49,.259) 64.7%,rgba(41,44,49,.175) 71%,rgba(41,44,49,.104) 77.5%,rgba(41,44,49,.049) 84.5%,rgba(41,44,49,.013) 91.9%,rgba(41,44,49,0))
}

[data-appearance=light] [data-overflow-fade=true]:after,[data-appearance=light] [data-overflow-fade=true]:before {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fbfbfd),color-stop(8.1%,rgba(251,251,253,.987)),color-stop(15.5%,rgba(251,251,253,.951)),color-stop(22.5%,rgba(251,251,253,.896)),color-stop(29%,rgba(251,251,253,.825)),color-stop(35.3%,rgba(251,251,253,.741)),color-stop(41.2%,rgba(251,251,253,.648)),color-stop(47.1%,rgba(251,251,253,.55)),color-stop(52.9%,rgba(251,251,253,.45)),color-stop(58.8%,rgba(251,251,253,.352)),color-stop(64.7%,rgba(251,251,253,.259)),color-stop(71%,rgba(251,251,253,.175)),color-stop(77.5%,rgba(251,251,253,.104)),color-stop(84.5%,rgba(251,251,253,.049)),color-stop(91.9%,rgba(251,251,253,.013)),to(rgba(251,251,253,0)));
    background-image: linear-gradient(#fbfbfd,rgba(251,251,253,.987) 8.1%,rgba(251,251,253,.951) 15.5%,rgba(251,251,253,.896) 22.5%,rgba(251,251,253,.825) 29%,rgba(251,251,253,.741) 35.3%,rgba(251,251,253,.648) 41.2%,rgba(251,251,253,.55) 47.1%,rgba(251,251,253,.45) 52.9%,rgba(251,251,253,.352) 58.8%,rgba(251,251,253,.259) 64.7%,rgba(251,251,253,.175) 71%,rgba(251,251,253,.104) 77.5%,rgba(251,251,253,.049) 84.5%,rgba(251,251,253,.013) 91.9%,rgba(251,251,253,0))
}

[data-overflow-fade=true]:before {
    inset-block-start: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1)
}

[data-overflow-fade=true][dir=ltr]:before,[data-overflow-fade=true][dir=rtl]:before,[dir=ltr] [data-overflow-fade=true]:before,[dir=rtl] [data-overflow-fade=true]:before {
    top: 0
}

[data-overflow-fade=true]:after {
    inset-block-end: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-margin-before: auto;
    margin-block-start:auto}

[data-overflow-fade=true][dir=ltr]:after,[data-overflow-fade=true][dir=rtl]:after,[dir=ltr] [data-overflow-fade=true]:after,[dir=rtl] [data-overflow-fade=true]:after {
    bottom: 0;
    margin-top: auto
}

.device-details-pane {
    background-color: var(--theme-color-backgroundPrimary)
}

.device-details-pane.fmip-details-pane-overflow {
    overflow: hidden auto
}

.device-details-pane.compact {
    border-radius: 10px
}

.device-details-pane.compact .close {
    inset-inline-start: 0;
    padding: logical 20px 0 10px!important;
    border-radius: 10px;
    fill: var(--theme-color-labelSecondary);
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content
}

.device-details-pane.compact[dir=ltr] .close,[dir=ltr] .device-details-pane.compact .close {
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 0 10px 20px!important
}

.device-details-pane.compact[dir=rtl] .close,[dir=rtl] .device-details-pane.compact .close {
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 20px 10px 0!important
}

.device-details-pane.compact svg.close-button-x {
    overflow: visible;
    stroke-width: 2px
}

.fmip-device-details-pane {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    inset-inline-end: 0;
    inset-block-start: 0
}

.fmip-device-details-pane[dir=ltr],[dir=ltr] .fmip-device-details-pane {
    right: 0;
    top: 0
}

.fmip-device-details-pane[dir=rtl],[dir=rtl] .fmip-device-details-pane {
    left: 0;
    top: 0
}

.fmip-device-details-pane.compact {
    overflow-y: auto!important;
    overflow-x: hidden;
    inline-size: 100vw;
    padding: logical 17px 21px 6px
}

.fmip-device-details-pane.compact[dir=ltr],[dir=ltr] .fmip-device-details-pane.compact {
    width: 100vw;
    padding: 17px 21px 6px 20px
}

.fmip-device-details-pane.compact[dir=rtl],[dir=rtl] .fmip-device-details-pane.compact {
    width: 100vw;
    padding: 17px 20px 6px 21px
}

.fmip-device-details-pane.compact .title {
    -webkit-margin-before: 25px;
    margin-block-start:25px}

.fmip-device-details-pane.compact[dir=ltr] .title,.fmip-device-details-pane.compact[dir=rtl] .title,[dir=ltr] .fmip-device-details-pane.compact .title,[dir=rtl] .fmip-device-details-pane.compact .title {
    margin-top: 25px
}

.fmip-device-details-pane.compact .subTitle {
    margin-inline:0}

.fmip-device-details-pane.compact[dir=ltr] .subTitle,.fmip-device-details-pane.compact[dir=rtl] .subTitle,[dir=ltr] .fmip-device-details-pane.compact .subTitle,[dir=rtl] .fmip-device-details-pane.compact .subTitle {
    margin-left: 0;
    margin-right: 0
}

.fmip-device-details-pane.compact .subtitle-inappropriate-location {
    margin-inline:0}

.fmip-device-details-pane.compact[dir=ltr] .subtitle-inappropriate-location,.fmip-device-details-pane.compact[dir=rtl] .subtitle-inappropriate-location,[dir=ltr] .fmip-device-details-pane.compact .subtitle-inappropriate-location,[dir=rtl] .fmip-device-details-pane.compact .subtitle-inappropriate-location {
    margin-left: 0;
    margin-right: 0
}

.fmip-device-details-pane.compact .title .name {
    text-align: start;
    word-break: break-all;
    overflow: hidden;
    letter-spacing: .23px;
    color: var(--theme-color-labelPrimary)
}

.fmip-device-details-pane.compact[dir=ltr] .title .name,[dir=ltr] .fmip-device-details-pane.compact .title .name {
    text-align: left
}

.fmip-device-details-pane.compact[dir=rtl] .title .name,[dir=rtl] .fmip-device-details-pane.compact .title .name {
    text-align: right
}

.fmip-device-details-pane.compact .fmip-deviceaction-details {
    margin: 0!important
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .fmip-device-details.collapsed .container {
    line-height: 21px;
    letter-spacing: -.37px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .fmip-device-details .status-container {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .fmip-device-details .status-container,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .fmip-device-details .status-container,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .fmip-device-details .status-container,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .fmip-device-details .status-container {
    margin-bottom: 20px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erase-pending-info,.fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info,.fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container ui-button.cancel-erase-button {
    inline-size: 100%
}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .device-erase-details-container .fmip-erase-pending-info,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .device-erase-details-container ui-button.cancel-erase-button,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .device-erase-details-container .fmip-erase-pending-info,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .device-erase-details-container ui-button.cancel-erase-button,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erase-pending-info,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container ui-button.cancel-erase-button,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erase-pending-info,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .device-erase-details-container ui-button.cancel-erase-button {
    width: 100%
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button {
    -webkit-margin-after: 10px;
    margin-block-end:10px;-webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button {
    margin-bottom: 10px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button-pending,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-state-success,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lock-button-success,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-pending,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-success {
    -webkit-margin-start: 10px;
    margin-inline-start:10px;-webkit-margin-after: 0;
    margin-block-end:0}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .lock-button,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .lock-button-pending,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .lock-state-success,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button.lock-button-success,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button.lost-button,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button.lost-button-pending,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button.lost-button-success,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button-pending,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-state-success,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lock-button-success,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-pending,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-success {
    margin-left: 10px;
    margin-bottom: 0
}

.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .lock-button,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .lock-button-pending,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .lock-state-success,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button.lock-button-success,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button.lost-button,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button.lost-button-pending,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button.lost-button-success,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-button-pending,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .lock-state-success,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lock-button-success,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-pending,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.lost-button-success {
    margin-right: 10px;
    margin-bottom: 0
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .icon-container {
    -webkit-padding-before: 12px;
    padding-block-start:12px;-webkit-padding-start: 0;
    padding-inline-start:0;-webkit-margin-start: 12px;
    margin-inline-start:12px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button div.lock-state-success .icon-container,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .icon-container {
    padding-top: 12px;
    padding-left: 0;
    margin-left: 12px
}

.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button div.lock-state-success .icon-container,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .icon-container {
    padding-top: 12px;
    padding-right: 0;
    margin-right: 12px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .lostLabel-success {
    -webkit-margin-start: 12px;
    margin-inline-start:12px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button div.lock-state-success .lostLabel-success,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .lostLabel-success {
    margin-left: 12px
}

.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button div.lock-state-success .lostLabel-success,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.lock-state-success .lostLabel-success {
    margin-right: 12px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-play-sound-control .channel:nth-child(2) {
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .fmip-play-sound-control .channel:nth-child(2),[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-play-sound-control .channel:nth-child(2) {
    margin-left: 10px
}

.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .fmip-play-sound-control .channel:nth-child(2),[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-play-sound-control .channel:nth-child(2) {
    margin-right: 10px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .channel .channel-button .label,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .stop-playing-sound-button .stop-play-sound .label {
    -webkit-padding-start: 0;
    padding-inline-start:0}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .channel .channel-button .label,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .stop-playing-sound-button .stop-play-sound .label,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .channel .channel-button .label,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .stop-playing-sound-button .stop-play-sound .label {
    padding-left: 0
}

.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .channel .channel-button .label,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .stop-playing-sound-button .stop-play-sound .label,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .channel .channel-button .label,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .stop-playing-sound-button .stop-play-sound .label {
    padding-right: 0
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button div.label {
    margin-inline:19px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button div.label,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button div.label,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button div.label,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button div.label {
    margin-left: 19px;
    margin-right: 19px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-channel-button-container ui-button.channel-button div.label,.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.stop-play-sound .label {
    padding-inline:0;margin-inline:14px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button .fmip-channel-button-container ui-button.channel-button div.label,.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button ui-button.stop-play-sound .label,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button .fmip-channel-button-container ui-button.channel-button div.label,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button ui-button.stop-play-sound .label,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-channel-button-container ui-button.channel-button div.label,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.stop-play-sound .label,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button .fmip-channel-button-container ui-button.channel-button div.label,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button ui-button.stop-play-sound .label {
    padding-left: 0;
    padding-right: 0;
    margin-left: 14px;
    margin-right: 14px
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div {
    margin: 0
}

.fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.stop-playing-sound-button {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.fmip-device-details-pane.compact[dir=ltr] .fmip-deviceaction-details .action-button div.stop-playing-sound-button,.fmip-device-details-pane.compact[dir=rtl] .fmip-deviceaction-details .action-button div.stop-playing-sound-button,[dir=ltr] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.stop-playing-sound-button,[dir=rtl] .fmip-device-details-pane.compact .fmip-deviceaction-details .action-button div.stop-playing-sound-button {
    margin-top: 10px
}

.fmip-device-details-pane.compact .fmip-remove-pending-info {
    inline-size: 100%
}

.fmip-device-details-pane.compact[dir=ltr] .fmip-remove-pending-info,.fmip-device-details-pane.compact[dir=rtl] .fmip-remove-pending-info,[dir=ltr] .fmip-device-details-pane.compact .fmip-remove-pending-info,[dir=rtl] .fmip-device-details-pane.compact .fmip-remove-pending-info {
    width: 100%
}

.fmip-device-details-pane.compact .fmip-repair-ready-info {
    inline-size: 100%
}

.fmip-device-details-pane.compact[dir=ltr] .fmip-repair-ready-info,.fmip-device-details-pane.compact[dir=rtl] .fmip-repair-ready-info,[dir=ltr] .fmip-device-details-pane.compact .fmip-repair-ready-info,[dir=rtl] .fmip-device-details-pane.compact .fmip-repair-ready-info {
    width: 100%
}

.fmip-device-details-pane.compact .button-stack {
    inline-size: 100%;
    padding-block:5px}

.fmip-device-details-pane.compact[dir=ltr] .button-stack,.fmip-device-details-pane.compact[dir=rtl] .button-stack,[dir=ltr] .fmip-device-details-pane.compact .button-stack,[dir=rtl] .fmip-device-details-pane.compact .button-stack {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.fmip-device-details-pane.compact .button-stack div.fmip-erase-device,.fmip-device-details-pane.compact .button-stack div.fmip-remove-device {
    margin: 0!important;
    inline-size: 100%!important
}

.fmip-device-details-pane.compact[dir=ltr] .button-stack div.fmip-erase-device,.fmip-device-details-pane.compact[dir=ltr] .button-stack div.fmip-remove-device,.fmip-device-details-pane.compact[dir=rtl] .button-stack div.fmip-erase-device,.fmip-device-details-pane.compact[dir=rtl] .button-stack div.fmip-remove-device,[dir=ltr] .fmip-device-details-pane.compact .button-stack div.fmip-erase-device,[dir=ltr] .fmip-device-details-pane.compact .button-stack div.fmip-remove-device,[dir=rtl] .fmip-device-details-pane.compact .button-stack div.fmip-erase-device,[dir=rtl] .fmip-device-details-pane.compact .button-stack div.fmip-remove-device {
    width: 100%!important
}

.fmip-device-details-pane.compact .button-stack ui-button.fmip-action-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: logical 0 5px
}

.fmip-device-details-pane.compact[dir=ltr] .button-stack ui-button.fmip-action-button,.fmip-device-details-pane.compact[dir=rtl] .button-stack ui-button.fmip-action-button,[dir=ltr] .fmip-device-details-pane.compact .button-stack ui-button.fmip-action-button,[dir=rtl] .fmip-device-details-pane.compact .button-stack ui-button.fmip-action-button {
    margin: 0 5px
}

.fmip-device-details-pane.regular .fmip-device-icon {
    -webkit-margin-before: 19px;
    margin-block-start:19px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.fmip-device-details-pane.regular[dir=ltr] .fmip-device-icon,.fmip-device-details-pane.regular[dir=rtl] .fmip-device-icon,[dir=ltr] .fmip-device-details-pane.regular .fmip-device-icon,[dir=rtl] .fmip-device-details-pane.regular .fmip-device-icon {
    margin-top: 19px;
    margin-bottom: 10px
}

.fmip-device-details-pane.regular .fmip-deviceaction-details .fmip-device-details .container {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.fmip-device-details-pane.regular[dir=ltr] .fmip-deviceaction-details .fmip-device-details .container,.fmip-device-details-pane.regular[dir=rtl] .fmip-deviceaction-details .fmip-device-details .container,[dir=ltr] .fmip-device-details-pane.regular .fmip-deviceaction-details .fmip-device-details .container,[dir=rtl] .fmip-device-details-pane.regular .fmip-deviceaction-details .fmip-device-details .container {
    margin-bottom: 20px
}

.fmip-device-details-pane.regular .fmip-device-icon img.image {
    block-size: 110px
}

.fmip-device-details-pane.regular[dir=ltr] .fmip-device-icon img.image,.fmip-device-details-pane.regular[dir=rtl] .fmip-device-icon img.image,[dir=ltr] .fmip-device-details-pane.regular .fmip-device-icon img.image,[dir=rtl] .fmip-device-details-pane.regular .fmip-device-icon img.image {
    height: 110px
}

.fmip-device-details-pane.regular .title {
    -webkit-margin-after: 2px;
    margin-block-end:2px}

.fmip-device-details-pane.regular[dir=ltr] .title,.fmip-device-details-pane.regular[dir=rtl] .title,[dir=ltr] .fmip-device-details-pane.regular .title,[dir=rtl] .fmip-device-details-pane.regular .title {
    margin-bottom: 2px
}

.fmip-device-details-pane.regular .show-attention-module {
    -webkit-margin-after: 0;
    margin-block-end:0}

.fmip-device-details-pane.regular[dir=ltr] .show-attention-module,.fmip-device-details-pane.regular[dir=rtl] .show-attention-module,[dir=ltr] .fmip-device-details-pane.regular .show-attention-module,[dir=rtl] .fmip-device-details-pane.regular .show-attention-module {
    margin-bottom: 0
}

.fmip-device-details-pane.regular .name {
    word-break: break-all;
    margin-inline:6px;letter-spacing: .23px;
    color: var(--theme-color-labelPrimary)
}

.fmip-device-details-pane.regular[dir=ltr] .name,.fmip-device-details-pane.regular[dir=rtl] .name,[dir=ltr] .fmip-device-details-pane.regular .name,[dir=rtl] .fmip-device-details-pane.regular .name {
    margin-left: 6px;
    margin-right: 6px
}

.fmip-device-details-pane .title {
    display: block;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    font-size: 19px;
    font-weight: 600
}

.fmip-device-details-pane .fmip-device-details {
    inline-size: 100%;
    block-size: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-device-details-pane[dir=ltr] .fmip-device-details,.fmip-device-details-pane[dir=rtl] .fmip-device-details,[dir=ltr] .fmip-device-details-pane .fmip-device-details,[dir=rtl] .fmip-device-details-pane .fmip-device-details {
    width: 100%;
    height: auto
}

.fmip-device-details-pane .fmip-device-details .container {
    block-size: inherit;
    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;
    letter-spacing: -.37px
}

.fmip-device-details-pane[dir=ltr] .fmip-device-details .container,.fmip-device-details-pane[dir=rtl] .fmip-device-details .container,[dir=ltr] .fmip-device-details-pane .fmip-device-details .container,[dir=rtl] .fmip-device-details-pane .fmip-device-details .container {
    height: inherit
}

.fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address {
    -webkit-margin-after: 2px;
    margin-block-end:2px}

.fmip-device-details-pane[dir=ltr] .fmip-device-details.collapsed .container .details .subtitle .address,.fmip-device-details-pane[dir=rtl] .fmip-device-details.collapsed .container .details .subtitle .address,[dir=ltr] .fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address,[dir=rtl] .fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address {
    margin-bottom: 2px
}

.fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address.no-address-found {
    -webkit-margin-after: 0;
    margin-block-end:0}

.fmip-device-details-pane[dir=ltr] .fmip-device-details.collapsed .container .details .subtitle .address.no-address-found,.fmip-device-details-pane[dir=rtl] .fmip-device-details.collapsed .container .details .subtitle .address.no-address-found,[dir=ltr] .fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address.no-address-found,[dir=rtl] .fmip-device-details-pane .fmip-device-details.collapsed .container .details .subtitle .address.no-address-found {
    margin-bottom: 0
}

.fmip-device-details-pane .fmip-device-details .details {
    inline-size: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-margin-start: 0;
    margin-inline-start:0;line-height: 25px;
    overflow: visible
}

.fmip-device-details-pane[dir=ltr] .fmip-device-details .details,[dir=ltr] .fmip-device-details-pane .fmip-device-details .details {
    width: 100%;
    margin-left: 0
}

.fmip-device-details-pane[dir=rtl] .fmip-device-details .details,[dir=rtl] .fmip-device-details-pane .fmip-device-details .details {
    width: 100%;
    margin-right: 0
}

.fmip-device-details-pane .fmip-device-details .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;
    font-size: 17px;
    font-weight: 600
}

.fmip-device-details-pane .fmip-device-details .name {
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .204px;
    font-weight: 600;
    font-size: 17px
}

.fmip-device-details-pane[dir=ltr] .fmip-device-details .name,.fmip-device-details-pane[dir=rtl] .fmip-device-details .name,[dir=ltr] .fmip-device-details-pane .fmip-device-details .name,[dir=rtl] .fmip-device-details-pane .fmip-device-details .name {
    width: 100%
}

.fmip-device-details-pane .fmip-deviceaction-details {
    -webkit-margin-start: 6px;
    margin-inline-start:6px;-webkit-margin-end: 6px;
    margin-inline-end:6px}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details {
    margin-left: 6px;
    margin-right: 6px
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle .address,.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle .no-location-found,.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle .old-location {
    color: var(--theme-color-labelPrimary)
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle,.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle .show-locating,.fmip-device-details-pane .fmip-deviceaction-details .fmip-device-details .container .details .subtitle .show-location-timestamp {
    color: var(--theme-color-labelSecondary)
}

.fmip-device-details-pane .fmip-deviceaction-details .collapsed .container .details .subtitle .status {
    font-size: 17px
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-erase-device,.fmip-device-details-pane .fmip-deviceaction-details .fmip-remove-device {
    -webkit-padding-after: 0;
    padding-block-end:0}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .fmip-erase-device,.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .fmip-remove-device,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .fmip-erase-device,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .fmip-remove-device,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .fmip-erase-device,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .fmip-remove-device,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .fmip-erase-device,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .fmip-remove-device {
    padding-bottom: 0
}

.fmip-device-details-pane .fmip-deviceaction-details .action-button,.fmip-device-details-pane .fmip-deviceaction-details .cancel-erase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fmip-device-details-pane .fmip-deviceaction-details .action-button>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-margin-end: 10px;
    margin-inline-end:10px;-webkit-margin-after: 10px;
    margin-block-end:10px;min-inline-size: 0
}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .action-button>*,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .action-button>* {
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 0
}

.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .action-button>*,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .action-button>* {
    margin-left: 10px;
    margin-bottom: 10px;
    min-width: 0
}

.fmip-device-details-pane .fmip-deviceaction-details .action-button>:last-child {
    -webkit-margin-end: 0;
    margin-inline-end:0}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .action-button>:last-child,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .action-button>:last-child {
    margin-right: 0
}

.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .action-button>:last-child,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .action-button>:last-child {
    margin-left: 0
}

.fmip-device-details-pane .fmip-deviceaction-details .action-button .lock-button-success,.fmip-device-details-pane .fmip-deviceaction-details .action-button .lost-button-success,.fmip-device-details-pane .fmip-deviceaction-details .action-button div.lock-state-success,.fmip-device-details-pane .fmip-deviceaction-details .device-erase-details-container .fmip-erased-info {
    position: relative
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-erased-info .icon-container p,.fmip-device-details-pane .fmip-deviceaction-details .lock-button-success .icon-container p,.fmip-device-details-pane .fmip-deviceaction-details .lock-state-success .icon-container p,.fmip-device-details-pane .fmip-deviceaction-details .lost-button-success .icon-container p {
    position: absolute;
    inset-block-start: 14px;
    inset-inline-end: 16px;
    font-size: 14px
}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .fmip-erased-info .icon-container p,.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .lock-button-success .icon-container p,.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .lock-state-success .icon-container p,.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .lost-button-success .icon-container p,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .fmip-erased-info .icon-container p,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .lock-button-success .icon-container p,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .lock-state-success .icon-container p,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .lost-button-success .icon-container p {
    top: 14px;
    right: 16px
}

.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .fmip-erased-info .icon-container p,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .lock-button-success .icon-container p,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .lock-state-success .icon-container p,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .lost-button-success .icon-container p,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .fmip-erased-info .icon-container p,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .lock-button-success .icon-container p,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .lock-state-success .icon-container p,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .lost-button-success .icon-container p {
    top: 14px;
    left: 16px
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-erased-info .icon-container p.erase-timestamp {
    color: var(--theme-color-labelQuaternary)
}

.fmip-device-details-pane .fmip-deviceaction-details .cancel-erase {
    block-size: auto;
    -webkit-padding-before: 5px;
    padding-block-start: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
}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .cancel-erase,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .cancel-erase,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .cancel-erase,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .cancel-erase {
    height: auto;
    padding-top: 5px
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module {
    inline-size: 100%;
    block-size: auto;
    border-radius: 10px;
    -webkit-margin-after: 15px;
    margin-block-end:15px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--theme-color-fillQuaternary)
}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .fmip-attention-module,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .fmip-attention-module,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content {
    line-height: 20px;
    inline-size: 100%
}

.fmip-device-details-pane[dir=ltr] .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content,.fmip-device-details-pane[dir=rtl] .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content,[dir=ltr] .fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content,[dir=rtl] .fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content {
    width: 100%
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content .approximate-loc-desc {
    text-align: center;
    color: var(--theme-color-labelPrimary);
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    letter-spacing: normal
}

.fmip-device-details-pane .fmip-deviceaction-details .fmip-attention-module .approximate-loc-content .approximate-learnMore {
    color: #03a10e;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: 0;
    background-color: inherit;
    display: block;
    margin: auto
}

.header {
    position: fixed;
    z-index: 10;
    block-size: 25px;
    -webkit-padding-start: 14px;
    padding-inline-start:14px;-webkit-padding-before: 5px;
    padding-block-start:5px;border-radius: 10px 10px 0 0;
    background-color: #f2f2f2
}

.header[dir=ltr],[dir=ltr] .header {
    height: 25px;
    padding-left: 14px;
    padding-top: 5px
}

.header[dir=rtl],[dir=rtl] .header {
    height: 25px;
    padding-right: 14px;
    padding-top: 5px
}

.header.compact {
    inline-size: 100vw
}

.header.compact[dir=ltr],.header.compact[dir=rtl],[dir=ltr] .header.compact,[dir=rtl] .header.compact {
    width: 100vw
}

.header.regular {
    inline-size: 236px
}

.header.regular[dir=ltr],.header.regular[dir=rtl],[dir=ltr] .header.regular,[dir=rtl] .header.regular {
    width: 236px
}

.header .container {
    block-size: inherit;
    -webkit-padding-end: 14px;
    padding-inline-end:14px;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
}

.header[dir=ltr] .container,[dir=ltr] .header .container {
    height: inherit;
    padding-right: 14px
}

.header[dir=rtl] .container,[dir=rtl] .header .container {
    height: inherit;
    padding-left: 14px
}

.header .details {
    -webkit-padding-end: 30px;
    padding-inline-end:30px;inline-size: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden
}

.header[dir=ltr] .details,[dir=ltr] .header .details {
    padding-right: 30px;
    width: 100%
}

.header[dir=rtl] .details,[dir=rtl] .header .details {
    padding-left: 30px;
    width: 100%
}

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

.header .name {
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: .204px;
    font-weight: 600;
    font-size: 16px
}

.header[dir=ltr] .name,.header[dir=rtl] .name,[dir=ltr] .header .name,[dir=rtl] .header .name {
    width: 100%
}

.action-pane-modal ui-popup {
    overflow: hidden!important;
    inline-size: 396px
}

.action-pane-modal[dir=ltr] ui-popup,.action-pane-modal[dir=rtl] ui-popup,[dir=ltr] .action-pane-modal ui-popup,[dir=rtl] .action-pane-modal ui-popup {
    width: 396px
}

[data-appearance=dark] .action-button .fmip-action-button:before,[data-appearance=dark] .button-stack:before,[data-appearance=dark] .cancel-erase-button:before,[data-appearance=dark] .fmip-play-sound-control .channel .fmip-channel-button-container:before,[data-appearance=dark] .stop-play-sound-unified:before,[data-appearance=dark] .stop-playing-unified:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),to(hsla(0,0%,100%,.07))) border-box;
    background: linear-gradient(0deg,transparent 10%,hsla(0,0%,100%,.07)) border-box;
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    -webkit-mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask-composite: exclude;
    -webkit-mask-composite: xor
}

[data-appearance=dark] .action-button .fmip-action-button,[data-appearance=dark] .button-stack,[data-appearance=dark] .cancel-erase-button,[data-appearance=dark] .fmip-play-sound-control .channel .fmip-channel-button-container,[data-appearance=dark] .stop-playing-unified {
    -webkit-box-shadow: 0 6px 14px rgba(0,0,0,.15);
    box-shadow: 0 6px 14px rgba(0,0,0,.15)
}

[data-appearance=light] .action-button .fmip-action-button,[data-appearance=light] .button-stack,[data-appearance=light] .cancel-erase-button,[data-appearance=light] .fmip-play-sound-control .channel .fmip-channel-button-container,[data-appearance=light] .stop-playing-unified {
    -webkit-box-shadow: 0 6px 14px rgba(0,0,0,.08);
    box-shadow: 0 6px 14px rgba(0,0,0,.08)
}

[data-appearance=light] .action-button .fmip-action-button:before,[data-appearance=light] .button-stack:before,[data-appearance=light] .cancel-erase-button:before,[data-appearance=light] .fmip-play-sound-control .channel .fmip-channel-button-container:before,[data-appearance=light] .stop-play-sound-unified:before,[data-appearance=light] .stop-playing-unified:before {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(10%,transparent),to(#fff)) border-box;
    background: linear-gradient(0deg,transparent 10%,#fff) border-box;
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    -webkit-mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
    mask: linear-gradient(#fff,#fff) padding-box,linear-gradient(#fff,#fff);
    mask-composite: exclude;
    -webkit-mask-composite: xor
}

.action-button .fmip-action-button,.button-stack,.cancel-erase-button,.fmip-play-sound-control .channel .fmip-channel-button-container,.stop-play-sound-unified,.stop-playing-unified {
    background-color: rgba(0,0,0,.02);
    border-radius: 10px;
    position: relative
}

@media (prefers-color-scheme: dark) {
    .action-button .fmip-action-button,.button-stack,.cancel-erase-button,.fmip-play-sound-control .channel .fmip-channel-button-container,.stop-play-sound-unified,.stop-playing-unified {
        background-color:hsla(0,0%,100%,.02)
    }
}

[data-appearance=dark] .action-button .fmip-action-button,[data-appearance=dark] .button-stack,[data-appearance=dark] .cancel-erase-button,[data-appearance=dark] .fmip-play-sound-control .channel .fmip-channel-button-container,[data-appearance=dark] .stop-play-sound-unified,[data-appearance=dark] .stop-playing-unified {
    background-color: hsla(0,0%,100%,.02)
}

[data-appearance=light] .action-button .fmip-action-button,[data-appearance=light] .button-stack,[data-appearance=light] .cancel-erase-button,[data-appearance=light] .fmip-play-sound-control .channel .fmip-channel-button-container,[data-appearance=light] .stop-play-sound-unified,[data-appearance=light] .stop-playing-unified {
    background-color: rgba(0,0,0,.02)
}

.action-button .fmip-action-button:before,.button-stack:before,.cancel-erase-button:before,.fmip-play-sound-control .channel .fmip-channel-button-container:before,.stop-play-sound-unified:before,.stop-playing-unified:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.action-button[dir=ltr] .fmip-action-button:before,.action-button[dir=rtl] .fmip-action-button:before,.button-stack[dir=ltr]:before,.button-stack[dir=rtl]:before,.cancel-erase-button[dir=ltr]:before,.cancel-erase-button[dir=rtl]:before,.fmip-play-sound-control[dir=ltr] .channel .fmip-channel-button-container:before,.fmip-play-sound-control[dir=rtl] .channel .fmip-channel-button-container:before,.stop-play-sound-unified[dir=ltr]:before,.stop-play-sound-unified[dir=rtl]:before,.stop-playing-unified[dir=ltr]:before,.stop-playing-unified[dir=rtl]:before,[dir=ltr] .action-button .fmip-action-button:before,[dir=ltr] .button-stack:before,[dir=ltr] .cancel-erase-button:before,[dir=ltr] .fmip-play-sound-control .channel .fmip-channel-button-container:before,[dir=ltr] .stop-play-sound-unified:before,[dir=ltr] .stop-playing-unified:before,[dir=rtl] .action-button .fmip-action-button:before,[dir=rtl] .button-stack:before,[dir=rtl] .cancel-erase-button:before,[dir=rtl] .fmip-play-sound-control .channel .fmip-channel-button-container:before,[dir=rtl] .stop-play-sound-unified:before,[dir=rtl] .stop-playing-unified:before {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.action-button .fmip-action-button:active,.action-button .fmip-action-button:focus,.button-stack:active,.button-stack:focus,.cancel-erase-button:active,.cancel-erase-button:focus,.fmip-play-sound-control .channel .fmip-channel-button-container:active,.fmip-play-sound-control .channel .fmip-channel-button-container:focus,.stop-play-sound-unified:active,.stop-play-sound-unified:focus,.stop-playing-unified:active,.stop-playing-unified:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.action-button .fmip-action-button:active:before,.action-button .fmip-action-button:focus:before,.button-stack:active:before,.button-stack:focus:before,.cancel-erase-button:active:before,.cancel-erase-button:focus:before,.fmip-play-sound-control .channel .fmip-channel-button-container:active:before,.fmip-play-sound-control .channel .fmip-channel-button-container:focus:before,.stop-play-sound-unified:active:before,.stop-play-sound-unified:focus:before,.stop-playing-unified:active:before,.stop-playing-unified:focus:before {
    display: none
}

.erase-button:active {
    background-color: rgba(3,161,14,.16)!important
}

.erase-button:active .eraselabel {
    color: var(--theme-color-labelQuaternary)
}

.erase-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .erase-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .erase-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .erase-button:hover {
    background-color: rgba(0,0,0,.04)
}

.fmip-action-button {
    block-size: 86px;
    min-block-size: 40px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-action-button[dir=ltr],.fmip-action-button[dir=rtl],[dir=ltr] .fmip-action-button,[dir=rtl] .fmip-action-button {
    height: 86px;
    min-height: 40px
}

.fmip-action-button[aria-disabled=false] {
    cursor: pointer
}

.fmip-action-button.icon {
    border-radius: 10px
}

.fmip-action-button .icon-container {
    inline-size: 33px;
    block-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 16.5px;
    padding-inline-start:16.5px;-webkit-padding-before: 14.75px;
    padding-block-start:14.75px;-webkit-padding-after: 11.25px;
    padding-block-end:11.25px}

.fmip-action-button[dir=ltr] .icon-container,[dir=ltr] .fmip-action-button .icon-container {
    width: 33px;
    height: 26px;
    padding-left: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.fmip-action-button[dir=rtl] .icon-container,[dir=rtl] .fmip-action-button .icon-container {
    width: 33px;
    height: 26px;
    padding-right: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.fmip-action-button .icon-container .fmip-svg-icon {
    inline-size: 33px;
    block-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    margin-top: 25px;
}

.fmip-action-button[dir=ltr] .icon-container .fmip-svg-icon,.fmip-action-button[dir=rtl] .icon-container .fmip-svg-icon,[dir=ltr] .fmip-action-button .icon-container .fmip-svg-icon,[dir=rtl] .fmip-action-button .icon-container .fmip-svg-icon {
    width: 33px;
    height: 26px
}

.fmip-action-button .icon-container .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto;
    overflow: visible
}

.fmip-action-button[dir=ltr] .icon-container .fmip-svg-icon svg,.fmip-action-button[dir=rtl] .icon-container .fmip-svg-icon svg,[dir=ltr] .fmip-action-button .icon-container .fmip-svg-icon svg,[dir=rtl] .fmip-action-button .icon-container .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.fmip-action-button .icon-container .action-glyph {
    display: inherit
}

.fmip-action-button .icon-container .action-glyph .fmip-play-sound-success-background,.fmip-action-button .icon-container .action-glyph .play-sound-icon-background {
    fill: var(--theme-color-systemIndio)
}

.fmip-action-button .lostlabel,.fmip-action-button .playsoundlabel {
    color: var(--theme-color-labelPrimary)
}

.fmip-action-button .label {
    font-size: 17px;
    letter-spacing: -.37px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-action-button .lostlabel {
    font-size: 17px;
    margin-inline:19px;-webkit-margin-after: 13px;
    margin-block-end:13px;margin-top: 25px;
}

.fmip-action-button[dir=ltr] .lostlabel,.fmip-action-button[dir=rtl] .lostlabel,[dir=ltr] .fmip-action-button .lostlabel,[dir=rtl] .fmip-action-button .lostlabel {
    margin-bottom: 13px;
    margin-left: 19px;
    margin-right: 19px
}

.fmip-action-button .lostLabel-pending {
    font-size: 17px;
    margin-inline:19px;-webkit-margin-after: 13px;
    margin-block-end:13px;color: #fff
}

.fmip-action-button[dir=ltr] .lostLabel-pending,.fmip-action-button[dir=rtl] .lostLabel-pending,[dir=ltr] .fmip-action-button .lostLabel-pending,[dir=rtl] .fmip-action-button .lostLabel-pending {
    margin-bottom: 13px;
    margin-left: 19px;
    margin-right: 19px
}

.fmip-action-button .lostLabel-success {
    color: #ff9500;
    font-size: 17px;
    margin-inline:19px;-webkit-margin-after: 13px;
    margin-block-end:13px}

.fmip-action-button[dir=ltr] .lostLabel-success,.fmip-action-button[dir=rtl] .lostLabel-success,[dir=ltr] .fmip-action-button .lostLabel-success,[dir=rtl] .fmip-action-button .lostLabel-success {
    margin-bottom: 13px;
    margin-left: 19px;
    margin-right: 19px
}

.fmip-action-button .eraselabel {
    font-weight: 400;
    font-size: 17px;
    padding-block:10px;padding-inline:14px}

.fmip-action-button[dir=ltr] .eraselabel,.fmip-action-button[dir=rtl] .eraselabel,[dir=ltr] .fmip-action-button .eraselabel,[dir=rtl] .fmip-action-button .eraselabel {
    padding: 10px 14px
}

.fmip-action-button .erasePendinglabel {
    color: var(--theme-color-backgroundPrimary);
    font-weight: 400;
    font-size: 17px;
    padding-inline:19px}

.fmip-action-button[dir=ltr] .erasePendinglabel,.fmip-action-button[dir=rtl] .erasePendinglabel,[dir=ltr] .fmip-action-button .erasePendinglabel,[dir=rtl] .fmip-action-button .erasePendinglabel {
    padding-left: 19px;
    padding-right: 19px
}

.fmip-action-button .erasedlabel {
    color: #e30000;
    font-weight: 400;
    font-size: 17px;
    padding-block:13px;padding-inline:19px}

.fmip-action-button[dir=ltr] .erasedlabel,.fmip-action-button[dir=rtl] .erasedlabel,[dir=ltr] .fmip-action-button .erasedlabel,[dir=rtl] .fmip-action-button .erasedlabel {
    padding: 13px 19px
}

.fmip-action-button .sub-title-style {
    font-weight: 400;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;color: #adadad;
    font-size: 11px
}

.fmip-action-button[dir=ltr] .sub-title-style,[dir=ltr] .fmip-action-button .sub-title-style {
    padding-left: 10px
}

.fmip-action-button[dir=rtl] .sub-title-style,[dir=rtl] .fmip-action-button .sub-title-style {
    padding-right: 10px
}

.fmip-action-button .fmip-loading-spinner {
    font-size: 16px;
    position: absolute;
    inset-block-start: 14px;
    inset-inline-end: 14px
}

.fmip-action-button[dir=ltr] .fmip-loading-spinner,[dir=ltr] .fmip-action-button .fmip-loading-spinner {
    top: 14px;
    right: 14px
}

.fmip-action-button[dir=rtl] .fmip-loading-spinner,[dir=rtl] .fmip-action-button .fmip-loading-spinner {
    top: 14px;
    left: 14px
}

.fmip-lock-icon-border {
    fill: #ff9500
}

@media (prefers-color-scheme: dark) {
    .fmip-lock-icon-border {
        fill:#ff9f0a
    }
}

[data-appearance=dark] .fmip-lock-icon-border {
    fill: #ff9f0a
}

[data-appearance=light] .fmip-lock-icon-border {
    fill: #ff9500
}

.lock-button:hover,.lost-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .lock-button:hover,.lost-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .lock-button:hover,[data-appearance=dark] .lost-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .lock-button:hover,[data-appearance=light] .lost-button:hover {
    background-color: rgba(0,0,0,.04)
}

.lock-button:active,.lost-button:active {
    background-color: rgba(0,0,0,.02)
}

@media (prefers-color-scheme: dark) {
    .lock-button:active,.lost-button:active {
        background-color:hsla(0,0%,100%,.02)
    }
}

[data-appearance=dark] .lock-button:active,[data-appearance=dark] .lost-button:active {
    background-color: hsla(0,0%,100%,.02)
}

[data-appearance=light] .lock-button:active,[data-appearance=light] .lost-button:active {
    background-color: rgba(0,0,0,.02)
}

.lock-button:active .icon-container .action-glyph .fmip-lock-icon-border,.lost-button:active .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,149,0,.3)
}

@media (prefers-color-scheme: dark) {
    .lock-button:active .icon-container .action-glyph .fmip-lock-icon-border,.lost-button:active .icon-container .action-glyph .fmip-lock-icon-border {
        fill:rgba(255,159,10,.3)
    }
}

[data-appearance=dark] .lock-button:active .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=dark] .lost-button:active .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,159,10,.3)
}

[data-appearance=light] .lock-button:active .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=light] .lost-button:active .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,149,0,.3)
}

.lock-button:active .lostlabel,.lost-button:active .lostlabel {
    color: rgba(255,149,0,.3)
}

@media (prefers-color-scheme: dark) {
    .lock-button:active .lostlabel,.lost-button:active .lostlabel {
        color:rgba(255,159,10,.3)
    }
}

[data-appearance=dark] .lock-button:active .lostlabel,[data-appearance=dark] .lost-button:active .lostlabel {
    color: rgba(255,159,10,.3)
}

[data-appearance=light] .lock-button:active .lostlabel,[data-appearance=light] .lost-button:active .lostlabel {
    color: rgba(255,149,0,.3)
}

.lock-button-pending,.lost-button-pending {
    background-color: rgba(255,149,0,.07)!important
}

@media (prefers-color-scheme: dark) {
    .lock-button-pending,.lost-button-pending {
        background-color:rgba(255,159,10,.07)!important
    }
}

[data-appearance=dark] .lock-button-pending,[data-appearance=dark] .lost-button-pending {
    background-color: rgba(255,159,10,.07)!important
}

[data-appearance=light] .lock-button-pending,[data-appearance=light] .lost-button-pending {
    background-color: rgba(255,149,0,.07)!important
}

.lock-button-pending .lostLabel-pending,.lost-button-pending .lostLabel-pending {
    color: var(--theme-color-labelTertiary)
}

.lock-button-pending .lost-pending-glyph-background,.lost-button-pending .lost-pending-glyph-background {
    fill: #ff9500
}

@media (prefers-color-scheme: dark) {
    .lock-button-pending .lost-pending-glyph-background,.lost-button-pending .lost-pending-glyph-background {
        fill:#ff9f0a
    }
}

[data-appearance=dark] .lock-button-pending .lost-pending-glyph-background,[data-appearance=dark] .lost-button-pending .lost-pending-glyph-background {
    fill: #ff9f0a
}

[data-appearance=light] .lock-button-pending .lost-pending-glyph-background,[data-appearance=light] .lost-button-pending .lost-pending-glyph-background {
    fill: #ff9500
}

.lock-button-pending:active,.lock-button-pending:focus,.lost-button-pending:active,.lost-button-pending:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.lock-button-pending:active:after,.lock-button-pending:active:before,.lock-button-pending:focus:after,.lock-button-pending:focus:before,.lost-button-pending:active:after,.lost-button-pending:active:before,.lost-button-pending:focus:after,.lost-button-pending:focus:before {
    display: none
}

.lock-button-success,.lost-button-success {
    background-color: rgba(255,149,0,.07)!important;
    color: var(--theme-color-labelQuaternary)
}

@media (prefers-color-scheme: dark) {
    .lock-button-success,.lost-button-success {
        background-color:rgba(255,159,10,.07)!important
    }
}

[data-appearance=dark] .lock-button-success,[data-appearance=dark] .lost-button-success {
    background-color: rgba(255,159,10,.07)!important
}

[data-appearance=light] .lock-button-success,[data-appearance=light] .lost-button-success {
    background-color: rgba(255,149,0,.07)!important
}

.lock-button-success .lostLabel-success,.lost-button-success .lostLabel-success {
    color: #ff9500
}

@media (prefers-color-scheme: dark) {
    .lock-button-success .lostLabel-success,.lost-button-success .lostLabel-success {
        color:#ff9f0a
    }
}

[data-appearance=dark] .lock-button-success .lostLabel-success,[data-appearance=dark] .lost-button-success .lostLabel-success {
    color: #ff9f0a
}

[data-appearance=light] .lock-button-success .lostLabel-success,[data-appearance=light] .lost-button-success .lostLabel-success {
    color: #ff9500
}

.lock-button-success:hover:not([aria-disabled=true]),.lost-button-success:hover:not([aria-disabled=true]) {
    background-color: rgba(255,149,0,.07)!important
}

@media (prefers-color-scheme: dark) {
    .lock-button-success:hover:not([aria-disabled=true]),.lost-button-success:hover:not([aria-disabled=true]) {
        background-color:rgba(255,159,10,.07)!important
    }
}

[data-appearance=dark] .lock-button-success:hover:not([aria-disabled=true]),[data-appearance=dark] .lost-button-success:hover:not([aria-disabled=true]) {
    background-color: rgba(255,159,10,.07)!important
}

[data-appearance=light] .lock-button-success:hover:not([aria-disabled=true]),[data-appearance=light] .lost-button-success:hover:not([aria-disabled=true]) {
    background-color: rgba(255,149,0,.07)!important
}

.lock-button-success:hover:not([aria-disabled=true]):after,.lost-button-success:hover:not([aria-disabled=true]):after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    background-color: rgba(0,0,0,.04);
    border-radius: 10px;
    z-index: -1
}

.lock-button-success[dir=ltr]:hover:not([aria-disabled=true]):after,.lock-button-success[dir=rtl]:hover:not([aria-disabled=true]):after,.lost-button-success[dir=ltr]:hover:not([aria-disabled=true]):after,.lost-button-success[dir=rtl]:hover:not([aria-disabled=true]):after,[dir=ltr] .lock-button-success:hover:not([aria-disabled=true]):after,[dir=ltr] .lost-button-success:hover:not([aria-disabled=true]):after,[dir=rtl] .lock-button-success:hover:not([aria-disabled=true]):after,[dir=rtl] .lost-button-success:hover:not([aria-disabled=true]):after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

@media (prefers-color-scheme: dark) {
    .lock-button-success:hover:not([aria-disabled=true]):after,.lost-button-success:hover:not([aria-disabled=true]):after {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .lock-button-success:hover:not([aria-disabled=true]):after,[data-appearance=dark] .lost-button-success:hover:not([aria-disabled=true]):after {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .lock-button-success:hover:not([aria-disabled=true]):after,[data-appearance=light] .lost-button-success:hover:not([aria-disabled=true]):after {
    background-color: rgba(0,0,0,.04)
}

.lock-button-success:active:not([aria-disabled=true]),.lock-button-success:focus:not([aria-disabled=true]),.lost-button-success:active:not([aria-disabled=true]),.lost-button-success:focus:not([aria-disabled=true]) {
    background-color: rgba(255,149,0,.03)!important
}

@media (prefers-color-scheme: dark) {
    .lock-button-success:active:not([aria-disabled=true]),.lock-button-success:focus:not([aria-disabled=true]),.lost-button-success:active:not([aria-disabled=true]),.lost-button-success:focus:not([aria-disabled=true]) {
        background-color:rgba(255,159,10,.03)!important
    }
}

[data-appearance=dark] .lock-button-success:active:not([aria-disabled=true]),[data-appearance=dark] .lock-button-success:focus:not([aria-disabled=true]),[data-appearance=dark] .lost-button-success:active:not([aria-disabled=true]),[data-appearance=dark] .lost-button-success:focus:not([aria-disabled=true]) {
    background-color: rgba(255,159,10,.03)!important
}

[data-appearance=light] .lock-button-success:active:not([aria-disabled=true]),[data-appearance=light] .lock-button-success:focus:not([aria-disabled=true]),[data-appearance=light] .lost-button-success:active:not([aria-disabled=true]),[data-appearance=light] .lost-button-success:focus:not([aria-disabled=true]) {
    background-color: rgba(255,149,0,.03)!important
}

.lock-button-success:active:not([aria-disabled=true]):after,.lock-button-success:focus:not([aria-disabled=true]):after,.lost-button-success:active:not([aria-disabled=true]):after,.lost-button-success:focus:not([aria-disabled=true]):after {
    display: none
}

.lock-button-success:active:not([aria-disabled=true]) .lostLabel-success,.lock-button-success:focus:not([aria-disabled=true]) .lostLabel-success,.lost-button-success:active:not([aria-disabled=true]) .lostLabel-success,.lost-button-success:focus:not([aria-disabled=true]) .lostLabel-success {
    color: rgba(255,149,0,.3)
}

@media (prefers-color-scheme: dark) {
    .lock-button-success:active:not([aria-disabled=true]) .lostLabel-success,.lock-button-success:focus:not([aria-disabled=true]) .lostLabel-success,.lost-button-success:active:not([aria-disabled=true]) .lostLabel-success,.lost-button-success:focus:not([aria-disabled=true]) .lostLabel-success {
        color:rgba(255,159,10,.3)
    }
}

[data-appearance=dark] .lock-button-success:active:not([aria-disabled=true]) .lostLabel-success,[data-appearance=dark] .lock-button-success:focus:not([aria-disabled=true]) .lostLabel-success,[data-appearance=dark] .lost-button-success:active:not([aria-disabled=true]) .lostLabel-success,[data-appearance=dark] .lost-button-success:focus:not([aria-disabled=true]) .lostLabel-success {
    color: rgba(255,159,10,.3)
}

[data-appearance=light] .lock-button-success:active:not([aria-disabled=true]) .lostLabel-success,[data-appearance=light] .lock-button-success:focus:not([aria-disabled=true]) .lostLabel-success,[data-appearance=light] .lost-button-success:active:not([aria-disabled=true]) .lostLabel-success,[data-appearance=light] .lost-button-success:focus:not([aria-disabled=true]) .lostLabel-success {
    color: rgba(255,149,0,.3)
}

.lock-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lock-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lost-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lost-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,149,0,.3)
}

@media (prefers-color-scheme: dark) {
    .lock-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lock-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lost-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,.lost-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border {
        fill:rgba(255,159,10,.3)
    }
}

[data-appearance=dark] .lock-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=dark] .lock-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=dark] .lost-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=dark] .lost-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,159,10,.3)
}

[data-appearance=light] .lock-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=light] .lock-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=light] .lost-button-success:active:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border,[data-appearance=light] .lost-button-success:focus:not([aria-disabled=true]) .icon-container .action-glyph .fmip-lock-icon-border {
    fill: rgba(255,149,0,.3)
}

.lock-button-success[aria-disabled=true] {
    background-color: rgba(255,149,0,.07);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: var(--theme-color-labelQuaternary)
}

@media (prefers-color-scheme: dark) {
    .lock-button-success[aria-disabled=true] {
        background-color:rgba(255,159,10,.07)
    }
}

[data-appearance=dark] .lock-button-success[aria-disabled=true] {
    background-color: rgba(255,159,10,.07)
}

[data-appearance=light] .lock-button-success[aria-disabled=true] {
    background-color: rgba(255,149,0,.07)
}

.lock-button-success[aria-disabled=true] .icon-container .action-glyph .fmip-lock-icon-border {
    fill: #ff9500
}

@media (prefers-color-scheme: dark) {
    .lock-button-success[aria-disabled=true] .icon-container .action-glyph .fmip-lock-icon-border {
        fill:#ff9f0a
    }
}

[data-appearance=dark] .lock-button-success[aria-disabled=true] .icon-container .action-glyph .fmip-lock-icon-border {
    fill: #ff9f0a
}

[data-appearance=light] .lock-button-success[aria-disabled=true] .icon-container .action-glyph .fmip-lock-icon-border {
    fill: #ff9500
}

.lock-button-success[aria-disabled=true]:before {
    display: none
}

.lock-button-success[aria-disabled=true] .lostLabel-success {
    color: #ff9500
}

@media (prefers-color-scheme: dark) {
    .lock-button-success[aria-disabled=true] .lostLabel-success {
        color:#ff9f0a
    }
}

[data-appearance=dark] .lock-button-success[aria-disabled=true] .lostLabel-success {
    color: #ff9f0a
}

[data-appearance=light] .lock-button-success[aria-disabled=true] .lostLabel-success {
    color: #ff9500
}

.lock-state-success {
    background-color: rgba(255,149,0,.07);
    color: #f19937;
    border-radius: 10px
}

.lock-state-success .icon-container .action-glyph .fmip-lock-icon-border {
    fill: #ff9500
}

.lock-state-success:active,.lock-state-success:hover {
    background-color: rgba(255,149,0,.07)
}

.lock-state-success:active {
    color: #f19937
}

.lock-state-success:active .icon-container .action-glyph .fmip-lock-icon-border {
    fill: #ff9500
}

.button-stack {
    padding-block:5px;border-radius: 10px;
    inline-size: 320px;
    color: var(--theme-color-labelPrimary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-box-shadow: var(--theme-boxShadow-standard);
    box-shadow: var(--theme-boxShadow-standard)
}

.button-stack[dir=ltr],.button-stack[dir=rtl],[dir=ltr] .button-stack,[dir=rtl] .button-stack {
    width: 320px;
    padding-top: 5px;
    padding-bottom: 5px
}

.button-stack .erase-button,.button-stack .erase-pending-button,.button-stack .remove-button {
    border-radius: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    block-size: 44px
}

.button-stack[dir=ltr] .erase-button,.button-stack[dir=ltr] .erase-pending-button,.button-stack[dir=ltr] .remove-button,.button-stack[dir=rtl] .erase-button,.button-stack[dir=rtl] .erase-pending-button,.button-stack[dir=rtl] .remove-button,[dir=ltr] .button-stack .erase-button,[dir=ltr] .button-stack .erase-pending-button,[dir=ltr] .button-stack .remove-button,[dir=rtl] .button-stack .erase-button,[dir=rtl] .button-stack .erase-pending-button,[dir=rtl] .button-stack .remove-button {
    height: 44px
}

.button-stack .erase-pending-button {
    block-size: 86px!important
}

.button-stack[dir=ltr] .erase-pending-button,.button-stack[dir=rtl] .erase-pending-button,[dir=ltr] .button-stack .erase-pending-button,[dir=rtl] .button-stack .erase-pending-button {
    height: 86px!important
}

.button-stack .divider {
    block-size: 1px;
    margin-inline:16px;background-color: rgba(0,0,0,.08)
}

.button-stack[dir=ltr] .divider,.button-stack[dir=rtl] .divider,[dir=ltr] .button-stack .divider,[dir=rtl] .button-stack .divider {
    height: 1px;
    margin-left: 16px;
    margin-right: 16px
}

@media (prefers-color-scheme: dark) {
    .button-stack .divider {
        background-color:rgba(209,209,214,.08)
    }
}

[data-appearance=dark] .button-stack .divider {
    background-color: rgba(209,209,214,.08)
}

[data-appearance=light] .button-stack .divider {
    background-color: rgba(0,0,0,.08)
}

.button-stack .invisible-divider {
    visibility: hidden
}

.fmip-notification-button {
    margin: logical 0 5px;
    block-size: 44px;
    border-radius: 10px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-notification-button[dir=ltr],.fmip-notification-button[dir=rtl],[dir=ltr] .fmip-notification-button,[dir=rtl] .fmip-notification-button {
    height: 44px;
    margin: 0 5px
}

.fmip-notification-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .fmip-notification-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .fmip-notification-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .fmip-notification-button:hover {
    background-color: rgba(0,0,0,.04)
}

.fmip-notification-button .icon-container {
    inline-size: 20px;
    block-size: 20px;
    display: block;
    -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-padding-start: 10px;
    padding-inline-start:10px;-webkit-padding-before: 10px;
    padding-block-start:10px}

.fmip-notification-button[dir=ltr] .icon-container,[dir=ltr] .fmip-notification-button .icon-container {
    width: 20px;
    height: 20px;
    padding-left: 10px;
    padding-top: 10px
}

.fmip-notification-button[dir=rtl] .icon-container,[dir=rtl] .fmip-notification-button .icon-container {
    width: 20px;
    height: 20px;
    padding-right: 10px;
    padding-top: 10px
}

.fmip-notification-button .icon-container .fmip-svg-icon {
    inline-size: inherit;
    block-size: inherit
}

.fmip-notification-button[dir=ltr] .icon-container .fmip-svg-icon,.fmip-notification-button[dir=rtl] .icon-container .fmip-svg-icon,[dir=ltr] .fmip-notification-button .icon-container .fmip-svg-icon,[dir=rtl] .fmip-notification-button .icon-container .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.fmip-notification-button .icon-container .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto;
    fill: rgba(3,161,14,.16)
}

.fmip-notification-button[dir=ltr] .icon-container .fmip-svg-icon svg,.fmip-notification-button[dir=rtl] .icon-container .fmip-svg-icon svg,[dir=ltr] .fmip-notification-button .icon-container .fmip-svg-icon svg,[dir=rtl] .fmip-notification-button .icon-container .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.fmip-notification-button .notification-label {
    font-size: 13px;
    font-weight: 600;
    -webkit-margin-before: 15px;
    margin-block-start:15px;-webkit-margin-after: 5px;
    margin-block-end:5px;-webkit-padding-after: 10px;
    padding-block-end:10px;-webkit-padding-start: 14px;
    padding-inline-start:14px}

.fmip-notification-button[dir=ltr] .notification-label,[dir=ltr] .fmip-notification-button .notification-label {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-left: 14px
}

.fmip-notification-button[dir=rtl] .notification-label,[dir=rtl] .fmip-notification-button .notification-label {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-right: 14px
}

.fmip-notification-button .fmip-notification-setting {
    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%
}

.fmip-notification-button[dir=ltr] .fmip-notification-setting,.fmip-notification-button[dir=rtl] .fmip-notification-setting,[dir=ltr] .fmip-notification-button .fmip-notification-setting,[dir=rtl] .fmip-notification-button .fmip-notification-setting {
    width: 100%
}

.fmip-notification-button .fmip-notification-setting .notifywhenfound-label {
    font-size: 17px;
    font-weight: 400;
    max-inline-size: 258px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fmip-notification-button[dir=ltr] .fmip-notification-setting .notifywhenfound-label,.fmip-notification-button[dir=rtl] .fmip-notification-setting .notifywhenfound-label,[dir=ltr] .fmip-notification-button .fmip-notification-setting .notifywhenfound-label,[dir=rtl] .fmip-notification-button .fmip-notification-setting .notifywhenfound-label {
    max-width: 258px
}

.fmip-notification-button .fmip-notification-setting .notifywhenfound-switch {
    inset-inline-end: 12px;
    position: absolute;
    -webkit-margin-before: 6px;
    margin-block-start:6px}

.fmip-notification-button[dir=ltr] .fmip-notification-setting .notifywhenfound-switch,[dir=ltr] .fmip-notification-button .fmip-notification-setting .notifywhenfound-switch {
    right: 12px;
    margin-top: 6px
}

.fmip-notification-button[dir=rtl] .fmip-notification-setting .notifywhenfound-switch,[dir=rtl] .fmip-notification-button .fmip-notification-setting .notifywhenfound-switch {
    left: 12px;
    margin-top: 6px
}

.fmip-notification-button .fmip-notification-setting .notifywhenfound-checkbox {
    inset-block-start: 2px;
    -webkit-margin-end: 5px;
    margin-inline-end:5px}

.fmip-notification-button[dir=ltr] .fmip-notification-setting .notifywhenfound-checkbox,[dir=ltr] .fmip-notification-button .fmip-notification-setting .notifywhenfound-checkbox {
    top: 2px;
    margin-right: 5px
}

.fmip-notification-button[dir=rtl] .fmip-notification-setting .notifywhenfound-checkbox,[dir=rtl] .fmip-notification-button .fmip-notification-setting .notifywhenfound-checkbox {
    top: 2px;
    margin-left: 5px
}

.fmip-notification-button .fmip-notification-setting ui-button.primary.tiny {
    font-size: 13px;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.fmip-notification-button .fmip-notification-setting ui-button.primary.tiny.enabled {
    color: #fff;
    background-color: #51c266
}

[data-primary-interaction-mode=touch] .fmip-notification-button .fmip-notification-setting ui-button.primary.tiny:active:hover:not([aria-disabled=true]) {
    opacity: 1
}

.button-stack .fmip-notification-button .fmip-notification-setting {
    padding: logical 8px 0
}

.button-stack[dir=ltr] .fmip-notification-button .fmip-notification-setting,.button-stack[dir=rtl] .fmip-notification-button .fmip-notification-setting,[dir=ltr] .button-stack .fmip-notification-button .fmip-notification-setting,[dir=rtl] .button-stack .fmip-notification-button .fmip-notification-setting {
    padding: 8px 0
}

.button-stack .fmip-notification-button .notifywhenfound-label {
    margin-block:5px;padding-inline:14px}

.button-stack[dir=ltr] .fmip-notification-button .notifywhenfound-label,.button-stack[dir=rtl] .fmip-notification-button .notifywhenfound-label,[dir=ltr] .button-stack .fmip-notification-button .notifywhenfound-label,[dir=rtl] .button-stack .fmip-notification-button .notifywhenfound-label {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 14px;
    padding-right: 14px
}

.compact .button-stack .fmip-notification-button .fmip-notification-setting {
    padding: 0
}

.compact .button-stack .fmip-notification-button .notifywhenfound-label {
    padding: logical 10px 14px;
    margin: 0
}

.compact[dir=ltr] .button-stack .fmip-notification-button .notifywhenfound-label,.compact[dir=rtl] .button-stack .fmip-notification-button .notifywhenfound-label,[dir=ltr] .compact .button-stack .fmip-notification-button .notifywhenfound-label,[dir=rtl] .compact .button-stack .fmip-notification-button .notifywhenfound-label {
    padding: 10px 14px
}

@media (pointer: coarse) {
    .fmip-device-details-pane.regular .button-stack .fmip-notification-setting {
        padding:0
    }

    .fmip-device-details-pane.regular .button-stack .fmip-notification-setting .notifywhenfound-label {
        padding-block:8px}

    .fmip-device-details-pane.regular[dir=ltr] .button-stack .fmip-notification-setting .notifywhenfound-label,.fmip-device-details-pane.regular[dir=rtl] .button-stack .fmip-notification-setting .notifywhenfound-label,[dir=ltr] .fmip-device-details-pane.regular .button-stack .fmip-notification-setting .notifywhenfound-label,[dir=rtl] .fmip-device-details-pane.regular .button-stack .fmip-notification-setting .notifywhenfound-label {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.device-erase-details-container {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.device-erase-details-container[dir=ltr],.device-erase-details-container[dir=rtl],[dir=ltr] .device-erase-details-container,[dir=rtl] .device-erase-details-container {
    margin-bottom: 10px
}

.device-erase-details-container .fmip-erased-info {
    inline-size: 320px;
    border-radius: 10px;
    block-size: 86px!important;
    background-color: rgba(227,0,0,.07)
}

.device-erase-details-container[dir=ltr] .fmip-erased-info,.device-erase-details-container[dir=rtl] .fmip-erased-info,[dir=ltr] .device-erase-details-container .fmip-erased-info,[dir=rtl] .device-erase-details-container .fmip-erased-info {
    width: 320px;
    height: 86px!important
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .fmip-erased-info {
        background-color:rgba(255,48,55,.07)
    }
}

[data-appearance=dark] .device-erase-details-container .fmip-erased-info {
    background-color: rgba(255,48,55,.07)
}

[data-appearance=light] .device-erase-details-container .fmip-erased-info {
    background-color: rgba(227,0,0,.07)
}

.device-erase-details-container .fmip-erased-info .erased-label {
    color: #e30000;
    font-weight: 400;
    font-size: 17px;
    padding-inline:19px;-webkit-padding-after: 13px;
    padding-block-end:13px}

.device-erase-details-container[dir=ltr] .fmip-erased-info .erased-label,.device-erase-details-container[dir=rtl] .fmip-erased-info .erased-label,[dir=ltr] .device-erase-details-container .fmip-erased-info .erased-label,[dir=rtl] .device-erase-details-container .fmip-erased-info .erased-label {
    padding-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .fmip-erased-info .erased-label {
        color:#ff3037
    }
}

[data-appearance=dark] .device-erase-details-container .fmip-erased-info .erased-label {
    color: #ff3037
}

[data-appearance=light] .device-erase-details-container .fmip-erased-info .erased-label {
    color: #e30000
}

.device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase,.device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase {
    block-size: 26px;
    inline-size: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-erase-details-container[dir=ltr] .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase,.device-erase-details-container[dir=ltr] .fmip-erased-info .icon-container .fmip-svg-icon.erase,.device-erase-details-container[dir=rtl] .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase,.device-erase-details-container[dir=rtl] .fmip-erased-info .icon-container .fmip-svg-icon.erase,[dir=ltr] .device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase,[dir=ltr] .device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase,[dir=rtl] .device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase,[dir=rtl] .device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase {
    height: 26px;
    width: 33px
}

.device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase svg,.device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase svg {
    overflow: visible
}

.device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase g path,.device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase g path {
    fill: #e30000
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase g path,.device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase g path {
        fill:#ff3037
    }
}

[data-appearance=dark] .device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase g path,[data-appearance=dark] .device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase g path {
    fill: #ff3037
}

[data-appearance=light] .device-erase-details-container .fmip-erased-info .icon-container-erase .fmip-svg-icon.erase g path,[data-appearance=light] .device-erase-details-container .fmip-erased-info .icon-container .fmip-svg-icon.erase g path {
    fill: #e30000
}

.device-erase-details-container .fmip-erase-pending-info {
    inline-size: 320px;
    block-size: 86px!important;
    background-color: rgba(227,0,0,.07)
}

.device-erase-details-container[dir=ltr] .fmip-erase-pending-info,.device-erase-details-container[dir=rtl] .fmip-erase-pending-info,[dir=ltr] .device-erase-details-container .fmip-erase-pending-info,[dir=rtl] .device-erase-details-container .fmip-erase-pending-info {
    width: 320px;
    height: 86px!important
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .fmip-erase-pending-info {
        background-color:rgba(255,48,55,.07)
    }
}

[data-appearance=dark] .device-erase-details-container .fmip-erase-pending-info {
    background-color: rgba(255,48,55,.07)
}

[data-appearance=light] .device-erase-details-container .fmip-erase-pending-info {
    background-color: rgba(227,0,0,.07)
}

.device-erase-details-container .fmip-erase-pending-info .fmip-svg-icon.erase {
    inline-size: 33px;
    block-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-erase-details-container[dir=ltr] .fmip-erase-pending-info .fmip-svg-icon.erase,.device-erase-details-container[dir=rtl] .fmip-erase-pending-info .fmip-svg-icon.erase,[dir=ltr] .device-erase-details-container .fmip-erase-pending-info .fmip-svg-icon.erase,[dir=rtl] .device-erase-details-container .fmip-erase-pending-info .fmip-svg-icon.erase {
    width: 33px;
    height: 26px
}

.device-erase-details-container .fmip-erase-pending-info .erase-pending-label {
    font-weight: 400;
    color: var(--theme-color-labelTertiary)
}

.device-erase-details-container .icon-container {
    inline-size: 33px;
    block-size: 26px;
    -webkit-padding-start: 16.5px;
    padding-inline-start:16.5px;-webkit-padding-before: 14.75px;
    padding-block-start:14.75px;-webkit-padding-after: 11.25px;
    padding-block-end:11.25px}

.device-erase-details-container[dir=ltr] .icon-container,[dir=ltr] .device-erase-details-container .icon-container {
    width: 33px;
    height: 26px;
    padding-left: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-erase-details-container[dir=rtl] .icon-container,[dir=rtl] .device-erase-details-container .icon-container {
    width: 33px;
    height: 26px;
    padding-right: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-erase-details-container .icon-container-erase {
    inline-size: 33px;
    block-size: 26px
}

.device-erase-details-container[dir=ltr] .icon-container-erase,.device-erase-details-container[dir=rtl] .icon-container-erase,[dir=ltr] .device-erase-details-container .icon-container-erase,[dir=rtl] .device-erase-details-container .icon-container-erase {
    width: 33px;
    height: 26px
}

.device-erase-details-container .icon-container-erase .erase svg {
    overflow: visible
}

.device-erase-details-container .icon-container-erase .erase svg g path {
    fill: #e30000
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .icon-container-erase .erase svg g path {
        fill:#ff3037
    }
}

[data-appearance=dark] .device-erase-details-container .icon-container-erase .erase svg g path {
    fill: #ff3037
}

[data-appearance=light] .device-erase-details-container .icon-container-erase .erase svg g path {
    fill: #e30000
}

.device-erase-details-container .icon-container-erase .fmip-svg-icon {
    inline-size: 28px;
    block-size: 28px
}

.device-erase-details-container[dir=ltr] .icon-container-erase .fmip-svg-icon,.device-erase-details-container[dir=rtl] .icon-container-erase .fmip-svg-icon,[dir=ltr] .device-erase-details-container .icon-container-erase .fmip-svg-icon,[dir=rtl] .device-erase-details-container .icon-container-erase .fmip-svg-icon {
    width: 28px;
    height: 28px
}

.device-erase-details-container .icon-container-erase .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto
}

.device-erase-details-container[dir=ltr] .icon-container-erase .fmip-svg-icon svg,.device-erase-details-container[dir=rtl] .icon-container-erase .fmip-svg-icon svg,[dir=ltr] .device-erase-details-container .icon-container-erase .fmip-svg-icon svg,[dir=rtl] .device-erase-details-container .icon-container-erase .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.device-erase-details-container .cancel-erase-button {
    inline-size: 320px;
    block-size: 54px;
    padding-block:5px;-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    color: var(--theme-color-labelPrimary)
}

.device-erase-details-container[dir=ltr] .cancel-erase-button,.device-erase-details-container[dir=rtl] .cancel-erase-button,[dir=ltr] .device-erase-details-container .cancel-erase-button,[dir=rtl] .device-erase-details-container .cancel-erase-button {
    width: 320px;
    height: 54px;
    padding-top: 5px;
    padding-bottom: 5px
}

.device-erase-details-container .cancel-erase-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .device-erase-details-container .cancel-erase-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .device-erase-details-container .cancel-erase-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .device-erase-details-container .cancel-erase-button:hover {
    background-color: rgba(0,0,0,.04)
}

.device-erase-details-container .cancel-erase-button:active,.device-erase-details-container .cancel-erase-button:focus {
    background-color: rgba(3,161,14,.16)!important
}

.device-erase-details-container .cancel-erase-button:active .cancellabel,.device-erase-details-container .cancel-erase-button:focus .cancellabel {
    color: var(--theme-color-labelQuaternary)
}

.device-erase-details-container .cancellabel {
    font-weight: 400
}

.icon-container-unifiedButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 16.5px;
    padding-inline-start:16.5px;-webkit-padding-before: 14.75px;
    padding-block-start:14.75px;-webkit-padding-after: 11.75px;
    padding-block-end:11.75px}

.icon-container-unifiedButton[dir=ltr],[dir=ltr] .icon-container-unifiedButton {
    padding-left: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.75px
}

.icon-container-unifiedButton[dir=rtl],[dir=rtl] .icon-container-unifiedButton {
    padding-right: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.75px
}

.icon-container-unifiedButton .fmip-svg-icon {
    inline-size: inherit;
    block-size: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.icon-container-unifiedButton[dir=ltr] .fmip-svg-icon,.icon-container-unifiedButton[dir=rtl] .fmip-svg-icon,[dir=ltr] .icon-container-unifiedButton .fmip-svg-icon,[dir=rtl] .icon-container-unifiedButton .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.icon-container-unifiedButton .fmip-svg-icon .fmip-left-glyph,.icon-container-unifiedButton .fmip-svg-icon .fmip-right-glyph,.icon-container-unifiedButton .playSuccess .fmip-play-sound-success-background {
    fill: var(--theme-color-systemIndio)
}

.platter-label {
    color: var(--theme-color-systemIndio);
    font-size: 17px;
    padding-inline:19px;-webkit-margin-after: 13px;
    margin-block-end:13px;letter-spacing: -.37px
}

.platter-label[dir=ltr],.platter-label[dir=rtl],[dir=ltr] .platter-label,[dir=rtl] .platter-label {
    margin-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px
}

.platter-div {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.button-label {
    font-size: 17px;
    padding-inline:19px}

.button-label[dir=ltr],.button-label[dir=rtl],[dir=ltr] .button-label,[dir=rtl] .button-label {
    padding-left: 19px;
    padding-right: 19px
}

.button-div {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.compact .stop-play-sound-unified .button-label {
    padding-inline:0}

.compact[dir=ltr] .stop-play-sound-unified .button-label,.compact[dir=rtl] .stop-play-sound-unified .button-label,[dir=ltr] .compact .stop-play-sound-unified .button-label,[dir=rtl] .compact .stop-play-sound-unified .button-label {
    padding-left: 0;
    padding-right: 0
}

.fmip-play-sound-control,.stop-playing-sound-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fmip-play-sound-control .channel-state-playing,.stop-playing-sound-button .channel-state-playing {
    position: relative;
    block-size: 86px;
    background-color: rgba(88,86,214,.07)
}

.fmip-play-sound-control[dir=ltr] .channel-state-playing,.fmip-play-sound-control[dir=rtl] .channel-state-playing,.stop-playing-sound-button[dir=ltr] .channel-state-playing,.stop-playing-sound-button[dir=rtl] .channel-state-playing,[dir=ltr] .fmip-play-sound-control .channel-state-playing,[dir=ltr] .stop-playing-sound-button .channel-state-playing,[dir=rtl] .fmip-play-sound-control .channel-state-playing,[dir=rtl] .stop-playing-sound-button .channel-state-playing {
    height: 86px
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .channel-state-playing,.stop-playing-sound-button .channel-state-playing {
        background-color:rgba(94,92,230,.07)
    }
}

[data-appearance=dark] .fmip-play-sound-control .channel-state-playing,[data-appearance=dark] .stop-playing-sound-button .channel-state-playing {
    background-color: rgba(94,92,230,.07)
}

[data-appearance=light] .fmip-play-sound-control .channel-state-playing,[data-appearance=light] .stop-playing-sound-button .channel-state-playing {
    background-color: rgba(88,86,214,.07)
}

.fmip-play-sound-control .channel-state-playing .icon-container,.stop-playing-sound-button .channel-state-playing .icon-container {
    inline-size: 33px;
    block-size: 26px
}

.fmip-play-sound-control[dir=ltr] .channel-state-playing .icon-container,.fmip-play-sound-control[dir=rtl] .channel-state-playing .icon-container,.stop-playing-sound-button[dir=ltr] .channel-state-playing .icon-container,.stop-playing-sound-button[dir=rtl] .channel-state-playing .icon-container,[dir=ltr] .fmip-play-sound-control .channel-state-playing .icon-container,[dir=ltr] .stop-playing-sound-button .channel-state-playing .icon-container,[dir=rtl] .fmip-play-sound-control .channel-state-playing .icon-container,[dir=rtl] .stop-playing-sound-button .channel-state-playing .icon-container {
    width: 33px;
    height: 26px
}

.fmip-play-sound-control .channel-state-playing.muted,.stop-playing-sound-button .channel-state-playing.muted {
    opacity: .56
}

.fmip-play-sound-control .stop-play-sound-unified,.stop-playing-sound-button .stop-play-sound-unified {
    background-color: rgba(0,0,0,.02);
    block-size: 54px;
    padding-block:5px;-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.fmip-play-sound-control[dir=ltr] .stop-play-sound-unified,.fmip-play-sound-control[dir=rtl] .stop-play-sound-unified,.stop-playing-sound-button[dir=ltr] .stop-play-sound-unified,.stop-playing-sound-button[dir=rtl] .stop-play-sound-unified,[dir=ltr] .fmip-play-sound-control .stop-play-sound-unified,[dir=ltr] .stop-playing-sound-button .stop-play-sound-unified,[dir=rtl] .fmip-play-sound-control .stop-play-sound-unified,[dir=rtl] .stop-playing-sound-button .stop-play-sound-unified {
    height: 54px;
    padding-top: 5px;
    padding-bottom: 5px
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .stop-play-sound-unified,.stop-playing-sound-button .stop-play-sound-unified {
        background-color:hsla(0,0%,100%,.02)
    }
}

[data-appearance=dark] .fmip-play-sound-control .stop-play-sound-unified,[data-appearance=dark] .stop-playing-sound-button .stop-play-sound-unified {
    background-color: hsla(0,0%,100%,.02)
}

[data-appearance=light] .fmip-play-sound-control .stop-play-sound-unified,[data-appearance=light] .stop-playing-sound-button .stop-play-sound-unified {
    background-color: rgba(0,0,0,.02)
}

.fmip-play-sound-control .stop-play-sound-unified .label,.stop-playing-sound-button .stop-play-sound-unified .label {
    color: var(--theme-color-labelPrimary);
    padding-block:10px}

.fmip-play-sound-control[dir=ltr] .stop-play-sound-unified .label,.fmip-play-sound-control[dir=rtl] .stop-play-sound-unified .label,.stop-playing-sound-button[dir=ltr] .stop-play-sound-unified .label,.stop-playing-sound-button[dir=rtl] .stop-play-sound-unified .label,[dir=ltr] .fmip-play-sound-control .stop-play-sound-unified .label,[dir=ltr] .stop-playing-sound-button .stop-play-sound-unified .label,[dir=rtl] .fmip-play-sound-control .stop-play-sound-unified .label,[dir=rtl] .stop-playing-sound-button .stop-play-sound-unified .label {
    padding-top: 10px;
    padding-bottom: 10px
}

.fmip-play-sound-control .stop-play-sound-unified:hover,.stop-playing-sound-button .stop-play-sound-unified:hover {
    background-color: var(--theme-color-fillQuaternary)
}

.fmip-play-sound-control .stop-play-sound-unified:active,.stop-playing-sound-button .stop-play-sound-unified:active {
    background-color: rgba(3,161,14,.16);
    -webkit-box-shadow: none;
    box-shadow: none
}

.fmip-play-sound-control .stop-play-sound-unified:active:before,.stop-playing-sound-button .stop-play-sound-unified:active:before {
    display: none
}

.fmip-play-sound-control .stop-play-sound-unified:active .label,.stop-playing-sound-button .stop-play-sound-unified:active .label {
    color: var(--theme-color-labelQuaternary)
}

.fmip-play-sound-control .play-sound-button:hover,.stop-playing-sound-button .play-sound-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .play-sound-button:hover,.stop-playing-sound-button .play-sound-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .fmip-play-sound-control .play-sound-button:hover,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .fmip-play-sound-control .play-sound-button:hover,[data-appearance=light] .stop-playing-sound-button .play-sound-button:hover {
    background-color: rgba(0,0,0,.04)
}

.fmip-play-sound-control .play-sound-button:active,.fmip-play-sound-control .play-sound-button:focus,.stop-playing-sound-button .play-sound-button:active,.stop-playing-sound-button .play-sound-button:focus {
    background-color: rgba(0,0,0,.02)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .play-sound-button:active,.fmip-play-sound-control .play-sound-button:focus,.stop-playing-sound-button .play-sound-button:active,.stop-playing-sound-button .play-sound-button:focus {
        background-color:hsla(0,0%,100%,.02)
    }
}

[data-appearance=dark] .fmip-play-sound-control .play-sound-button:active,[data-appearance=dark] .fmip-play-sound-control .play-sound-button:focus,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:active,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:focus {
    background-color: hsla(0,0%,100%,.02)
}

[data-appearance=light] .fmip-play-sound-control .play-sound-button:active,[data-appearance=light] .fmip-play-sound-control .play-sound-button:focus,[data-appearance=light] .stop-playing-sound-button .play-sound-button:active,[data-appearance=light] .stop-playing-sound-button .play-sound-button:focus {
    background-color: rgba(0,0,0,.02)
}

.fmip-play-sound-control .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,.fmip-play-sound-control .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background,.stop-playing-sound-button .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,.stop-playing-sound-button .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background {
    fill: rgba(88,86,214,.3)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,.fmip-play-sound-control .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background,.stop-playing-sound-button .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,.stop-playing-sound-button .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background {
        fill:rgba(94,92,230,.3)
    }
}

[data-appearance=dark] .fmip-play-sound-control .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,[data-appearance=dark] .fmip-play-sound-control .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background {
    fill: rgba(94,92,230,.3)
}

[data-appearance=light] .fmip-play-sound-control .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,[data-appearance=light] .fmip-play-sound-control .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background,[data-appearance=light] .stop-playing-sound-button .play-sound-button:active .icon-container .action-glyph .play-sound-icon-background,[data-appearance=light] .stop-playing-sound-button .play-sound-button:focus .icon-container .action-glyph .play-sound-icon-background {
    fill: rgba(88,86,214,.3)
}

.fmip-play-sound-control .play-sound-button:active:before,.fmip-play-sound-control .play-sound-button:focus:before,.stop-playing-sound-button .play-sound-button:active:before,.stop-playing-sound-button .play-sound-button:focus:before {
    display: none
}

.fmip-play-sound-control .play-sound-button:active .playsoundlabel,.fmip-play-sound-control .play-sound-button:focus .playsoundlabel,.stop-playing-sound-button .play-sound-button:active .playsoundlabel,.stop-playing-sound-button .play-sound-button:focus .playsoundlabel {
    color: rgba(88,86,214,.3)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .play-sound-button:active .playsoundlabel,.fmip-play-sound-control .play-sound-button:focus .playsoundlabel,.stop-playing-sound-button .play-sound-button:active .playsoundlabel,.stop-playing-sound-button .play-sound-button:focus .playsoundlabel {
        color:rgba(94,92,230,.3)
    }
}

[data-appearance=dark] .fmip-play-sound-control .play-sound-button:active .playsoundlabel,[data-appearance=dark] .fmip-play-sound-control .play-sound-button:focus .playsoundlabel,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:active .playsoundlabel,[data-appearance=dark] .stop-playing-sound-button .play-sound-button:focus .playsoundlabel {
    color: rgba(94,92,230,.3)
}

[data-appearance=light] .fmip-play-sound-control .play-sound-button:active .playsoundlabel,[data-appearance=light] .fmip-play-sound-control .play-sound-button:focus .playsoundlabel,[data-appearance=light] .stop-playing-sound-button .play-sound-button:active .playsoundlabel,[data-appearance=light] .stop-playing-sound-button .play-sound-button:focus .playsoundlabel {
    color: rgba(88,86,214,.3)
}

.fmip-play-sound-control .play-sound-button-pending,.fmip-play-sound-control .play-sound-button-success,.stop-playing-sound-button .play-sound-button-pending,.stop-playing-sound-button .play-sound-button-success {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: rgba(88,86,214,.07)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .play-sound-button-pending,.fmip-play-sound-control .play-sound-button-success,.stop-playing-sound-button .play-sound-button-pending,.stop-playing-sound-button .play-sound-button-success {
        background-color:rgba(94,92,230,.07)
    }
}

[data-appearance=dark] .fmip-play-sound-control .play-sound-button-pending,[data-appearance=dark] .fmip-play-sound-control .play-sound-button-success,[data-appearance=dark] .stop-playing-sound-button .play-sound-button-pending,[data-appearance=dark] .stop-playing-sound-button .play-sound-button-success {
    background-color: rgba(94,92,230,.07)
}

[data-appearance=light] .fmip-play-sound-control .play-sound-button-pending,[data-appearance=light] .fmip-play-sound-control .play-sound-button-success,[data-appearance=light] .stop-playing-sound-button .play-sound-button-pending,[data-appearance=light] .stop-playing-sound-button .play-sound-button-success {
    background-color: rgba(88,86,214,.07)
}

.fmip-play-sound-control .play-sound-button-pending .label,.fmip-play-sound-control .play-sound-button-success .label,.stop-playing-sound-button .play-sound-button-pending .label,.stop-playing-sound-button .play-sound-button-success .label {
    color: var(--theme-color-labelTertiary)
}

.fmip-play-sound-control .play-sound-button-pending:before,.fmip-play-sound-control .play-sound-button-success:before,.stop-playing-sound-button .play-sound-button-pending:before,.stop-playing-sound-button .play-sound-button-success:before {
    display: none
}

.fmip-play-sound-control .play-sound-button-success .label,.stop-playing-sound-button .play-sound-button-success .label {
    color: var(--theme-color-systemIndio)
}

.fmip-play-sound-control .stop-play-sound,.stop-playing-sound-button .stop-play-sound {
    block-size: 54px;
    margin: 5px;
    border-radius: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.fmip-play-sound-control[dir=ltr] .stop-play-sound,.fmip-play-sound-control[dir=rtl] .stop-play-sound,.stop-playing-sound-button[dir=ltr] .stop-play-sound,.stop-playing-sound-button[dir=rtl] .stop-play-sound,[dir=ltr] .fmip-play-sound-control .stop-play-sound,[dir=ltr] .stop-playing-sound-button .stop-play-sound,[dir=rtl] .fmip-play-sound-control .stop-play-sound,[dir=rtl] .stop-playing-sound-button .stop-play-sound {
    height: 54px
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .stop-play-sound,.stop-playing-sound-button .stop-play-sound {
        background-color:hsla(0,0%,100%,0)
    }
}

[data-appearance=dark] .fmip-play-sound-control .stop-play-sound,[data-appearance=dark] .stop-playing-sound-button .stop-play-sound {
    background-color: hsla(0,0%,100%,0)
}

[data-appearance=light] .fmip-play-sound-control .stop-play-sound,[data-appearance=light] .stop-playing-sound-button .stop-play-sound {
    background-color: transparent
}

.fmip-play-sound-control .stop-play-sound:before,.stop-playing-sound-button .stop-play-sound:before {
    display: none
}

.fmip-play-sound-control .stop-play-sound:hover,.stop-playing-sound-button .stop-play-sound:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .stop-play-sound:hover,.stop-playing-sound-button .stop-play-sound:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .fmip-play-sound-control .stop-play-sound:hover,[data-appearance=dark] .stop-playing-sound-button .stop-play-sound:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .fmip-play-sound-control .stop-play-sound:hover,[data-appearance=light] .stop-playing-sound-button .stop-play-sound:hover {
    background-color: rgba(0,0,0,.04)
}

.fmip-play-sound-control .stop-play-sound:active,.fmip-play-sound-control .stop-play-sound:focus,.stop-playing-sound-button .stop-play-sound:active,.stop-playing-sound-button .stop-play-sound:focus {
    background-color: rgba(3,161,14,.16)!important
}

.fmip-play-sound-control .stop-play-sound:active .label,.fmip-play-sound-control .stop-play-sound:focus .label,.stop-playing-sound-button .stop-play-sound:active .label,.stop-playing-sound-button .stop-play-sound:focus .label {
    color: var(--theme-color-labelQuaternary)
}

.fmip-play-sound-control .stop-play-sound .label,.stop-playing-sound-button .stop-play-sound .label {
    color: var(--theme-color-labelPrimary);
    padding-block:10px;padding-inline:14px}

.fmip-play-sound-control[dir=ltr] .stop-play-sound .label,.fmip-play-sound-control[dir=rtl] .stop-play-sound .label,.stop-playing-sound-button[dir=ltr] .stop-play-sound .label,.stop-playing-sound-button[dir=rtl] .stop-play-sound .label,[dir=ltr] .fmip-play-sound-control .stop-play-sound .label,[dir=ltr] .stop-playing-sound-button .stop-play-sound .label,[dir=rtl] .fmip-play-sound-control .stop-play-sound .label,[dir=rtl] .stop-playing-sound-button .stop-play-sound .label {
    padding: 10px 14px
}

.fmip-play-sound-control .channel .channel-state,.stop-playing-sound-button .channel .channel-state {
    position: relative;
    block-size: 86px;
    background-color: rgba(88,86,214,.07)
}

.fmip-play-sound-control[dir=ltr] .channel .channel-state,.fmip-play-sound-control[dir=rtl] .channel .channel-state,.stop-playing-sound-button[dir=ltr] .channel .channel-state,.stop-playing-sound-button[dir=rtl] .channel .channel-state,[dir=ltr] .fmip-play-sound-control .channel .channel-state,[dir=ltr] .stop-playing-sound-button .channel .channel-state,[dir=rtl] .fmip-play-sound-control .channel .channel-state,[dir=rtl] .stop-playing-sound-button .channel .channel-state {
    height: 86px
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .channel .channel-state,.stop-playing-sound-button .channel .channel-state {
        background-color:rgba(94,92,230,.07)
    }
}

[data-appearance=dark] .fmip-play-sound-control .channel .channel-state,[data-appearance=dark] .stop-playing-sound-button .channel .channel-state {
    background-color: rgba(94,92,230,.07)
}

[data-appearance=light] .fmip-play-sound-control .channel .channel-state,[data-appearance=light] .stop-playing-sound-button .channel .channel-state {
    background-color: rgba(88,86,214,.07)
}

.fmip-play-sound-control .channel .channel-state .icon-container,.stop-playing-sound-button .channel .channel-state .icon-container {
    inline-size: 29px;
    block-size: 23px
}

.fmip-play-sound-control[dir=ltr] .channel .channel-state .icon-container,.fmip-play-sound-control[dir=rtl] .channel .channel-state .icon-container,.stop-playing-sound-button[dir=ltr] .channel .channel-state .icon-container,.stop-playing-sound-button[dir=rtl] .channel .channel-state .icon-container,[dir=ltr] .fmip-play-sound-control .channel .channel-state .icon-container,[dir=ltr] .stop-playing-sound-button .channel .channel-state .icon-container,[dir=rtl] .fmip-play-sound-control .channel .channel-state .icon-container,[dir=rtl] .stop-playing-sound-button .channel .channel-state .icon-container {
    width: 29px;
    height: 23px
}

.fmip-play-sound-control .channel .channel-state.muted .fmip-left-glyph,.fmip-play-sound-control .channel .channel-state.muted .fmip-right-glyph,.stop-playing-sound-button .channel .channel-state.muted .fmip-left-glyph,.stop-playing-sound-button .channel .channel-state.muted .fmip-right-glyph {
    fill: var(--theme-color-labelTertiary)
}

.fmip-play-sound-control .channel .channel-state.muted .platter-label,.stop-playing-sound-button .channel .channel-state.muted .platter-label {
    color: var(--theme-color-labelTertiary)
}

.fmip-play-sound-control .channel .fmip-channel-button-container,.stop-playing-sound-button .channel .fmip-channel-button-container {
    border-radius: 0 0 10px 10px;
    padding: 5px
}

.fmip-play-sound-control .channel .channel-button,.stop-playing-sound-button .channel .channel-button {
    background-color: transparent;
    block-size: 44px;
    border-radius: 10px;
    color: var(--theme-color-labelPrimary);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fmip-play-sound-control[dir=ltr] .channel .channel-button,.fmip-play-sound-control[dir=rtl] .channel .channel-button,.stop-playing-sound-button[dir=ltr] .channel .channel-button,.stop-playing-sound-button[dir=rtl] .channel .channel-button,[dir=ltr] .fmip-play-sound-control .channel .channel-button,[dir=ltr] .stop-playing-sound-button .channel .channel-button,[dir=rtl] .fmip-play-sound-control .channel .channel-button,[dir=rtl] .stop-playing-sound-button .channel .channel-button {
    height: 44px
}

.fmip-play-sound-control .channel .channel-button .label,.stop-playing-sound-button .channel .channel-button .label {
    font-size: 17px;
    padding-block:10px;padding-inline:14px}

.fmip-play-sound-control[dir=ltr] .channel .channel-button .label,.fmip-play-sound-control[dir=rtl] .channel .channel-button .label,.stop-playing-sound-button[dir=ltr] .channel .channel-button .label,.stop-playing-sound-button[dir=rtl] .channel .channel-button .label,[dir=ltr] .fmip-play-sound-control .channel .channel-button .label,[dir=ltr] .stop-playing-sound-button .channel .channel-button .label,[dir=rtl] .fmip-play-sound-control .channel .channel-button .label,[dir=rtl] .stop-playing-sound-button .channel .channel-button .label {
    padding: 10px 14px
}

.fmip-play-sound-control .channel .channel-button:hover,.stop-playing-sound-button .channel .channel-button:hover {
    background-color: rgba(0,0,0,.04)
}

@media (prefers-color-scheme: dark) {
    .fmip-play-sound-control .channel .channel-button:hover,.stop-playing-sound-button .channel .channel-button:hover {
        background-color:hsla(0,0%,100%,.04)
    }
}

[data-appearance=dark] .fmip-play-sound-control .channel .channel-button:hover,[data-appearance=dark] .stop-playing-sound-button .channel .channel-button:hover {
    background-color: hsla(0,0%,100%,.04)
}

[data-appearance=light] .fmip-play-sound-control .channel .channel-button:hover,[data-appearance=light] .stop-playing-sound-button .channel .channel-button:hover {
    background-color: rgba(0,0,0,.04)
}

.fmip-play-sound-control .channel .channel-button:active,.fmip-play-sound-control .channel .channel-button:focus,.stop-playing-sound-button .channel .channel-button:active,.stop-playing-sound-button .channel .channel-button:focus {
    background-color: rgba(3,161,14,.16)!important
}

.fmip-play-sound-control .channel .channel-button:active .label,.fmip-play-sound-control .channel .channel-button:focus .label,.stop-playing-sound-button .channel .channel-button:active .label,.stop-playing-sound-button .channel .channel-button:focus .label {
    color: var(--theme-color-labelQuaternary)
}

.fmip-play-sound-control .channel .channel-button:before,.stop-playing-sound-button .channel .channel-button:before {
    display: none
}

.fmip-play-sound-control>*,.stop-playing-sound-button>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fmip-play-sound-control>.channel:last-child,.stop-playing-sound-button>.channel:last-child {
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.fmip-play-sound-control[dir=ltr]>.channel:last-child,.stop-playing-sound-button[dir=ltr]>.channel:last-child,[dir=ltr] .fmip-play-sound-control>.channel:last-child,[dir=ltr] .stop-playing-sound-button>.channel:last-child {
    margin-left: 10px
}

.fmip-play-sound-control[dir=rtl]>.channel:last-child,.stop-playing-sound-button[dir=rtl]>.channel:last-child,[dir=rtl] .fmip-play-sound-control>.channel:last-child,[dir=rtl] .stop-playing-sound-button>.channel:last-child {
    margin-right: 10px
}

.fmip-play-sound-control .playsoundlabel,.stop-playing-sound-button .playsoundlabel {
    font-size: 17px;
    margin-inline:19px;-webkit-margin-after: 13px;
    margin-block-end:13px}

.fmip-play-sound-control[dir=ltr] .playsoundlabel,.fmip-play-sound-control[dir=rtl] .playsoundlabel,.stop-playing-sound-button[dir=ltr] .playsoundlabel,.stop-playing-sound-button[dir=rtl] .playsoundlabel,[dir=ltr] .fmip-play-sound-control .playsoundlabel,[dir=ltr] .stop-playing-sound-button .playsoundlabel,[dir=rtl] .fmip-play-sound-control .playsoundlabel,[dir=rtl] .stop-playing-sound-button .playsoundlabel {
    margin-top: 25px;
    margin-bottom: 13px;
    margin-left: 19px;
    margin-right: 19px
}

.stop-playing-sound-button {
    -webkit-margin-before: 10px;
    margin-block-start:10px;border-radius: 10px;
    background-color: rgba(0,0,0,.02)
}

.stop-playing-sound-button[dir=ltr],.stop-playing-sound-button[dir=rtl],[dir=ltr] .stop-playing-sound-button,[dir=rtl] .stop-playing-sound-button {
    margin-top: 10px
}

@media (prefers-color-scheme: dark) {
    .stop-playing-sound-button {
        background-color:hsla(0,0%,100%,.02)
    }
}

[data-appearance=dark] .stop-playing-sound-button {
    background-color: hsla(0,0%,100%,.02)
}

[data-appearance=light] .stop-playing-sound-button {
    background-color: rgba(0,0,0,.02)
}

.accessory {
    margin-block:0!important}

.accessory[dir=ltr],.accessory[dir=rtl],[dir=ltr] .accessory,[dir=rtl] .accessory {
    margin-top: 0;
    margin-bottom: 0
}

.annotation-timestamp-container {
    border-radius: 10px;
    background-color: #fbfbfd;
    block-size: 40px;
    inline-size: 100px;
    padding: 5px;
    font-size: 14px
}

.annotation-timestamp-container[dir=ltr],.annotation-timestamp-container[dir=rtl],[dir=ltr] .annotation-timestamp-container,[dir=rtl] .annotation-timestamp-container {
    height: 40px;
    width: 100px
}

@media (prefers-color-scheme: dark) {
    .annotation-timestamp-container {
        background-color:#292c31
    }
}

[data-appearance=dark] .annotation-timestamp-container {
    background-color: #292c31
}

[data-appearance=light] .annotation-timestamp-container {
    background-color: #fbfbfd
}

.annotation-timestamp-container .annotation-title {
    color: var(--theme-color-labelPrimary)
}

.annotation-timestamp-container .annotation-subtitle {
    color: var(--theme-color-labelSecondary);
    -webkit-padding-before: 2px;
    padding-block-start:2px}

.annotation-timestamp-container[dir=ltr] .annotation-subtitle,.annotation-timestamp-container[dir=rtl] .annotation-subtitle,[dir=ltr] .annotation-timestamp-container .annotation-subtitle,[dir=rtl] .annotation-timestamp-container .annotation-subtitle {
    padding-top: 2px
}

.annotation-container {
    block-size: 90px;
    inline-size: 80px
}

.annotation-container[dir=ltr],.annotation-container[dir=rtl],[dir=ltr] .annotation-container,[dir=rtl] .annotation-container {
    height: 90px;
    width: 80px
}

.annotation-container.unselected {
    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
}

.fmip-device-annotation.unselected {
    block-size: 60px;
    inline-size: 60px
}

.fmip-device-annotation.unselected[dir=ltr],.fmip-device-annotation.unselected[dir=rtl],[dir=ltr] .fmip-device-annotation.unselected,[dir=rtl] .fmip-device-annotation.unselected {
    height: 60px;
    width: 60px
}

.app-state-secondary-auth .fmip-device-annotation.unselected {
    display: none
}

.fmip-device-annotation.unselected .annotation {
    -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
}

.fmip-device-annotation.unselected .unselected-annotation-border {
    fill: #fff
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation.unselected .unselected-annotation-border {
        fill:#828699
    }
}

[data-appearance=dark] .fmip-device-annotation.unselected .unselected-annotation-border {
    fill: #828699
}

[data-appearance=light] .fmip-device-annotation.unselected .unselected-annotation-border {
    fill: #fff
}

.fmip-device-annotation.unselected .unselected-svg-background {
    fill: url(#linearGradient-light)
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation.unselected .unselected-svg-background {
        fill:url(#linearGradient-dark)
    }
}

[data-appearance=dark] .fmip-device-annotation.unselected .unselected-svg-background {
    fill: url(#linearGradient-dark)
}

[data-appearance=light] .fmip-device-annotation.unselected .unselected-svg-background {
    fill: url(#linearGradient-light)
}

.fmip-device-annotation.unselected .annotation-icon {
    position: absolute;
    block-size: 52px!important;
    inline-size: 52px!important;
    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
}

.fmip-device-annotation.unselected[dir=ltr] .annotation-icon,.fmip-device-annotation.unselected[dir=rtl] .annotation-icon,[dir=ltr] .fmip-device-annotation.unselected .annotation-icon,[dir=rtl] .fmip-device-annotation.unselected .annotation-icon {
    height: 52px!important;
    width: 52px!important
}

.fmip-device-annotation.unselected .annotation-icon img.image {
    block-size: 63px;
    inline-size: 63px
}

.fmip-device-annotation.unselected[dir=ltr] .annotation-icon img.image,.fmip-device-annotation.unselected[dir=rtl] .annotation-icon img.image,[dir=ltr] .fmip-device-annotation.unselected .annotation-icon img.image,[dir=rtl] .fmip-device-annotation.unselected .annotation-icon img.image {
    height: 63px;
    width: 63px
}

.app-state-secondary-auth .fmip-device-annotation.selected {
    display: none
}

.fmip-device-annotation.selected .selected-annotation-svg-border {
    fill: #fff
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation.selected .selected-annotation-svg-border {
        fill:#828699
    }
}

[data-appearance=dark] .fmip-device-annotation.selected .selected-annotation-svg-border {
    fill: #828699
}

[data-appearance=light] .fmip-device-annotation.selected .selected-annotation-svg-border {
    fill: #fff
}

.fmip-device-annotation.selected .selected-annotation-background {
    fill: url(#linearGradient-light)
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation.selected .selected-annotation-background {
        fill:url(#linearGradient-dark)
    }
}

[data-appearance=dark] .fmip-device-annotation.selected .selected-annotation-background {
    fill: url(#linearGradient-dark)
}

[data-appearance=light] .fmip-device-annotation.selected .selected-annotation-background {
    fill: url(#linearGradient-light)
}

.fmip-device-annotation.selected .fmip-selected-annotation-stroke {
    fill: #fff
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation.selected .fmip-selected-annotation-stroke {
        fill:#828699
    }
}

[data-appearance=dark] .fmip-device-annotation.selected .fmip-selected-annotation-stroke {
    fill: #828699
}

[data-appearance=light] .fmip-device-annotation.selected .fmip-selected-annotation-stroke {
    fill: #fff
}

.fmip-device-annotation.selected .annotation-icon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    inline-size: 70px!important;
    block-size: 70px!important;
    position: absolute;
    -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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 5px;
    margin-block-start:5px;-webkit-margin-start: 5px;
    margin-inline-start:5px}

.fmip-device-annotation.selected[dir=ltr] .annotation-icon,[dir=ltr] .fmip-device-annotation.selected .annotation-icon {
    width: 70px!important;
    height: 70px!important;
    margin-top: 5px;
    margin-left: 5px
}

.fmip-device-annotation.selected[dir=rtl] .annotation-icon,[dir=rtl] .fmip-device-annotation.selected .annotation-icon {
    width: 70px!important;
    height: 70px!important;
    margin-top: 5px;
    margin-right: 5px
}

.fmip-device-annotation.selected .annotation-icon img.image {
    block-size: 62px;
    inline-size: 62px
}

.fmip-device-annotation.selected[dir=ltr] .annotation-icon img.image,.fmip-device-annotation.selected[dir=rtl] .annotation-icon img.image,[dir=ltr] .fmip-device-annotation.selected .annotation-icon img.image,[dir=rtl] .fmip-device-annotation.selected .annotation-icon img.image {
    height: 62px;
    width: 62px
}

.fmip-device-annotation .annotation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fmip-device-annotation .unselected {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    block-size: 60px;
    inline-size: 60px
}

.fmip-device-annotation[dir=ltr] .unselected,.fmip-device-annotation[dir=rtl] .unselected,[dir=ltr] .fmip-device-annotation .unselected,[dir=rtl] .fmip-device-annotation .unselected {
    height: 60px;
    width: 60px
}

.fmip-device-annotation .unselected svg {
    -webkit-filter: drop-shadow(0 11px 17px rgba(0,0,0,.06)) drop-shadow(0 3px 14px rgba(0,0,0,.08)) drop-shadow(0 14px 40px rgba(0,0,0,.1));
    filter: drop-shadow(0 11px 17px rgba(0,0,0,.06)) drop-shadow(0 3px 14px rgba(0,0,0,.08)) drop-shadow(0 14px 40px rgba(0,0,0,.1))
}

.fmip-device-annotation .unselected svg .fmip-selected {
    fill: #fff
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation .unselected svg .fmip-selected {
        fill:#828699
    }
}

[data-appearance=dark] .fmip-device-annotation .unselected svg .fmip-selected {
    fill: #828699
}

[data-appearance=light] .fmip-device-annotation .unselected svg .fmip-selected {
    fill: #fff
}

.fmip-device-annotation .selected {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    block-size: 90px;
    inline-size: 80px
}

.fmip-device-annotation[dir=ltr] .selected,.fmip-device-annotation[dir=rtl] .selected,[dir=ltr] .fmip-device-annotation .selected,[dir=rtl] .fmip-device-annotation .selected {
    height: 90px;
    width: 80px
}

.fmip-device-annotation .selected svg {
    -webkit-filter: drop-shadow(0 4px 4px rgba(0,0,0,.06)) drop-shadow(0 1px 1px rgba(0,0,0,.05)) drop-shadow(0 5px 5px rgba(0,0,0,.14));
    filter: drop-shadow(0 4px 4px rgba(0,0,0,.06)) drop-shadow(0 1px 1px rgba(0,0,0,.05)) drop-shadow(0 5px 5px rgba(0,0,0,.14))
}

.fmip-device-annotation .selected svg .fmip-selected {
    fill: #fff
}

@media (prefers-color-scheme: dark) {
    .fmip-device-annotation .selected svg .fmip-selected {
        fill:#828699
    }
}

[data-appearance=dark] .fmip-device-annotation .selected svg .fmip-selected {
    fill: #828699
}

[data-appearance=light] .fmip-device-annotation .selected svg .fmip-selected {
    fill: #fff
}

.app-state-secondary-auth .mk-map-view canvas.rt-root {
    display: none
}

[data-appearance=dark] #noLocationMap,[data-appearance=light] #noLocationMap {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100% 100%
}

#noLocationMap {
    background-repeat: no-repeat;
    block-size: 100%;
    inline-size: 100%;
    z-index: -1;
    position: relative
}

#noLocationMap[dir=ltr],#noLocationMap[dir=rtl],[dir=ltr] #noLocationMap,[dir=rtl] #noLocationMap {
    height: 100%;
    width: 100%
}

#noLocationMap:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

#noLocationMap[dir=ltr]:after,#noLocationMap[dir=rtl]:after,[dir=ltr] #noLocationMap:after,[dir=rtl] #noLocationMap:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#map {
    display: block;
    block-size: 100%;
    inline-size: 100%;
    position: absolute
}

#map[dir=ltr],#map[dir=rtl],[dir=ltr] #map,[dir=rtl] #map {
    height: 100%;
    width: 100%
}

.message-section {
    inset-inline-start: 50%;
    -webkit-margin-end: -50%;
    margin-inline-end:-50%;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
    position: absolute;
    overflow: hidden;
    background: none;
    color: var(--theme-color-labelQuaternary);
    text-align: center;
    padding-inline:10px}

.message-section[dir=ltr],[dir=ltr] .message-section {
    left: 50%;
    margin-right: -50%;
    padding-left: 10px;
    padding-right: 10px
}

.message-section[dir=rtl],[dir=rtl] .message-section {
    right: 50%;
    margin-left: -50%;
    padding-right: 10px;
    padding-left: 10px
}

.regular .message-section {
    -webkit-padding-start: 390px;
    padding-inline-start:390px}

.regular[dir=ltr] .message-section,[dir=ltr] .regular .message-section {
    padding-left: 390px
}

.regular[dir=rtl] .message-section,[dir=rtl] .regular .message-section {
    padding-right: 390px
}

[data-appearance=dark] section.device-viewer-section {
    background: -webkit-gradient(linear,left top,left bottom,from(#292c31),to(#292c31)) padding-box,-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.15)),to(hsla(0,0%,100%,.03))) border-box;
    background: linear-gradient(#292c31,#292c31) padding-box,linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.03)) border-box;
    border: 1px solid transparent
}

[data-appearance=dark] #fmip-device-viewer-desktop .initFailure {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100% 100%
}

[data-appearance=light] section.device-viewer-section {
    background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfd),to(#fbfbfd)) padding-box,-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0))) border-box;
    background: linear-gradient(#fbfbfd,#fbfbfd) padding-box,linear-gradient(180deg,#fff,hsla(0,0%,100%,0)) border-box;
    border: 1px solid transparent
}

[data-appearance=light] #fmip-device-viewer-desktop .initFailure {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100% 100%
}

#fmip-device-viewer-desktop {
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

#fmip-device-viewer-desktop[dir=ltr],#fmip-device-viewer-desktop[dir=rtl],[dir=ltr] #fmip-device-viewer-desktop,[dir=rtl] #fmip-device-viewer-desktop {
    width: 100%
}

#fmip-device-viewer-desktop .mk-bottom-left-controls-container .mk-logo-control {
    display: none
}

#fmip-device-viewer-desktop .initFailure {
    background-repeat: no-repeat;
    block-size: 100%;
    inline-size: 100%;
    z-index: -1;
    position: relative
}

#fmip-device-viewer-desktop[dir=ltr] .initFailure,#fmip-device-viewer-desktop[dir=rtl] .initFailure,[dir=ltr] #fmip-device-viewer-desktop .initFailure,[dir=rtl] #fmip-device-viewer-desktop .initFailure {
    height: 100%;
    width: 100%
}

#fmip-device-viewer-desktop .initFailure:after {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

#fmip-device-viewer-desktop[dir=ltr] .initFailure:after,#fmip-device-viewer-desktop[dir=rtl] .initFailure:after,[dir=ltr] #fmip-device-viewer-desktop .initFailure:after,[dir=rtl] #fmip-device-viewer-desktop .initFailure:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#fmip-device-viewer-desktop .device-list-spinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 25px;
    margin-block-start:25px;-webkit-margin-start: 172px;
    margin-inline-start:172px;-webkit-margin-after: 72px;
    margin-block-end:72px}

#fmip-device-viewer-desktop[dir=ltr] .device-list-spinner,[dir=ltr] #fmip-device-viewer-desktop .device-list-spinner {
    margin-top: 25px;
    margin-left: 172px;
    margin-bottom: 72px
}

#fmip-device-viewer-desktop[dir=rtl] .device-list-spinner,[dir=rtl] #fmip-device-viewer-desktop .device-list-spinner {
    margin-top: 25px;
    margin-right: 172px;
    margin-bottom: 72px
}

#fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header {
    block-size: 41px
}

#fmip-device-viewer-desktop[dir=ltr] .fm-control-expanded-device-list-all-devices-header,#fmip-device-viewer-desktop[dir=rtl] .fm-control-expanded-device-list-all-devices-header,[dir=ltr] #fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header,[dir=rtl] #fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header {
    height: 41px
}

#fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header {
    block-size: 60px
}

#fmip-device-viewer-desktop[dir=ltr] .fm-control-collapsed-device-list-all-devices-header,#fmip-device-viewer-desktop[dir=rtl] .fm-control-collapsed-device-list-all-devices-header,[dir=ltr] #fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header,[dir=rtl] #fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header {
    height: 60px
}

#fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    offset-inline-start: 11px;
    offset-inline-end: unset
}

#fmip-device-viewer-desktop[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    left: 11px;
    right: unset
}

#fmip-device-viewer-desktop[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    right: 11px;
    left: unset
}

#fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    offset-inline-start: 0;
    offset-inline-end: auto
}

#fmip-device-viewer-desktop[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    left: 0;
    right: auto
}

#fmip-device-viewer-desktop[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    right: 0;
    left: auto
}

#fmip-device-viewer-desktop.no-location-mapblur .mk-map-node-element {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: hsla(0,0%,100%,.6)
}

#fmip-device-viewer-desktop.no-location-mapblur .mk-controls-container {
    display: none
}

#fmip-device-viewer-desktop.noDevice .device-viewer-section {
    overflow: visible
}

#fmip-device-viewer-desktop.noDevice .ui-card.regular {
    block-size: auto!important
}

#fmip-device-viewer-desktop.noDevice[dir=ltr] .ui-card.regular,#fmip-device-viewer-desktop.noDevice[dir=rtl] .ui-card.regular,[dir=ltr] #fmip-device-viewer-desktop.noDevice .ui-card.regular,[dir=rtl] #fmip-device-viewer-desktop.noDevice .ui-card.regular {
    height: auto!important
}

#fmip-device-viewer-desktop .compact .ui-sliding-card,#fmip-device-viewer-desktop .compact .ui-sliding-card-modal {
    offset-block-end: 0
}

#fmip-device-viewer-desktop[dir=ltr] .compact .ui-sliding-card,#fmip-device-viewer-desktop[dir=ltr] .compact .ui-sliding-card-modal,#fmip-device-viewer-desktop[dir=rtl] .compact .ui-sliding-card,#fmip-device-viewer-desktop[dir=rtl] .compact .ui-sliding-card-modal,[dir=ltr] #fmip-device-viewer-desktop .compact .ui-sliding-card,[dir=ltr] #fmip-device-viewer-desktop .compact .ui-sliding-card-modal,[dir=rtl] #fmip-device-viewer-desktop .compact .ui-sliding-card,[dir=rtl] #fmip-device-viewer-desktop .compact .ui-sliding-card-modal {
    bottom: 0
}

#fmip-device-viewer-desktop .device-viewer-section {
    z-index: 0;
    inline-size: 360px;
    position: absolute;
    inset-block-start: 20px;
    inset-inline-start: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.2);
    box-shadow: 0 11px 34px rgba(0,0,0,.2);
    border-radius: 16px;
    -webkit-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out;
    background-color: #fbfbfd
}

#fmip-device-viewer-desktop[dir=ltr] .device-viewer-section,[dir=ltr] #fmip-device-viewer-desktop .device-viewer-section {
    width: 360px;
    top: 20px;
    left: 20px
}

#fmip-device-viewer-desktop[dir=rtl] .device-viewer-section,[dir=rtl] #fmip-device-viewer-desktop .device-viewer-section {
    width: 360px;
    top: 20px;
    right: 20px
}

@media (prefers-color-scheme: dark) {
    #fmip-device-viewer-desktop .device-viewer-section {
        -webkit-box-shadow:0 11px 34px rgba(0,0,0,.5);
        box-shadow: 0 11px 34px rgba(0,0,0,.5)
    }
}

[data-appearance=dark] #fmip-device-viewer-desktop .device-viewer-section {
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.5);
    box-shadow: 0 11px 34px rgba(0,0,0,.5)
}

[data-appearance=light] #fmip-device-viewer-desktop .device-viewer-section {
    -webkit-box-shadow: 0 11px 34px rgba(0,0,0,.2);
    box-shadow: 0 11px 34px rgba(0,0,0,.2)
}

@media (prefers-color-scheme: dark) {
    #fmip-device-viewer-desktop .device-viewer-section {
        background-color:#292c31
    }
}

[data-appearance=dark] #fmip-device-viewer-desktop .device-viewer-section {
    background-color: #292c31
}

[data-appearance=light] #fmip-device-viewer-desktop .device-viewer-section {
    background-color: #fbfbfd
}

#fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    inset-inline-start: 0;
    z-index: 1
}

#fmip-device-viewer-desktop[dir=ltr] .device-viewer-section .device-list.regular,[dir=ltr] #fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    left: 0
}

#fmip-device-viewer-desktop[dir=rtl] .device-viewer-section .device-list.regular,[dir=rtl] #fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    right: 0
}

#fmip-device-viewer-desktop .device-viewer-section .device-list-spinner .fmip-loading-spinner {
    font-size: 16px
}

#fmip-device-viewer-desktop.app-state-secondary-auth .device-viewer-section {
    display: none
}

#fmip-device-viewer-desktop .fmip-device-list {
    inset-block-start: 64px;
    overflow: hidden auto;
    background-color: #fbfbfd
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list {
    top: 64px
}

@media (prefers-color-scheme: dark) {
    #fmip-device-viewer-desktop .fmip-device-list {
        background-color:#292c31
    }
}

[data-appearance=dark] #fmip-device-viewer-desktop .fmip-device-list {
    background-color: #292c31
}

[data-appearance=light] #fmip-device-viewer-desktop .fmip-device-list {
    background-color: #fbfbfd
}

#fmip-device-viewer-desktop .fmip-device-list .is-floating {
    -webkit-border-before: unset;
    border-block-start:unset}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .is-floating,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .is-floating,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .is-floating,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .is-floating {
    border-top: unset
}

#fmip-device-viewer-desktop .fmip-device-list .section-container {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .section-container,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .section-container,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .section-container,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .section-container {
    margin-bottom: 10px
}

#fmip-device-viewer-desktop .fmip-device-list .sticky {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .sticky,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .sticky,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .sticky,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .sticky {
    top: 0
}

#fmip-device-viewer-desktop .fmip-device-list .section-container .fmip-device-list-item {
    cursor: pointer
}

#fmip-device-viewer-desktop .fmip-device-list:before {
    inset-block-start: 23px
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list:before,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list:before,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list:before,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list:before {
    top: 23px
}

#fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: right;
    -ms-flex-item-align: right;
    align-self: right
}

#fmip-device-viewer-desktop[dir=rtl] .device-details-pane,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: left;
    -ms-flex-item-align: left;
    align-self: left
}

#fmip-device-viewer-desktop .device-details-pane.regular {
    inset-block-start: 0;
    position: absolute;
    inset-inline-start: 360px;
    z-index: 3
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane.regular,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane.regular {
    top: 0;
    left: 360px
}

#fmip-device-viewer-desktop[dir=rtl] .device-details-pane.regular,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane.regular {
    top: 0;
    right: 360px
}

#fmip-device-viewer-desktop .device-details-pane.compact {
    inline-size: 100vw
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane.compact,#fmip-device-viewer-desktop[dir=rtl] .device-details-pane.compact,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane.compact,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane.compact {
    width: 100vw
}

#fmip-device-viewer-desktop .fmip-device-offline-screen {
    offset-block-start: 0;
    position: absolute
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-offline-screen,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-offline-screen,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-offline-screen,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-offline-screen {
    top: 0
}

#fmip-device-viewer-desktop.regular .fmip-device-offline-screen {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    inset-inline-end: auto;
    inset-inline-start: 0
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-top-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    right: auto;
    left: 0
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-top-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    left: auto;
    right: 0
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    offset-inline-start: 2px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    left: 2px
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    right: 2px
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    offset-block-end: 5px;
    inset-inline-start: 60px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    bottom: 5px;
    left: 60px
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    bottom: 5px;
    right: 60px
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal {
    offset-block-end: 0
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal,#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal {
    bottom: 0
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    inset-inline-end: -55px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-zoom-controls,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    right: -55px
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-zoom-controls,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    left: -55px
}

#fmip-device-viewer-desktop.regular .mapkit-user-location-button {
    -webkit-margin-after: -10px;
    margin-block-end:-10px}

#fmip-device-viewer-desktop.regular[dir=ltr] .mapkit-user-location-button,#fmip-device-viewer-desktop.regular[dir=rtl] .mapkit-user-location-button,[dir=ltr] #fmip-device-viewer-desktop.regular .mapkit-user-location-button,[dir=rtl] #fmip-device-viewer-desktop.regular .mapkit-user-location-button {
    margin-bottom: -10px
}

#fmip-device-viewer-desktop .device-details-container {
    inline-size: 332px;
    -webkit-margin-start: 14px;
    margin-inline-start:14px;-webkit-margin-end: 14px;
    margin-inline-end:14px;-webkit-margin-before: 16px;
    margin-block-start:16px;-webkit-margin-after: 20px;
    margin-block-end:20px}

#fmip-device-viewer-desktop[dir=ltr] .device-details-container,#fmip-device-viewer-desktop[dir=rtl] .device-details-container,[dir=ltr] #fmip-device-viewer-desktop .device-details-container,[dir=rtl] #fmip-device-viewer-desktop .device-details-container {
    width: 332px;
    margin: 16px 14px 20px
}

.device-details-compressed-view .container {
    -webkit-margin-before: 12px;
    margin-block-start:12px;letter-spacing: -.22px
}

.device-details-compressed-view[dir=ltr] .container,.device-details-compressed-view[dir=rtl] .container,[dir=ltr] .device-details-compressed-view .container,[dir=rtl] .device-details-compressed-view .container {
    margin-top: 12px
}

.device-details-compressed-view .container .details {
    margin-inline:6px}

.device-details-compressed-view[dir=ltr] .container .details,.device-details-compressed-view[dir=rtl] .container .details,[dir=ltr] .device-details-compressed-view .container .details,[dir=rtl] .device-details-compressed-view .container .details {
    margin-left: 6px;
    margin-right: 6px
}

.device-details-compressed-view .container .details .title {
    word-break: break-all;
    -webkit-margin-after: 6px;
    margin-block-end:6px;line-height: 21px
}

.device-details-compressed-view[dir=ltr] .container .details .title,.device-details-compressed-view[dir=rtl] .container .details .title,[dir=ltr] .device-details-compressed-view .container .details .title,[dir=rtl] .device-details-compressed-view .container .details .title {
    margin-bottom: 6px
}

.device-details-compressed-view .container .details .name {
    white-space: inherit;
    letter-spacing: -.37px
}

.device-details-compressed-view .container .details .subtitle {
    line-height: 21px;
    inline-size: 100%;
    color: var(--theme-color-labelSecondary)
}

.device-details-compressed-view[dir=ltr] .container .details .subtitle,.device-details-compressed-view[dir=rtl] .container .details .subtitle,[dir=ltr] .device-details-compressed-view .container .details .subtitle,[dir=rtl] .device-details-compressed-view .container .details .subtitle {
    width: 100%
}

.device-details-compressed-view .container .details .subTitle {
    margin-inline:0}

.device-details-compressed-view[dir=ltr] .container .details .subTitle,.device-details-compressed-view[dir=rtl] .container .details .subTitle,[dir=ltr] .device-details-compressed-view .container .details .subTitle,[dir=rtl] .device-details-compressed-view .container .details .subTitle {
    margin-left: 0;
    margin-right: 0
}

.device-details-compressed-view .container .details .subtitle .address {
    color: var(--theme-color-labelPrimary)
}

.device-details-compressed-view .container .details .subtitle .show-location-timestamp,.device-details-compressed-view .fmip-device-details .container .details .subtitle .show-locating {
    color: var(--theme-color-labelSecondary)
}

.device-details-compressed-view .container .details .subtitle .no-location-found,.device-details-compressed-view .container .details .subtitle .old-location {
    color: var(--theme-color-labelPrimary)
}

section.device-viewer-section .device-list {
    opacity: 0;
    -webkit-transition: opacity .8s ease-in-out;
    transition: opacity .8s ease-in-out;
    background-color: #fbfbfd
}

@media (prefers-color-scheme: dark) {
    section.device-viewer-section .device-list {
        background-color:#292c31
    }
}

[data-appearance=dark] section.device-viewer-section .device-list {
    background-color: #292c31
}

[data-appearance=light] section.device-viewer-section .device-list {
    background-color: #fbfbfd
}

section.device-viewer-section div.regular-view-no-device-container {
    overflow: hidden auto
}

section.device-viewer-section .device-details-pane {
    opacity: 0;
    -webkit-transition: height,left .8s ease-in-out,opacity .8s ease-in-out;
    transition: height,left .8s ease-in-out,opacity .8s ease-in-out;
    background-color: #fbfbfd
}

@media (prefers-color-scheme: dark) {
    section.device-viewer-section .device-details-pane {
        background-color:#292c31
    }
}

[data-appearance=dark] section.device-viewer-section .device-details-pane {
    background-color: #292c31
}

[data-appearance=light] section.device-viewer-section .device-details-pane {
    background-color: #fbfbfd
}

section.device-viewer-section [aria-hidden=false].device-details-pane,section.device-viewer-section [aria-hidden=false].device-list {
    opacity: 1
}

section.device-viewer-section [aria-hidden=true].device-details-pane,section.device-viewer-section [aria-hidden=true].device-list {
    opacity: 0
}

ui-pane-backdrop.for-ui-alert.for-ui-popup.standard.initFailure-alert {
    background-color: hsla(0,0%,100%,.6)
}

.device-action-status {
    -webkit-margin-start: 6px;
    margin-inline-start:6px;-webkit-margin-before: 11px;
    margin-block-start:11px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-action-status[dir=ltr],[dir=ltr] .device-action-status {
    margin-left: 6px;
    margin-top: 11px
}

.device-action-status[dir=rtl],[dir=rtl] .device-action-status {
    margin-right: 6px;
    margin-top: 11px
}

.device-action-status .lockedstatus {
    color: #ff9500
}

.device-action-status .wipedstatus {
    color: #e30000
}

@media (prefers-color-scheme: dark) {
    .device-action-status .wipedstatus {
        color:#ff3037
    }
}

[data-appearance=dark] .device-action-status .wipedstatus {
    color: #ff3037
}

[data-appearance=light] .device-action-status .wipedstatus {
    color: #e30000
}

.device-action-status .pending {
    color: var(--theme-color-labelSecondary)
}

.device-action-status .status-erase-pending {
    color: #e30000
}

.device-action-status .deviceStatus {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -.22px;
    -webkit-margin-end: 33px;
    margin-inline-end:33px}

.device-action-status[dir=ltr] .deviceStatus,[dir=ltr] .device-action-status .deviceStatus {
    margin-right: 33px
}

.device-action-status[dir=rtl] .deviceStatus,[dir=rtl] .device-action-status .deviceStatus {
    margin-left: 33px
}

.device-action-status .deviceStatus.twoicon {
    -webkit-margin-end: 59px;
    margin-inline-end:59px}

.device-action-status[dir=ltr] .deviceStatus.twoicon,[dir=ltr] .device-action-status .deviceStatus.twoicon {
    margin-right: 59px
}

.device-action-status[dir=rtl] .deviceStatus.twoicon,[dir=rtl] .device-action-status .deviceStatus.twoicon {
    margin-left: 59px
}

.device-action-status .deviceStatus.threeicon {
    -webkit-margin-end: 85px;
    margin-inline-end:85px}

.device-action-status[dir=ltr] .deviceStatus.threeicon,[dir=ltr] .device-action-status .deviceStatus.threeicon {
    margin-right: 85px
}

.device-action-status[dir=rtl] .deviceStatus.threeicon,[dir=rtl] .device-action-status .deviceStatus.threeicon {
    margin-left: 85px
}

.device-action-status .icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 0;
    padding-block-start:0;-webkit-padding-after: 0;
    padding-block-end:0;position: absolute;
    inset-inline-end: 20px;
    block-size: auto;
    inline-size: auto
}

.device-action-status[dir=ltr] .icon-container,[dir=ltr] .device-action-status .icon-container {
    padding-top: 0;
    padding-bottom: 0;
    right: 20px;
    height: auto;
    width: auto
}

.device-action-status[dir=rtl] .icon-container,[dir=rtl] .device-action-status .icon-container {
    padding-top: 0;
    padding-bottom: 0;
    left: 20px;
    height: auto;
    width: auto
}

.device-action-status .icon-container .fmip-svg-icon {
    display: inline-block;
    inline-size: 21px;
    block-size: 21px;
    -webkit-padding-start: 5px;
    padding-inline-start:5px}

.device-action-status[dir=ltr] .icon-container .fmip-svg-icon,[dir=ltr] .device-action-status .icon-container .fmip-svg-icon {
    width: 21px;
    height: 21px;
    padding-left: 5px
}

.device-action-status[dir=rtl] .icon-container .fmip-svg-icon,[dir=rtl] .device-action-status .icon-container .fmip-svg-icon {
    width: 21px;
    height: 21px;
    padding-right: 5px
}

.device-action-status .icon-container .fmip-svg-icon.erase svg {
    inline-size: inherit;
    block-size: inherit;
    fill: #e30000
}

.device-action-status[dir=ltr] .icon-container .fmip-svg-icon.erase svg,.device-action-status[dir=rtl] .icon-container .fmip-svg-icon.erase svg,[dir=ltr] .device-action-status .icon-container .fmip-svg-icon.erase svg,[dir=rtl] .device-action-status .icon-container .fmip-svg-icon.erase svg {
    width: inherit;
    height: inherit
}

@media (prefers-color-scheme: dark) {
    .device-action-status .icon-container .fmip-svg-icon.erase svg {
        fill:#ff3037
    }
}

[data-appearance=dark] .device-action-status .icon-container .fmip-svg-icon.erase svg {
    fill: #ff3037
}

[data-appearance=light] .device-action-status .icon-container .fmip-svg-icon.erase svg {
    fill: #e30000
}

.device-action-status .icon-container .fmip-svg-icon .play-sound-icon-background {
    fill: var(--theme-color-systemIndio)
}

.device-list-all-devices {
    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%;
    background-color: #fbfbfd;
    -webkit-padding-before: 16px;
    padding-block-start:16px;-webkit-padding-start: 20px;
    padding-inline-start:20px;-webkit-padding-end: 14px;
    padding-inline-end:14px;-webkit-box-sizing: border-box;
    box-sizing: border-box
}

.device-list-all-devices[dir=ltr],[dir=ltr] .device-list-all-devices {
    width: 100%;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 14px
}

.device-list-all-devices[dir=rtl],[dir=rtl] .device-list-all-devices {
    width: 100%;
    padding-top: 16px;
    padding-right: 20px;
    padding-left: 14px
}

@media (prefers-color-scheme: dark) {
    .device-list-all-devices {
        background-color:#292c31
    }
}

[data-appearance=dark] .device-list-all-devices {
    background-color: #292c31
}

[data-appearance=light] .device-list-all-devices {
    background-color: #fbfbfd
}

.device-list-all-devices.apply-bottom-margin-to-device-list {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.device-list-all-devices.apply-bottom-margin-to-device-list[dir=ltr],.device-list-all-devices.apply-bottom-margin-to-device-list[dir=rtl],[dir=ltr] .device-list-all-devices.apply-bottom-margin-to-device-list,[dir=rtl] .device-list-all-devices.apply-bottom-margin-to-device-list {
    margin-bottom: 20px
}

.device-list-all-devices.apply-no-device-bottom-margin {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.device-list-all-devices.apply-no-device-bottom-margin[dir=ltr],.device-list-all-devices.apply-no-device-bottom-margin[dir=rtl],[dir=ltr] .device-list-all-devices.apply-no-device-bottom-margin,[dir=rtl] .device-list-all-devices.apply-no-device-bottom-margin {
    margin-bottom: 10px
}

.device-list-all-devices .device-list-all-devices-label {
    font-size: 21px;
    font-weight: 600;
    text-align: start;
    position: absolute;
    letter-spacing: .23px;
    color: var(--theme-color-labelPrimary)
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-label,[dir=ltr] .device-list-all-devices .device-list-all-devices-label {
    text-align: left
}

.device-list-all-devices[dir=rtl] .device-list-all-devices-label,[dir=rtl] .device-list-all-devices .device-list-all-devices-label {
    text-align: right
}

.device-list-all-devices .device-list-all-devices-button {
    block-size: 28px;
    inline-size: 29px;
    border-radius: 6px;
    overflow: hidden
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button,.device-list-all-devices[dir=rtl] .device-list-all-devices-button,[dir=ltr] .device-list-all-devices .device-list-all-devices-button,[dir=rtl] .device-list-all-devices .device-list-all-devices-button {
    height: 28px;
    width: 29px
}

.device-list-all-devices .device-list-all-devices-button>ui-button {
    block-size: inherit;
    inline-size: inherit;
    padding: 0!important;
    border: 0!important;
    outline: none
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button {
    height: inherit;
    width: inherit
}

.device-list-all-devices .device-list-all-devices-button>ui-button .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button .expand-svg {
    fill: #03a10e
}

.device-list-all-devices .device-list-all-devices-button>ui-button:active .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:active .expand-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:focus .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:focus .expand-svg {
    fill: rgba(3,161,14,.16)
}

.device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon {
    min-inline-size: 28px
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button.expand-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button.expand-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon {
    min-width: 28px
}

.device-list-all-devices .device-list-all-devices-button .icon-container {
    block-size: inherit;
    inline-size: inherit;
    display: block;
    padding: 0
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container {
    height: inherit;
    width: inherit
}

.device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon {
    border-radius: 6px;
    inline-size: inherit;
    block-size: inherit
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container .fmip-svg-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container .fmip-svg-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg {
    margin: logical 4px 6px;
    inline-size: 17px;
    block-size: 20px
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container .fmip-svg-icon svg,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container .fmip-svg-icon svg,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg {
    width: 17px;
    height: 20px;
    margin: 4px 6px
}

.device-list-all-devices .device-list-all-devices-button .icon-container .collapse,.device-list-all-devices .device-list-all-devices-button .icon-container .expand {
    z-index: 20
}

.device-details-all-devices {
    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;
    block-size: 28px;
    inline-size: 100%;
    background-color: #fbfbfd;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.device-details-all-devices[dir=ltr],.device-details-all-devices[dir=rtl],[dir=ltr] .device-details-all-devices,[dir=rtl] .device-details-all-devices {
    height: 28px;
    width: 100%
}

@media (prefers-color-scheme: dark) {
    .device-details-all-devices {
        background-color:#292c31
    }
}

[data-appearance=dark] .device-details-all-devices {
    background-color: #292c31
}

[data-appearance=light] .device-details-all-devices {
    background-color: #fbfbfd
}

.device-details-all-devices .all-devices-button {
    padding: 0;
    max-inline-size: 288px
}

.device-details-all-devices[dir=ltr] .all-devices-button,.device-details-all-devices[dir=rtl] .all-devices-button,[dir=ltr] .device-details-all-devices .all-devices-button,[dir=rtl] .device-details-all-devices .all-devices-button {
    max-width: 288px
}

.device-details-all-devices .all-devices-button .left-chevron {
    position: relative;
    inset-block-start: 50%;
    inset-inline-end: -4px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #03a10e
}

.device-details-all-devices[dir=ltr] .all-devices-button .left-chevron,[dir=ltr] .device-details-all-devices .all-devices-button .left-chevron {
    top: 50%;
    right: -4px
}

.device-details-all-devices[dir=rtl] .all-devices-button .left-chevron,[dir=rtl] .device-details-all-devices .all-devices-button .left-chevron {
    top: 50%;
    left: -4px
}

.device-details-all-devices .device-details-all-devices-label {
    font-size: 17px;
    font-weight: 600;
    text-align: start;
    color: #03a10e;
    letter-spacing: -.37px;
    cursor: pointer
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-label,[dir=ltr] .device-details-all-devices .device-details-all-devices-label {
    text-align: left
}

.device-details-all-devices[dir=rtl] .device-details-all-devices-label,[dir=rtl] .device-details-all-devices .device-details-all-devices-label {
    text-align: right
}

.device-details-all-devices .device-details-all-devices-button>ui-button {
    block-size: 28px;
    padding: 0!important;
    border: 0!important;
    outline: none
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button {
    height: 28px
}

.device-details-all-devices .device-details-all-devices-button>ui-button .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button .expand-svg {
    fill: #03a10e
}

.device-details-all-devices .device-details-all-devices-button>ui-button:active .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:active .expand-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:focus .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:focus .expand-svg {
    fill: rgba(3,161,14,.16)
}

.device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon {
    min-inline-size: 28px
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button.expand-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button.expand-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon {
    min-width: 28px
}

.device-details-all-devices .device-details-all-devices-button .icon-container {
    inline-size: inherit;
    block-size: inherit;
    display: block;
    padding: 0
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container {
    width: inherit;
    height: inherit
}

.device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon {
    inline-size: inherit;
    block-size: inherit
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container .fmip-svg-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container .fmip-svg-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg {
    margin: logical 4px 6px;
    inline-size: 17px;
    block-size: 20px;
    fill: rgba(3,161,14,.16)
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container .fmip-svg-icon svg,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container .fmip-svg-icon svg,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg {
    width: 17px;
    height: 20px;
    margin: 4px 6px
}

.device-details-all-devices .device-details-all-devices-button .icon-container .collapse,.device-details-all-devices .device-details-all-devices-button .icon-container .expand {
    z-index: 20
}

.ui-card,ui-card {
    block-size: inherit;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.ui-card[dir=ltr],.ui-card[dir=rtl],[dir=ltr] .ui-card,[dir=ltr] ui-card,[dir=rtl] .ui-card,[dir=rtl] ui-card,ui-card[dir=ltr],ui-card[dir=rtl] {
    height: inherit
}

.ui-card.compact,ui-card.compact {
    inline-size: 100%;
    -webkit-border-before: 1px solid #e1e1e1;
    border-block-start:1px solid #e1e1e1;border-radius: 12px 12px 0 0
}

.ui-card.compact[dir=ltr],.ui-card.compact[dir=rtl],[dir=ltr] .ui-card.compact,[dir=ltr] ui-card.compact,[dir=rtl] .ui-card.compact,[dir=rtl] ui-card.compact,ui-card.compact[dir=ltr],ui-card.compact[dir=rtl] {
    width: 100%;
    border-top: 1px solid #e1e1e1
}

.ui-card.regular,ui-card.regular {
    inline-size: 360px;
    border-radius: 12px
}

.ui-card.regular[dir=ltr],.ui-card.regular[dir=rtl],[dir=ltr] .ui-card.regular,[dir=ltr] ui-card.regular,[dir=rtl] .ui-card.regular,[dir=rtl] ui-card.regular,ui-card.regular[dir=ltr],ui-card.regular[dir=rtl] {
    width: 360px
}

@media screen and (orientation: potrait) {
    ui-popup.compact .pane-content {
        overflow-y:auto
    }
}

ui-popup.compact .content-container {
    letter-spacing: -.37px
}

ui-popup.compact .content-container .additional-details,ui-popup.compact .content-container .fmip-action-pane-header .title,ui-popup.compact .content-container .instructions {
    letter-spacing: -.22px
}

ui-popup.compact .content-container .fmip-action-pane-header .subtitle {
    letter-spacing: -.37px
}

ui-popup.compact .content-container .fmip-input input,ui-popup.compact .content-container .fmip-text-area textarea {
    letter-spacing: inherit
}

ui-popup .instruction-pane-description {
    font-size: 14px;
    text-align: center;
    -webkit-margin-after: 10px;
    margin-block-end:10px;margin-inline:10px;white-space: pre-wrap;
    color: var(--theme-color-labelPrimary);
    line-height: 20px;
    text-indent: -1px
}

[dir=ltr] ui-popup .instruction-pane-description,[dir=rtl] ui-popup .instruction-pane-description,ui-popup[dir=ltr] .instruction-pane-description,ui-popup[dir=rtl] .instruction-pane-description {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.fmip-action-pane-header {
    letter-spacing: .204px;
    inline-size: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fmip-action-pane-header[dir=ltr],.fmip-action-pane-header[dir=rtl],[dir=ltr] .fmip-action-pane-header,[dir=rtl] .fmip-action-pane-header {
    width: 100%
}

.fmip-action-pane-header .title {
    letter-spacing: .204px;
    font-family: SF Pro Display,Helvetica Neue,sans-serif;
    font-size: 21px;
    font-weight: 600;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    position: relative;
    -webkit-margin-after: 4px;
    margin-block-end:4px;letter-spacing: .23px
}

.fmip-action-pane-header[dir=ltr] .title,.fmip-action-pane-header[dir=rtl] .title,[dir=ltr] .fmip-action-pane-header .title,[dir=rtl] .fmip-action-pane-header .title {
    margin-bottom: 4px
}

[apple-system-font-capable] .fmip-action-pane-header .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

.fmip-action-pane-header .subtitle {
    font-size: 14px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-after: 20px;
    margin-block-end:20px;letter-spacing: -.22px;
    word-break: break-all
}

.fmip-action-pane-header[dir=ltr] .subtitle,.fmip-action-pane-header[dir=rtl] .subtitle,[dir=ltr] .fmip-action-pane-header .subtitle,[dir=rtl] .fmip-action-pane-header .subtitle {
    margin-bottom: 20px
}

.fmip-action-pane-header .sliding-title {
    inline-size: 100%;
    position: absolute;
    text-align: center
}

.fmip-action-pane-header[dir=ltr] .sliding-title,.fmip-action-pane-header[dir=rtl] .sliding-title,[dir=ltr] .fmip-action-pane-header .sliding-title,[dir=rtl] .fmip-action-pane-header .sliding-title {
    width: 100%
}

.fmip-action-pane-header .sliding-title h4 {
    inline-size: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600
}

.fmip-action-pane-header[dir=ltr] .sliding-title h4,.fmip-action-pane-header[dir=rtl] .sliding-title h4,[dir=ltr] .fmip-action-pane-header .sliding-title h4,[dir=rtl] .fmip-action-pane-header .sliding-title h4 {
    width: 100%
}

[apple-system-font-capable] .fmip-action-pane-header .sliding-title h4 {
    font-family: system-ui,Helvetica Neue,sans-serif
}

body {
    text-rendering: optimizeLegibility
}

.fmip-action-pane-header .navi {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fmip-action-pane-header .navi ui-button.primary {
    min-inline-size: 60px;
    -webkit-padding-start: 0;
    padding-inline-start:0;-webkit-padding-end: 0;
    padding-inline-end:0}

.fmip-action-pane-header[dir=ltr] .navi ui-button.primary,.fmip-action-pane-header[dir=rtl] .navi ui-button.primary,[dir=ltr] .fmip-action-pane-header .navi ui-button.primary,[dir=rtl] .fmip-action-pane-header .navi ui-button.primary {
    min-width: 60px;
    padding-left: 0;
    padding-right: 0
}

.fmip-action-pane-header .left {
    text-align: start
}

.fmip-action-pane-header[dir=ltr] .left,[dir=ltr] .fmip-action-pane-header .left {
    text-align: left
}

.fmip-action-pane-header[dir=rtl] .left,[dir=rtl] .fmip-action-pane-header .left {
    text-align: right
}

.fmip-action-pane-header .left ui-button.primary {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fmip-action-pane-header .right {
    text-align: end
}

.fmip-action-pane-header[dir=ltr] .right,[dir=ltr] .fmip-action-pane-header .right {
    text-align: right
}

.fmip-action-pane-header[dir=rtl] .right,[dir=rtl] .fmip-action-pane-header .right {
    text-align: left
}

.fmip-action-pane-header .right ui-button.primary {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.additional-details,.message-input-instructions {
    font-size: 14px;
    color: var(--theme-color-labelSecondary);
    margin-inline:10px;white-space: pre-wrap;
    line-height: 20px
}

.additional-details[dir=ltr],.additional-details[dir=rtl],.message-input-instructions[dir=ltr],.message-input-instructions[dir=rtl],[dir=ltr] .additional-details,[dir=ltr] .message-input-instructions,[dir=rtl] .additional-details,[dir=rtl] .message-input-instructions {
    margin-left: 10px;
    margin-right: 10px
}

.message-input-instructions {
    -webkit-margin-before: 10px;
    margin-block-start:10px}

.message-input-instructions[dir=ltr],.message-input-instructions[dir=rtl],[dir=ltr] .message-input-instructions,[dir=rtl] .message-input-instructions {
    margin-top: 10px
}

.additional-details {
    -webkit-margin-before: 20px;
    margin-block-start:20px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.additional-details[dir=ltr],.additional-details[dir=rtl],[dir=ltr] .additional-details,[dir=rtl] .additional-details {
    margin-top: 20px;
    margin-bottom: 10px
}

.fmip-message-entry-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color-labelPrimary);
    margin-inline:10px;-webkit-margin-after: 8px;
    margin-block-end:8px}

.fmip-message-entry-text[dir=ltr],.fmip-message-entry-text[dir=rtl],[dir=ltr] .fmip-message-entry-text,[dir=rtl] .fmip-message-entry-text {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px
}

.fmip-text-area {
    block-size: 116px;
    font-family: inherit;
    position: relative;
    margin-inline:10px}

.fmip-text-area[dir=ltr],.fmip-text-area[dir=rtl],[dir=ltr] .fmip-text-area,[dir=rtl] .fmip-text-area {
    height: 116px;
    margin-left: 10px;
    margin-right: 10px
}

.fmip-text-area ui-text-area {
    inline-size: 100%;
    block-size: 100%;
    padding: logical 11px 14px 14px
}

.fmip-text-area[dir=ltr] ui-text-area,.fmip-text-area[dir=rtl] ui-text-area,[dir=ltr] .fmip-text-area ui-text-area,[dir=rtl] .fmip-text-area ui-text-area {
    width: 100%;
    height: 100%;
    padding: 11px 14px 14px
}

.fmip-text-area ui-text-area.standard>textarea {
    block-size: inherit;
    inline-size: inherit
}

.fmip-text-area[dir=ltr] ui-text-area.standard>textarea,.fmip-text-area[dir=rtl] ui-text-area.standard>textarea,[dir=ltr] .fmip-text-area ui-text-area.standard>textarea,[dir=rtl] .fmip-text-area ui-text-area.standard>textarea {
    height: inherit;
    width: inherit
}

@media (pointer: coarse) {
    .fmip-text-area {
        block-size:176px
    }

    .fmip-text-area[dir=ltr],.fmip-text-area[dir=rtl],[dir=ltr] .fmip-text-area,[dir=rtl] .fmip-text-area {
        height: 176px
    }

    .fmip-text-area textarea {
        font-size: 17px;
        block-size: 176px
    }

    .fmip-text-area[dir=ltr] textarea,.fmip-text-area[dir=rtl] textarea,[dir=ltr] .fmip-text-area textarea,[dir=rtl] .fmip-text-area textarea {
        height: 176px
    }
}

.fmip-text-area .limit-warning {
    offset-block-end: 4px;
    offset-inline-end: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--theme-color-systemRed);
    position: absolute;
    line-height: 18px;
    letter-spacing: -.19
}

.fmip-text-area[dir=ltr] .limit-warning,[dir=ltr] .fmip-text-area .limit-warning {
    bottom: 4px;
    right: 8px
}

.fmip-text-area[dir=rtl] .limit-warning,[dir=rtl] .fmip-text-area .limit-warning {
    bottom: 4px;
    left: 8px
}

.phone {
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.phone[dir=ltr],.phone[dir=rtl],[dir=ltr] .phone,[dir=rtl] .phone {
    margin-top: 20px
}

.phone svg {
    inline-size: 50px;
    block-size: 50px
}

.phone[dir=ltr] svg,.phone[dir=rtl] svg,[dir=ltr] .phone svg,[dir=rtl] .phone svg {
    width: 50px;
    height: 50px
}

.telephone-input-instructions {
    font-size: 14px;
    color: var(--theme-color-labelSecondary);
    text-align: start;
    white-space: pre-wrap;
    line-height: 20px;
    margin-inline:10px;-webkit-margin-before: 10px;
    margin-block-start:10px;-webkit-margin-after: 10px;
    margin-block-end:10px}

.telephone-input-instructions[dir=ltr],[dir=ltr] .telephone-input-instructions {
    text-align: left;
    margin: 10px
}

.telephone-input-instructions[dir=rtl],[dir=rtl] .telephone-input-instructions {
    text-align: right;
    margin: 10px
}

.fmip-telephone-entry-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color-labelPrimary);
    margin-inline:10px;-webkit-margin-after: 8px;
    margin-block-end:8px}

.fmip-telephone-entry-text[dir=ltr],.fmip-telephone-entry-text[dir=rtl],[dir=ltr] .fmip-telephone-entry-text,[dir=rtl] .fmip-telephone-entry-text {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px
}

.fmip-input {
    block-size: 36px;
    font-size: 17px;
    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;
    margin-inline:10px;-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.fmip-input[dir=ltr],.fmip-input[dir=rtl],[dir=ltr] .fmip-input,[dir=rtl] .fmip-input {
    height: 36px;
    margin-left: 10px;
    margin-right: 10px
}

.fmip-input label {
    -webkit-padding-start: 15px;
    padding-inline-start:15px;position: relative
}

.fmip-input[dir=ltr] label,[dir=ltr] .fmip-input label {
    padding-left: 15px
}

.fmip-input[dir=rtl] label,[dir=rtl] .fmip-input label {
    padding-right: 15px
}

.fmip-input ui-text-field {
    inline-size: 100%;
    block-size: 100%
}

.fmip-input[dir=ltr] ui-text-field,.fmip-input[dir=rtl] ui-text-field,[dir=ltr] .fmip-input ui-text-field,[dir=rtl] .fmip-input ui-text-field {
    width: 100%;
    height: 100%
}

@media (pointer: coarse) {
    .fmip-input {
        block-size:44px
    }

    .fmip-input[dir=ltr],.fmip-input[dir=rtl],[dir=ltr] .fmip-input,[dir=rtl] .fmip-input {
        height: 44px
    }

    .fmip-input input {
        font-size: 17px;
        block-size: 44px
    }

    .fmip-input[dir=ltr] input,.fmip-input[dir=rtl] input,[dir=ltr] .fmip-input input,[dir=rtl] .fmip-input input {
        height: 44px
    }
}

.fmip-telephoneInput {
    background-color: #fff!important;
    -webkit-border-end: 1px solid rgba(0,0,0,.16);
    border-inline-end:1px solid rgba(0,0,0,.16);border-radius: 0!important;
    min-inline-size: -webkit-fit-content;
    min-inline-size: -moz-fit-content;
    min-inline-size: fit-content
}

.fmip-telephoneInput[dir=ltr],[dir=ltr] .fmip-telephoneInput {
    border-right: 1px solid rgba(0,0,0,.16);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.fmip-telephoneInput[dir=rtl],[dir=rtl] .fmip-telephoneInput {
    border-left: 1px solid rgba(0,0,0,.16);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.fmip-telephoneInput svg.icon {
    background-color: #fff!important
}

.fmip-telephoneInput span {
    overflow: visible!important
}

.fmip-telephoneInput ui-select-button-title {
    -webkit-padding-end: 0;
    padding-inline-end:0}

.fmip-telephoneInput[dir=ltr] ui-select-button-title,[dir=ltr] .fmip-telephoneInput ui-select-button-title {
    padding-right: 0
}

.fmip-telephoneInput[dir=rtl] ui-select-button-title,[dir=rtl] .fmip-telephoneInput ui-select-button-title {
    padding-left: 0
}

.fmip-telephoneInput:active,.fmip-telephoneInput:active svg.icon,.fmip-telephoneInput:focus,.fmip-telephoneInput:focus svg.icon {
    background-color: rgba(3,161,14,.16)!important
}

.fmip-telephoneInput:hover,.fmip-telephoneInput:hover svg.icon {
    background-color: rgba(0,0,0,.08)!important
}

.fmip-selectDiv {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    overflow: hidden;
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.fmip-selectDiv[dir=ltr],[dir=ltr] .fmip-selectDiv {
    margin-left: 10px
}

.fmip-selectDiv[dir=rtl],[dir=rtl] .fmip-selectDiv {
    margin-right: 10px
}

.fmip-input-telephone {
    inline-size: 100%;
    border: 0;
    block-size: 36px;
    font-size: 17px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-inline:0;background-color: #fff
}

.fmip-input-telephone[dir=ltr],.fmip-input-telephone[dir=rtl],[dir=ltr] .fmip-input-telephone,[dir=rtl] .fmip-input-telephone {
    width: 100%;
    height: 36px;
    margin-left: 0;
    margin-right: 0
}

.fmip-input-telephone label {
    -webkit-padding-start: 15px;
    padding-inline-start:15px;position: relative
}

.fmip-input-telephone[dir=ltr] label,[dir=ltr] .fmip-input-telephone label {
    padding-left: 15px
}

.fmip-input-telephone[dir=rtl] label,[dir=rtl] .fmip-input-telephone label {
    padding-right: 15px
}

.fmip-input-telephone input {
    font-size: 14px;
    inline-size: 100%;
    block-size: 36px;
    padding: logical 9px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    letter-spacing: -.22px
}

.fmip-input-telephone[dir=ltr] input,.fmip-input-telephone[dir=rtl] input,[dir=ltr] .fmip-input-telephone input,[dir=rtl] .fmip-input-telephone input {
    width: 100%;
    height: 36px;
    padding: 9px 10px
}

.fmip-input-telephone input::-webkit-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-input-telephone input::-moz-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-input-telephone input:-ms-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-input-telephone input::-ms-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-input-telephone input::placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-input-telephone input:focus {
    outline: none
}

@media (pointer: coarse) {
    .fmip-input-telephone {
        block-size:44px
    }

    .fmip-input-telephone[dir=ltr],.fmip-input-telephone[dir=rtl],[dir=ltr] .fmip-input-telephone,[dir=rtl] .fmip-input-telephone {
        height: 44px
    }

    .fmip-input-telephone input {
        font-size: 17px;
        block-size: 44px
    }

    .fmip-input-telephone[dir=ltr] input,.fmip-input-telephone[dir=rtl] input,[dir=ltr] .fmip-input-telephone input,[dir=rtl] .fmip-input-telephone input {
        height: 44px
    }
}

.fmip-passcode-entry-pane {
    display: block
}

.fmip-passcode-entry-pane .pane-content {
    overflow-y: auto
}

.fmip-passcode-entry-pane .content-container {
    margin-inline:10px}

.fmip-passcode-entry-pane[dir=ltr] .content-container,.fmip-passcode-entry-pane[dir=rtl] .content-container,[dir=ltr] .fmip-passcode-entry-pane .content-container,[dir=rtl] .fmip-passcode-entry-pane .content-container {
    margin-left: 10px;
    margin-right: 10px
}

.fmip-passcode-entry-pane .lock {
    -webkit-margin-before: 25px;
    margin-block-start:25px;-webkit-margin-after: 15px;
    margin-block-end:15px}

.fmip-passcode-entry-pane[dir=ltr] .lock,.fmip-passcode-entry-pane[dir=rtl] .lock,[dir=ltr] .fmip-passcode-entry-pane .lock,[dir=rtl] .fmip-passcode-entry-pane .lock {
    margin-top: 25px;
    margin-bottom: 15px
}

.fmip-passcode-entry-pane .lock svg {
    inline-size: 60px;
    block-size: 60px
}

.fmip-passcode-entry-pane[dir=ltr] .lock svg,.fmip-passcode-entry-pane[dir=rtl] .lock svg,[dir=ltr] .fmip-passcode-entry-pane .lock svg,[dir=rtl] .fmip-passcode-entry-pane .lock svg {
    width: 60px;
    height: 60px
}

.instructions {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -.22px;
    color: var(--theme-color-labelPrimary);
    line-height: 20px
}

.instructions.error {
    color: #e30000
}

@media (prefers-color-scheme: dark) {
    .instructions.error {
        color:#ff3037
    }
}

[data-appearance=dark] .instructions.error {
    color: #ff3037
}

[data-appearance=light] .instructions.error {
    color: #e30000
}

.passcode-entry {
    -webkit-margin-before: 15px;
    margin-block-start:15px;position: relative
}

.passcode-entry[dir=ltr],.passcode-entry[dir=rtl],[dir=ltr] .passcode-entry,[dir=rtl] .passcode-entry {
    margin-top: 15px
}

.sliding-passcode {
    inline-size: 100%;
    position: absolute
}

.sliding-passcode[dir=ltr],.sliding-passcode[dir=rtl],[dir=ltr] .sliding-passcode,[dir=rtl] .sliding-passcode {
    width: 100%
}

passcode-input {
    inline-size: 190.5px;
    margin: logical 0 auto
}

[dir=ltr] passcode-input,[dir=rtl] passcode-input,passcode-input[dir=ltr],passcode-input[dir=rtl] {
    width: 190.5px;
    margin: 0 auto
}

passcode-input {
    block-size: 14px;
    -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;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    outline: none
}

[dir=ltr] passcode-input,[dir=rtl] passcode-input,passcode-input[dir=ltr],passcode-input[dir=rtl] {
    height: 14px
}

passcode-input passcode-pin {
    inline-size: 14px;
    block-size: 14px;
    font-size: 25px;
    -webkit-margin-start: 0;
    margin-inline-start:0;border-radius: 50%;
    border: 1px solid var(--theme-color-labelSecondary);
    -webkit-transition-property: border,background-color,-webkit-box-shadow;
    transition-property: border,background-color,-webkit-box-shadow;
    transition-property: box-shadow,border,background-color;
    transition-property: box-shadow,border,background-color,-webkit-box-shadow;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-margin-end: 17px;
    margin-inline-end:17px}

[dir=ltr] passcode-input passcode-pin,passcode-input[dir=ltr] passcode-pin {
    width: 14px;
    height: 14px;
    margin-left: 0;
    margin-right: 17px
}

[dir=rtl] passcode-input passcode-pin,passcode-input[dir=rtl] passcode-pin {
    width: 14px;
    height: 14px;
    margin-right: 0;
    margin-left: 17px
}

passcode-input passcode-pin.filled:before {
    content: "";
    inline-size: 100%;
    block-size: 100%;
    border-radius: 50%;
    background-color: var(--theme-color-labelPrimary);
    display: inline-block
}

[dir=ltr] passcode-input passcode-pin.filled:before,[dir=rtl] passcode-input passcode-pin.filled:before,passcode-input[dir=ltr] passcode-pin.filled:before,passcode-input[dir=rtl] passcode-pin.filled:before {
    width: 100%;
    height: 100%
}

passcode-input passcode-pin:before {
    display: none
}

passcode-input passcode-pin:last-of-type {
    -webkit-margin-end: 0;
    margin-inline-end:0}

[dir=ltr] passcode-input passcode-pin:last-of-type,passcode-input[dir=ltr] passcode-pin:last-of-type {
    margin-right: 0
}

[dir=rtl] passcode-input passcode-pin:last-of-type,passcode-input[dir=rtl] passcode-pin:last-of-type {
    margin-left: 0
}

passcode-input input {
    font-size: 17px;
    inline-size: 1px;
    block-size: 1px;
    border: 0;
    color: transparent;
    text-shadow: 0 0 0 transparent;
    opacity: 0
}

[dir=ltr] passcode-input input,[dir=rtl] passcode-input input,passcode-input[dir=ltr] input,passcode-input[dir=rtl] input {
    width: 1px;
    height: 1px
}

passcode-input input:focus {
    outline: none
}

.number-container {
    block-size: 135px;
    inline-size: 190px;
    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: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin: logical 30px auto 45px
}

.number-container[dir=ltr],[dir=ltr] .number-container {
    height: 135px;
    width: 190px;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin: 30px auto 45px
}

.number-container[dir=rtl],[dir=rtl] .number-container {
    height: 135px;
    width: 190px;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin: 30px auto 45px
}

.number-container ui-button.secondary.number {
    inline-size: 60px;
    block-size: 30px;
    font-size: 17px
}

.number-container[dir=ltr] ui-button.secondary.number,.number-container[dir=rtl] ui-button.secondary.number,[dir=ltr] .number-container ui-button.secondary.number,[dir=rtl] .number-container ui-button.secondary.number {
    width: 60px;
    height: 30px
}

.number-container ui-button.secondary.number.key2,.number-container ui-button.secondary.number.key5,.number-container ui-button.secondary.number.key8,.number-container ui-button.secondary.number.key11 {
    margin-inline:5px}

.number-container[dir=ltr] ui-button.secondary.number.key2,.number-container[dir=ltr] ui-button.secondary.number.key5,.number-container[dir=ltr] ui-button.secondary.number.key8,.number-container[dir=ltr] ui-button.secondary.number.key11,.number-container[dir=rtl] ui-button.secondary.number.key2,.number-container[dir=rtl] ui-button.secondary.number.key5,.number-container[dir=rtl] ui-button.secondary.number.key8,.number-container[dir=rtl] ui-button.secondary.number.key11,[dir=ltr] .number-container ui-button.secondary.number.key2,[dir=ltr] .number-container ui-button.secondary.number.key5,[dir=ltr] .number-container ui-button.secondary.number.key8,[dir=ltr] .number-container ui-button.secondary.number.key11,[dir=rtl] .number-container ui-button.secondary.number.key2,[dir=rtl] .number-container ui-button.secondary.number.key5,[dir=rtl] .number-container ui-button.secondary.number.key8,[dir=rtl] .number-container ui-button.secondary.number.key11 {
    margin-left: 5px;
    margin-right: 5px
}

.number-container ui-button.secondary.number.key10 {
    visibility: hidden
}

.number-container ui-button.secondary.number.key12 {
    visibility: hidden;
    color: #03a10e
}

.number-container ui-button.secondary.number.key12.show-backspace {
    visibility: visible
}

.number-container ui-button.block.secondary.number:active {
    background-color: rgba(3,161,14,.16)!important;
    color: var(--theme-color-labelQuaternary)!important
}

.number-container .deleteLeft {
    block-size: 18px;
    inline-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.number-container[dir=ltr] .deleteLeft,.number-container[dir=rtl] .deleteLeft,[dir=ltr] .number-container .deleteLeft,[dir=rtl] .number-container .deleteLeft {
    height: 18px;
    width: 18px
}

.fmip-input,.fmip-text-area {
    -webkit-border-start: 0;
    border-inline-start:0;-webkit-border-end: 0;
    border-inline-end:0}

.fmip-input[dir=ltr],.fmip-input[dir=rtl],.fmip-text-area[dir=ltr],.fmip-text-area[dir=rtl],[dir=ltr] .fmip-input,[dir=ltr] .fmip-text-area,[dir=rtl] .fmip-input,[dir=rtl] .fmip-text-area {
    border-left: 0;
    border-right: 0
}

.telephone .fmip-telephone-entry-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color-labelPrimary);
    margin-inline:10px;-webkit-margin-after: 8px;
    margin-block-end:8px}

.telephone[dir=ltr] .fmip-telephone-entry-text,.telephone[dir=rtl] .fmip-telephone-entry-text,[dir=ltr] .telephone .fmip-telephone-entry-text,[dir=rtl] .telephone .fmip-telephone-entry-text {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px
}

.message {
    -webkit-margin-before: 20px;
    margin-block-start:20px}

.message[dir=ltr],.message[dir=rtl],[dir=ltr] .message,[dir=rtl] .message {
    margin-top: 20px
}

.message .fmip-message-entry-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color-labelPrimary);
    margin-inline:10px;-webkit-margin-after: 8px;
    margin-block-end:8px}

.message[dir=ltr] .fmip-message-entry-text,.message[dir=rtl] .fmip-message-entry-text,[dir=ltr] .message .fmip-message-entry-text,[dir=rtl] .message .fmip-message-entry-text {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px
}

.email-settings {
    -webkit-margin-before: 20px;
    margin-block-start:20px;font-size: 14px;
    line-height: 18px;
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.email-settings[dir=ltr],.email-settings[dir=rtl],[dir=ltr] .email-settings,[dir=rtl] .email-settings {
    margin-top: 20px;
    margin-bottom: 10px
}

.email-settings .settings {
    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;
    margin: logical 10px 10px 2px
}

.email-settings[dir=ltr] .settings,.email-settings[dir=rtl] .settings,[dir=ltr] .email-settings .settings,[dir=rtl] .email-settings .settings {
    margin: 10px 10px 2px
}

.email-settings .settings ui-label.fmip-label {
    -webkit-margin-start: 7px;
    margin-inline-start:7px}

.email-settings[dir=ltr] .settings ui-label.fmip-label,[dir=ltr] .email-settings .settings ui-label.fmip-label {
    margin-left: 7px
}

.email-settings[dir=rtl] .settings ui-label.fmip-label,[dir=rtl] .email-settings .settings ui-label.fmip-label {
    margin-right: 7px
}

.email-settings .description {
    font-size: 14px;
    -webkit-margin-start: 32px;
    margin-inline-start:32px;-webkit-margin-end: 10px;
    margin-inline-end:10px;color: var(--theme-color-labelSecondary)
}

.email-settings[dir=ltr] .description,[dir=ltr] .email-settings .description {
    margin-left: 32px;
    margin-right: 10px
}

.email-settings[dir=rtl] .description,[dir=rtl] .email-settings .description {
    margin-right: 32px;
    margin-left: 10px
}

.stop-action {
    -webkit-margin-before: 20px;
    margin-block-start:20px;-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stop-action[dir=ltr],.stop-action[dir=rtl],[dir=ltr] .stop-action,[dir=rtl] .stop-action {
    margin-top: 20px
}

.unlock-instructions {
    font-size: 14px;
    font-weight: 400
}

.passcode-pin,.unlock-instructions {
    color: var(--theme-color-labelPrimary);
    text-align: center
}

.passcode-pin {
    margin-block:15px 10px;font-size: 21px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 2.3px
}

.passcode-pin[dir=ltr],.passcode-pin[dir=rtl],[dir=ltr] .passcode-pin,[dir=rtl] .passcode-pin {
    margin-top: 15px;
    margin-bottom: 10px
}

.fmip-pending-device-action {
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-padding-after: 15px;
    padding-block-end:15px;letter-spacing: -.22px
}

.fmip-pending-device-action[dir=ltr],.fmip-pending-device-action[dir=rtl],[dir=ltr] .fmip-pending-device-action,[dir=rtl] .fmip-pending-device-action {
    padding-bottom: 15px
}

.fmip-pending-device-action .description {
    color: var(--theme-color-labelSecondary)
}

.fmip-authentication {
    inline-size: 100%;
    block-size: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

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

.fmip-authentication .container {
    display: block;
    position: relative
}

.fmip-authentication .container>* {
    outline: none
}

.fmip-authentication .logo {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 142px;
    height: 142px;
    background-size: 95px 95px;
    inline-size: 95px;
    block-size: 95px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fmip-authentication[dir=ltr] .logo,.fmip-authentication[dir=rtl] .logo,[dir=ltr] .fmip-authentication .logo,[dir=rtl] .fmip-authentication .logo {
    width: 95px;
    height: 95px
}

.fmip-authentication .icloudapple {
    inline-size: 100%;
    block-size: 100px;
    text-align: center
}

.fmip-authentication[dir=ltr] .icloudapple,.fmip-authentication[dir=rtl] .icloudapple,[dir=ltr] .fmip-authentication .icloudapple,[dir=rtl] .fmip-authentication .icloudapple {
    width: 100%;
    height: 100px
}

.fmip-authentication .icloudapple .fmip-icloud-use-1 {
    fill: var(--theme-color-backgroundPrimary)
}

.fmip-authentication .icloudapple .fmip-icloud-use-2 {
    fill: url(#a)
}

.fmip-authentication .icloudapple .fmip-icloud-use-3 {
    fill: url(#c)
}

.fmip-authentication .icloudapple .fmip-icloud-use-4 {
    fill: url(#d)
}

.fmip-authentication .icloudapple .fmip-icloud-use-5 {
    fill: url(#e)
}

.fmip-authentication .icloudapple svg {
    inline-size: 100px;
    fill: var(--theme-color-labelPrimary)
}

.fmip-authentication[dir=ltr] .icloudapple svg,.fmip-authentication[dir=rtl] .icloudapple svg,[dir=ltr] .fmip-authentication .icloudapple svg,[dir=rtl] .fmip-authentication .icloudapple svg {
    width: 100px
}

.fmip-authentication .title {
    letter-spacing: .204px;
    -webkit-margin-before: 22px;
    margin-block-start:22px;font-size: 14px;
    font-weight: 500;
    text-align: center
}

.fmip-authentication[dir=ltr] .title,.fmip-authentication[dir=rtl] .title,[dir=ltr] .fmip-authentication .title,[dir=rtl] .fmip-authentication .title {
    margin-top: 22px
}

.fmip-authentication .appleId {
    letter-spacing: .204px;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.fmip-authentication .password-input {
    -webkit-margin-before: 10px;
    margin-block-start:10px;font-size: 14px;
    inline-size: 100%;
    block-size: 36px;
    padding: logical 9px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--theme-color-fillSecondary);
    border-radius: 10px
}

.fmip-authentication[dir=ltr] .password-input,.fmip-authentication[dir=rtl] .password-input,[dir=ltr] .fmip-authentication .password-input,[dir=rtl] .fmip-authentication .password-input {
    margin-top: 10px;
    width: 100%;
    height: 36px;
    padding: 9px 10px;
    border: 1px solid var(--theme-color-fillSecondary)
}

.fmip-authentication .password-input::-webkit-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-authentication .password-input::-moz-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-authentication .password-input:-ms-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-authentication .password-input::-ms-input-placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-authentication .password-input::placeholder {
    color: #adadad;
    font-weight: 300
}

.fmip-authentication .password-input:focus {
    outline: none
}

@media (pointer: coarse) {
    .fmip-authentication .password-input {
        font-size:17px;
        block-size: 44px
    }

    .fmip-authentication[dir=ltr] .password-input,.fmip-authentication[dir=rtl] .password-input,[dir=ltr] .fmip-authentication .password-input,[dir=rtl] .fmip-authentication .password-input {
        height: 44px
    }
}

.fmip-authentication .close {
    offset-block-start: 5px;
    offset-inline-end: 5px;
    padding: 10px;
    position: absolute
}

.fmip-authentication[dir=ltr] .close,[dir=ltr] .fmip-authentication .close {
    top: 5px;
    right: 5px
}

.fmip-authentication[dir=rtl] .close,[dir=rtl] .fmip-authentication .close {
    top: 5px;
    left: 5px
}

.fmip-authentication .close svg {
    fill: #adadad;
    block-size: 20px;
    inline-size: 20px
}

.fmip-authentication[dir=ltr] .close svg,.fmip-authentication[dir=rtl] .close svg,[dir=ltr] .fmip-authentication .close svg,[dir=rtl] .fmip-authentication .close svg {
    height: 20px;
    width: 20px
}

.pending-lost-glyph {
    fill: var(--theme-color-systemBrown)
}

.device-remove-details-container .fmip-remove-pending-info {
    position: relative;
    inline-size: 320px;
    border-radius: 10px;
    background-color: rgba(162,132,94,.07);
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.device-remove-details-container[dir=ltr] .fmip-remove-pending-info,.device-remove-details-container[dir=rtl] .fmip-remove-pending-info,[dir=ltr] .device-remove-details-container .fmip-remove-pending-info,[dir=rtl] .device-remove-details-container .fmip-remove-pending-info {
    width: 320px;
    margin-bottom: 10px
}

@media (prefers-color-scheme: dark) {
    .device-remove-details-container .fmip-remove-pending-info {
        background-color:rgba(172,142,104,.07)
    }
}

[data-appearance=dark] .device-remove-details-container .fmip-remove-pending-info {
    background-color: rgba(172,142,104,.07)
}

[data-appearance=light] .device-remove-details-container .fmip-remove-pending-info {
    background-color: rgba(162,132,94,.07)
}

.device-remove-details-container .fmip-remove-pending-info .remove-pending-label {
    color: var(--theme-color-labelTertiary);
    font-weight: 400;
    font-size: 17px;
    padding-inline:19px;-webkit-padding-after: 13px;
    padding-block-end:13px;letter-spacing: -.37px;
    line-height: 21px
}

.device-remove-details-container[dir=ltr] .fmip-remove-pending-info .remove-pending-label,.device-remove-details-container[dir=rtl] .fmip-remove-pending-info .remove-pending-label,[dir=ltr] .device-remove-details-container .fmip-remove-pending-info .remove-pending-label,[dir=rtl] .device-remove-details-container .fmip-remove-pending-info .remove-pending-label {
    padding-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px
}

.device-remove-details-container .fmip-remove-pending-info .icon-container {
    inline-size: 33px;
    block-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 16.5px;
    padding-inline-start:16.5px;-webkit-padding-before: 14.75px;
    padding-block-start:14.75px;-webkit-padding-after: 11.25px;
    padding-block-end:11.25px}

.device-remove-details-container[dir=ltr] .fmip-remove-pending-info .icon-container,[dir=ltr] .device-remove-details-container .fmip-remove-pending-info .icon-container {
    width: 33px;
    height: 26px;
    padding-left: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-remove-details-container[dir=rtl] .fmip-remove-pending-info .icon-container,[dir=rtl] .device-remove-details-container .fmip-remove-pending-info .icon-container {
    width: 33px;
    height: 26px;
    padding-right: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-remove-details-container .fmip-remove-pending-info .icon-container .fmip-svg-icon.remove {
    inline-size: 33px;
    block-size: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-remove-details-container[dir=ltr] .fmip-remove-pending-info .icon-container .fmip-svg-icon.remove,.device-remove-details-container[dir=rtl] .fmip-remove-pending-info .icon-container .fmip-svg-icon.remove,[dir=ltr] .device-remove-details-container .fmip-remove-pending-info .icon-container .fmip-svg-icon.remove,[dir=rtl] .device-remove-details-container .fmip-remove-pending-info .icon-container .fmip-svg-icon.remove {
    width: 33px;
    height: 26px
}

.device-remove-details-container .fmip-remove-pending-info .icon-container .fmip-svg-icon g path {
    fill: var(--theme-color-systemBrown)
}

.device-repair-details-container {
    background-color: rgba(0,199,190,.07);
    border-radius: 10px
}

@media (prefers-color-scheme: dark) {
    .device-repair-details-container {
        background-color:rgba(99,230,226,.07)
    }
}

[data-appearance=dark] .device-repair-details-container {
    background-color: rgba(99,230,226,.07)
}

[data-appearance=light] .device-repair-details-container {
    background-color: rgba(0,199,190,.07)
}

.device-repair-details-container .fmip-repair-ready-info {
    position: relative;
    inline-size: 320px;
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.device-repair-details-container[dir=ltr] .fmip-repair-ready-info,.device-repair-details-container[dir=rtl] .fmip-repair-ready-info,[dir=ltr] .device-repair-details-container .fmip-repair-ready-info,[dir=rtl] .device-repair-details-container .fmip-repair-ready-info {
    width: 320px;
    margin-bottom: 20px
}

.device-repair-details-container .fmip-repair-ready-info .repair-ready-label {
    color: var(--theme-color-labelTertiary);
    font-weight: 400;
    font-size: 17px;
    padding-inline:19px;-webkit-padding-after: 13px;
    padding-block-end:13px;letter-spacing: -.37px;
    line-height: 21px
}

.device-repair-details-container[dir=ltr] .fmip-repair-ready-info .repair-ready-label,.device-repair-details-container[dir=rtl] .fmip-repair-ready-info .repair-ready-label,[dir=ltr] .device-repair-details-container .fmip-repair-ready-info .repair-ready-label,[dir=rtl] .device-repair-details-container .fmip-repair-ready-info .repair-ready-label {
    padding-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px
}

.device-repair-details-container .fmip-repair-ready-info .icon-container {
    inline-size: 33px;
    block-size: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-padding-start: 16.5px;
    padding-inline-start:16.5px;-webkit-padding-before: 14.75px;
    padding-block-start:14.75px;-webkit-padding-after: 11.25px;
    padding-block-end:11.25px}

.device-repair-details-container[dir=ltr] .fmip-repair-ready-info .icon-container,[dir=ltr] .device-repair-details-container .fmip-repair-ready-info .icon-container {
    width: 33px;
    height: 33px;
    padding-left: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-repair-details-container[dir=rtl] .fmip-repair-ready-info .icon-container,[dir=rtl] .device-repair-details-container .fmip-repair-ready-info .icon-container {
    width: 33px;
    height: 33px;
    padding-right: 16.5px;
    padding-top: 14.75px;
    padding-bottom: 11.25px
}

.device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon.repair {
    inline-size: 33px;
    block-size: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-repair-details-container[dir=ltr] .fmip-repair-ready-info .icon-container .fmip-svg-icon.repair,.device-repair-details-container[dir=rtl] .fmip-repair-ready-info .icon-container .fmip-svg-icon.repair,[dir=ltr] .device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon.repair,[dir=rtl] .device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon.repair {
    width: 33px;
    height: 33px
}

.device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon .fmip-repair-icon-background-svg {
    fill: #00c7be
}

@media (prefers-color-scheme: dark) {
    .device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon .fmip-repair-icon-background-svg {
        fill:#63e6e2
    }
}

[data-appearance=dark] .device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon .fmip-repair-icon-background-svg {
    fill: #63e6e2
}

[data-appearance=light] .device-repair-details-container .fmip-repair-ready-info .icon-container .fmip-svg-icon .fmip-repair-icon-background-svg {
    fill: #00c7be
}

.ui-sliding-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.ui-sliding-card .ui-slide-transition {
    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
}

.ui-sliding-card .close {
    offset-block-start: 0;
    offset-inline-end: 0;
    padding: logical 15px;
    position: absolute;
    z-index: 20
}

.ui-sliding-card[dir=ltr] .close,[dir=ltr] .ui-sliding-card .close {
    top: 0;
    right: 0;
    padding: 15px
}

.ui-sliding-card[dir=rtl] .close,[dir=rtl] .ui-sliding-card .close {
    top: 0;
    left: 0;
    padding: 15px
}

.ui-sliding-card .close svg {
    fill: var(--theme-color-labelPrimary)
}

@-webkit-keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

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

    to {
        opacity: .169
    }
}

@-webkit-keyframes barrel-roll {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes cursor-blink {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@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-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-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

@keyframes spinner-fade-delay {
    0% {
        opacity: 1
    }

    to {
        opacity: .169
    }
}

@keyframes barrel-roll {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes cursor-blink {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ui-slide-transition {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ui-slide-transition[data-direction=up] {
    offset-block-end: 0
}

.ui-slide-transition[data-direction=up][dir=ltr],.ui-slide-transition[data-direction=up][dir=rtl],[dir=ltr] .ui-slide-transition[data-direction=up],[dir=rtl] .ui-slide-transition[data-direction=up] {
    bottom: 0
}

.ui-slide-transition[data-direction=left] {
    offset-inline-start: 0;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out
}

.ui-slide-transition[data-direction=left][dir=ltr],[dir=ltr] .ui-slide-transition[data-direction=left] {
    left: 0
}

.ui-slide-transition[data-direction=left][dir=rtl],[dir=rtl] .ui-slide-transition[data-direction=left] {
    right: 0
}

.ui-slide-transition.regular {
    position: absolute
}

#fmip-device-viewer-desktop {
    inline-size: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

#fmip-device-viewer-desktop[dir=ltr],#fmip-device-viewer-desktop[dir=rtl],[dir=ltr] #fmip-device-viewer-desktop,[dir=rtl] #fmip-device-viewer-desktop {
    width: 100%
}

#fmip-device-viewer-desktop .mk-bottom-left-controls-container .mk-logo-control {
    display: none
}

#fmip-device-viewer-desktop .initFailure {
    background-position: 0 0;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    block-size: 100%;
    inline-size: 100%;
    z-index: -1;
    -webkit-filter: blur(70px);
    filter: blur(70px)
}

#fmip-device-viewer-desktop[dir=ltr] .initFailure,#fmip-device-viewer-desktop[dir=rtl] .initFailure,[dir=ltr] #fmip-device-viewer-desktop .initFailure,[dir=rtl] #fmip-device-viewer-desktop .initFailure {
    height: 100%;
    width: 100%
}

#fmip-device-viewer-desktop .device-list-spinner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-margin-before: 25px;
    margin-block-start:25px;-webkit-margin-start: 172px;
    margin-inline-start:172px;-webkit-margin-after: 72px;
    margin-block-end:72px}

#fmip-device-viewer-desktop[dir=ltr] .device-list-spinner,[dir=ltr] #fmip-device-viewer-desktop .device-list-spinner {
    margin-top: 25px;
    margin-left: 172px;
    margin-bottom: 72px
}

#fmip-device-viewer-desktop[dir=rtl] .device-list-spinner,[dir=rtl] #fmip-device-viewer-desktop .device-list-spinner {
    margin-top: 25px;
    margin-right: 172px;
    margin-bottom: 72px
}

#fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header {
    block-size: 41px
}

#fmip-device-viewer-desktop[dir=ltr] .fm-control-expanded-device-list-all-devices-header,#fmip-device-viewer-desktop[dir=rtl] .fm-control-expanded-device-list-all-devices-header,[dir=ltr] #fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header,[dir=rtl] #fmip-device-viewer-desktop .fm-control-expanded-device-list-all-devices-header {
    height: 41px
}

#fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header {
    block-size: 60px
}

#fmip-device-viewer-desktop[dir=ltr] .fm-control-collapsed-device-list-all-devices-header,#fmip-device-viewer-desktop[dir=rtl] .fm-control-collapsed-device-list-all-devices-header,[dir=ltr] #fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header,[dir=rtl] #fmip-device-viewer-desktop .fm-control-collapsed-device-list-all-devices-header {
    height: 60px
}

#fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    offset-inline-start: 11px;
    offset-inline-end: unset
}

#fmip-device-viewer-desktop[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    left: 11px;
    right: 55px;
}

#fmip-device-viewer-desktop[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop .mk-bottom-right-controls-container {
    right: 11px;
    left: 55px;
}

#fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    offset-inline-start: 0;
    offset-inline-end: auto
}

#fmip-device-viewer-desktop[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    left: 0;
    right: auto
}

#fmip-device-viewer-desktop[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer-desktop .mk-bottom-right-controls-container .mk-legal-controls {
    right: 0;
    left: auto
}

#fmip-device-viewer-desktop.no-location-mapblur .mk-map-node-element {
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: hsla(0,0%,100%,.6)
}

#fmip-device-viewer-desktop.no-location-mapblur .mk-controls-container {
    display: none
}

#fmip-device-viewer-desktop .compact .ui-sliding-card,#fmip-device-viewer-desktop .compact .ui-sliding-card-modal {
    offset-block-end: 0
}

#fmip-device-viewer-desktop[dir=ltr] .compact .ui-sliding-card,#fmip-device-viewer-desktop[dir=ltr] .compact .ui-sliding-card-modal,#fmip-device-viewer-desktop[dir=rtl] .compact .ui-sliding-card,#fmip-device-viewer-desktop[dir=rtl] .compact .ui-sliding-card-modal,[dir=ltr] #fmip-device-viewer-desktop .compact .ui-sliding-card,[dir=ltr] #fmip-device-viewer-desktop .compact .ui-sliding-card-modal,[dir=rtl] #fmip-device-viewer-desktop .compact .ui-sliding-card,[dir=rtl] #fmip-device-viewer-desktop .compact .ui-sliding-card-modal {
    bottom: 0
}

#fmip-device-viewer-desktop .device-viewer-section {
    z-index: 0;
    inline-size: 360px;
    position: absolute;
    inset-block-start: 20px;
    inset-inline-start: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.05);
    box-shadow: 0 2px 15px rgba(0,0,0,.05);
    border-radius: 12px;
    -webkit-transition: height .35s ease-in-out;
    transition: height .35s ease-in-out;
    background-color: #fff
}

#fmip-device-viewer-desktop[dir=ltr] .device-viewer-section,[dir=ltr] #fmip-device-viewer-desktop .device-viewer-section {
    width: 360px;
    top: 20px;
    left: 20px
}

#fmip-device-viewer-desktop[dir=rtl] .device-viewer-section,[dir=rtl] #fmip-device-viewer-desktop .device-viewer-section {
    width: 360px;
    top: 20px;
    right: 20px
}

#fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    inset-inline-start: 0;
    z-index: 1
}

#fmip-device-viewer-desktop[dir=ltr] .device-viewer-section .device-list.regular,[dir=ltr] #fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    left: 0
}

#fmip-device-viewer-desktop[dir=rtl] .device-viewer-section .device-list.regular,[dir=rtl] #fmip-device-viewer-desktop .device-viewer-section .device-list.regular {
    right: 0
}

#fmip-device-viewer-desktop.app-state-secondary-auth .device-viewer-section {
    display: none
}

#fmip-device-viewer-desktop .fmip-device-list {
    background-color: #fff;
    inset-block-start: 64px;
    overflow: hidden auto;
    cursor: pointer
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list {
    top: 64px
}

#fmip-device-viewer-desktop .fmip-device-list .is-floating {
    -webkit-border-before: unset;
    border-block-start:unset}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .is-floating,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .is-floating,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .is-floating,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .is-floating {
    border-top: unset
}

#fmip-device-viewer-desktop .fmip-device-list .section-container {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .section-container,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .section-container,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .section-container,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .section-container {
    margin-bottom: 10px
}

#fmip-device-viewer-desktop .fmip-device-list .sticky {
    position: -webkit-sticky;
    position: sticky;
    inset-block-start: 0
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-list .sticky,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-list .sticky,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-list .sticky,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-list .sticky {
    top: 0
}

#fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    align-self: end
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: right;
    -ms-flex-item-align: right;
    align-self: right
}

#fmip-device-viewer-desktop[dir=rtl] .device-details-pane,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane {
    -webkit-align-self: left;
    -ms-flex-item-align: left;
    align-self: left
}

#fmip-device-viewer-desktop .device-details-pane.regular {
    inset-block-start: 0;
    position: absolute;
    inset-inline-start: 360px;
    z-index: 3
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane.regular,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane.regular {
    top: 0;
    left: 360px
}

#fmip-device-viewer-desktop[dir=rtl] .device-details-pane.regular,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane.regular {
    top: 0;
    right: 360px
}

#fmip-device-viewer-desktop .device-details-pane.compact {
    inline-size: 100vw
}

#fmip-device-viewer-desktop[dir=ltr] .device-details-pane.compact,#fmip-device-viewer-desktop[dir=rtl] .device-details-pane.compact,[dir=ltr] #fmip-device-viewer-desktop .device-details-pane.compact,[dir=rtl] #fmip-device-viewer-desktop .device-details-pane.compact {
    width: 100vw
}

#fmip-device-viewer-desktop .fmip-device-offline-screen {
    offset-block-start: 0;
    position: absolute
}

#fmip-device-viewer-desktop[dir=ltr] .fmip-device-offline-screen,#fmip-device-viewer-desktop[dir=rtl] .fmip-device-offline-screen,[dir=ltr] #fmip-device-viewer-desktop .fmip-device-offline-screen,[dir=rtl] #fmip-device-viewer-desktop .fmip-device-offline-screen {
    top: 0
}

#fmip-device-viewer-desktop.regular .fmip-device-offline-screen {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    inset-inline-end: auto;
    inset-inline-start: 0
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-top-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    right: auto;
    left: 95%;
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-top-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-top-right-controls-container {
    left: auto;
    right: 95%
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    offset-inline-start: 2px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    left: 12px
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container {
    right: 2px
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    offset-block-end: 5px;
    inset-inline-start: 60px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal-controls,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    bottom: 5px;
    left: 60px
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal-controls,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal-controls {
    bottom: 5px;
    right: 60px
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal {
    offset-block-end: 0
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-legal,#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-legal,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-legal {
    bottom: 0
}

#fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    inset-inline-end: -55px
}

#fmip-device-viewer-desktop.regular[dir=ltr] .mk-bottom-right-controls-container .mk-zoom-controls,[dir=ltr] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    right: 0
}

#fmip-device-viewer-desktop.regular[dir=rtl] .mk-bottom-right-controls-container .mk-zoom-controls,[dir=rtl] #fmip-device-viewer-desktop.regular .mk-bottom-right-controls-container .mk-zoom-controls {
    left: 0
}

#fmip-device-viewer-desktop.regular .mapkit-user-location-button {
    -webkit-margin-after: -10px;
    margin-block-end:-10px}

#fmip-device-viewer-desktop.regular[dir=ltr] .mapkit-user-location-button,#fmip-device-viewer-desktop.regular[dir=rtl] .mapkit-user-location-button,[dir=ltr] #fmip-device-viewer-desktop.regular .mapkit-user-location-button,[dir=rtl] #fmip-device-viewer-desktop.regular .mapkit-user-location-button {
    margin-bottom: -10px
}

#fmip-device-viewer-desktop .device-details-container {
    inline-size: 332px;
    -webkit-margin-start: 14px;
    margin-inline-start:14px;-webkit-margin-end: 14px;
    margin-inline-end:14px;-webkit-margin-before: 16px;
    margin-block-start:16px;-webkit-margin-after: 20px;
    margin-block-end:20px}

#fmip-device-viewer-desktop[dir=ltr] .device-details-container,#fmip-device-viewer-desktop[dir=rtl] .device-details-container,[dir=ltr] #fmip-device-viewer-desktop .device-details-container,[dir=rtl] #fmip-device-viewer-desktop .device-details-container {
    width: 332px;
    margin: 16px 14px 20px
}

.device-details-compressed-view .container {
    -webkit-margin-before: 12px;
    margin-block-start:12px;letter-spacing: -.22px
}

.device-details-compressed-view[dir=ltr] .container,.device-details-compressed-view[dir=rtl] .container,[dir=ltr] .device-details-compressed-view .container,[dir=rtl] .device-details-compressed-view .container {
    margin-top: 12px
}

.device-details-compressed-view .container .details {
    margin-inline:6px}

.device-details-compressed-view[dir=ltr] .container .details,.device-details-compressed-view[dir=rtl] .container .details,[dir=ltr] .device-details-compressed-view .container .details,[dir=rtl] .device-details-compressed-view .container .details {
    margin-left: 6px;
    margin-right: 6px
}

.device-details-compressed-view .container .details .title {
    word-break: break-all;
    -webkit-margin-after: 6px;
    margin-block-end:6px;line-height: 21px
}

.device-details-compressed-view[dir=ltr] .container .details .title,.device-details-compressed-view[dir=rtl] .container .details .title,[dir=ltr] .device-details-compressed-view .container .details .title,[dir=rtl] .device-details-compressed-view .container .details .title {
    margin-bottom: 6px
}

.device-details-compressed-view .container .details .name {
    white-space: inherit;
    letter-spacing: -.37px
}

.device-details-compressed-view .container .details .subtitle {
    line-height: 21px;
    inline-size: 100%;
    color: var(--theme-color-labelSecondary);
}

.device-details-compressed-view[dir=ltr] .container .details .subtitle,.device-details-compressed-view[dir=rtl] .container .details .subtitle,[dir=ltr] .device-details-compressed-view .container .details .subtitle,[dir=rtl] .device-details-compressed-view .container .details .subtitle {
    width: 100%
}

.device-details-compressed-view .container .details .subTitle {
    margin-inline:0}

.device-details-compressed-view[dir=ltr] .container .details .subTitle,.device-details-compressed-view[dir=rtl] .container .details .subTitle,[dir=ltr] .device-details-compressed-view .container .details .subTitle,[dir=rtl] .device-details-compressed-view .container .details .subTitle {
    margin-left: 0;
    margin-right: 0
}

.device-details-compressed-view .container .details .subtitle .address {
    color: rgba(0,0,0,.88)
}

.device-details-compressed-view .container .details .subtitle .show-location-timestamp,.device-details-compressed-view .fmip-device-details .container .details .subtitle .show-locating {
    color: rgba(0,0,0,.56)
}

.device-details-compressed-view .container .details .subtitle .no-location-found,.device-details-compressed-view .container .details .subtitle .old-location {
    color: rgba(0,0,0,.48)
}

.device-details-compressed-view .wiped .icon-container .erase g path {
    fill: #e30000
}

section.device-viewer-section .device-list {
    opacity: 0;
    -webkit-transition: opacity .8s ease-in-out;
    transition: opacity .8s ease-in-out
}

section.device-viewer-section .device-details-pane {
    opacity: 0;
    -webkit-transition: height,left .8s ease-in-out,opacity .8s ease-in-out;
    transition: height,left .8s ease-in-out,opacity .8s ease-in-out
}

section.device-viewer-section [aria-hidden=false].device-details-pane,section.device-viewer-section [aria-hidden=false].device-list {
    opacity: 1
}

section.device-viewer-section [aria-hidden=true].device-details-pane,section.device-viewer-section [aria-hidden=true].device-list {
    opacity: 0
}

ui-pane-backdrop.for-ui-alert.for-ui-popup.standard.initFailure-alert {
    background-color: hsla(0,0%,100%,.6)
}

.device-action-status {
    -webkit-margin-start: 6px;
    margin-inline-start:6px;-webkit-margin-before: 11px;
    margin-block-start:11px;display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.device-action-status[dir=ltr],[dir=ltr] .device-action-status {
    margin-left: 6px;
    margin-top: 11px
}

.device-action-status[dir=rtl],[dir=rtl] .device-action-status {
    margin-right: 6px;
    margin-top: 11px
}

.device-action-status .lockedstatus {
    color: #ff9500
}

.device-action-status .wipedstatus {
    color: #e30000
}

.device-action-status .pending {
    color: rgba(0,0,0,.56)
}

.device-action-status .status-erase-pending {
    color: #e30000
}

.device-action-status .deviceStatus {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: -.22px;
    -webkit-margin-end: 33px;
    margin-inline-end:33px}

.device-action-status[dir=ltr] .deviceStatus,[dir=ltr] .device-action-status .deviceStatus {
    margin-right: 33px
}

.device-action-status[dir=rtl] .deviceStatus,[dir=rtl] .device-action-status .deviceStatus {
    margin-left: 33px
}

.device-action-status .deviceStatus.twoicon {
    -webkit-margin-end: 59px;
    margin-inline-end:59px}

.device-action-status[dir=ltr] .deviceStatus.twoicon,[dir=ltr] .device-action-status .deviceStatus.twoicon {
    margin-right: 59px
}

.device-action-status[dir=rtl] .deviceStatus.twoicon,[dir=rtl] .device-action-status .deviceStatus.twoicon {
    margin-left: 59px
}

.device-action-status .deviceStatus.threeicon {
    -webkit-margin-end: 85px;
    margin-inline-end:85px}

.device-action-status[dir=ltr] .deviceStatus.threeicon,[dir=ltr] .device-action-status .deviceStatus.threeicon {
    margin-right: 85px
}

.device-action-status[dir=rtl] .deviceStatus.threeicon,[dir=rtl] .device-action-status .deviceStatus.threeicon {
    margin-left: 85px
}

.device-action-status .icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-padding-before: 0;
    padding-block-start:0;-webkit-padding-after: 0;
    padding-block-end:0;position: absolute;
    inset-inline-end: 20px;
    block-size: auto;
    inline-size: auto
}

.device-action-status[dir=ltr] .icon-container,[dir=ltr] .device-action-status .icon-container {
    padding-top: 0;
    padding-bottom: 0;
    right: 20px;
    height: auto;
    width: auto
}

.device-action-status[dir=rtl] .icon-container,[dir=rtl] .device-action-status .icon-container {
    padding-top: 0;
    padding-bottom: 0;
    left: 20px;
    height: auto;
    width: auto
}

.device-action-status .icon-container .fmip-svg-icon {
    display: inline-block;
    inline-size: 21px;
    block-size: 21px;
    -webkit-padding-start: 5px;
    padding-inline-start:5px}

.device-action-status[dir=ltr] .icon-container .fmip-svg-icon,[dir=ltr] .device-action-status .icon-container .fmip-svg-icon {
    width: 21px;
    height: 21px;
    padding-left: 5px
}

.device-action-status[dir=rtl] .icon-container .fmip-svg-icon,[dir=rtl] .device-action-status .icon-container .fmip-svg-icon {
    width: 21px;
    height: 21px;
    padding-right: 5px
}

.device-action-status .icon-container .fmip-svg-icon.erase svg {
    background-color: #fff;
    inline-size: inherit;
    block-size: inherit;
    fill: #e30000
}

.device-action-status[dir=ltr] .icon-container .fmip-svg-icon.erase svg,.device-action-status[dir=rtl] .icon-container .fmip-svg-icon.erase svg,[dir=ltr] .device-action-status .icon-container .fmip-svg-icon.erase svg,[dir=rtl] .device-action-status .icon-container .fmip-svg-icon.erase svg {
    width: inherit;
    height: inherit
}

.device-action-status .icon-container .fmip-svg-icon .play-sound-svg {
    fill: #fff
}

.device-action-status .icon-container .fmip-svg-icon .play-sound-icon-background {
    fill: #5856d6
}

.device-list-all-devices {
    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%;
    background-color: #fff;
    -webkit-padding-before: 16px;
    padding-block-start:16px;-webkit-padding-start: 20px;
    padding-inline-start:20px;-webkit-padding-end: 14px;
    padding-inline-end:14px;-webkit-box-sizing: border-box;
    box-sizing: border-box
}

.device-list-all-devices[dir=ltr],[dir=ltr] .device-list-all-devices {
    width: 100%;
    padding-top: 13px;
    padding-left: 20px;
    padding-right: 14px
}

.device-list-all-devices[dir=rtl],[dir=rtl] .device-list-all-devices {
    width: 100%;
    padding-top: 13px;
    padding-right: 20px;
    padding-left: 14px
}

.device-list-all-devices.apply-bottom-margin-to-device-list {
    -webkit-margin-after: 20px;
    margin-block-end:20px}

.device-list-all-devices.apply-bottom-margin-to-device-list[dir=ltr],.device-list-all-devices.apply-bottom-margin-to-device-list[dir=rtl],[dir=ltr] .device-list-all-devices.apply-bottom-margin-to-device-list,[dir=rtl] .device-list-all-devices.apply-bottom-margin-to-device-list {
    margin-bottom: 20px
}

.device-list-all-devices.apply-no-device-bottom-margin {
    -webkit-margin-after: 10px;
    margin-block-end:10px}

.device-list-all-devices.apply-no-device-bottom-margin[dir=ltr],.device-list-all-devices.apply-no-device-bottom-margin[dir=rtl],[dir=ltr] .device-list-all-devices.apply-no-device-bottom-margin,[dir=rtl] .device-list-all-devices.apply-no-device-bottom-margin {
    margin-bottom: 10px
}

.device-list-all-devices .device-list-all-devices-label {
    font-size: 21px;
    font-weight: 600;
    text-align: start;
    position: absolute;
    letter-spacing: .23px;
    color: var(--theme-color-labelPrimary);
}

ui-popover.cloudos-menu-popover ui-popover-content {
    border-width: 0;
    border-radius: 12px;
    will-change: transform
}

ui-menu.help-menu.cloudos-menu .cloudos-menu-item {
    white-space: nowrap
}

ui-menu.help-menu.cloudos-menu:focus,ui-menu.help-menu.cloudos-menu:focus-visible {
    outline: none
}

ui-menu.help-menu.cloudos-menu a {
    text-decoration: none
}

.cloudos-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-menu-item.cloudos-menu-item-link {
    color: inherit;
    text-decoration: none
}

.cloudos-menu-item .label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-inline:6px}

.cloudos-menu-item[dir=ltr] .label,.cloudos-menu-item[dir=rtl] .label,[dir=ltr] .cloudos-menu-item .label,[dir=rtl] .cloudos-menu-item .label {
    margin-left: 6px;
    margin-right: 6px
}

.cloudos-menu-item .symbol-icon {
    fill: currentColor;
    margin-block:-2.5px;margin-inline:-10px}

.cloudos-menu-item[dir=ltr] .symbol-icon,.cloudos-menu-item[dir=rtl] .symbol-icon,[dir=ltr] .cloudos-menu-item .symbol-icon,[dir=rtl] .cloudos-menu-item .symbol-icon {
    margin: -2.5px -10px
}

.cloudos-menu-item .app-icon {
    block-size: 20px;
    margin-block:1px;margin-inline:5px}

.cloudos-menu-item[dir=ltr] .app-icon,.cloudos-menu-item[dir=rtl] .app-icon,[dir=ltr] .cloudos-menu-item .app-icon,[dir=rtl] .cloudos-menu-item .app-icon {
    height: 20px;
    margin: 1px 5px
}

.cloudos-menu-item-opens-in-new-tab {
    fill: currentColor;
    margin-block:-5px;margin-inline:-7px}

.cloudos-menu-item-opens-in-new-tab[dir=ltr],.cloudos-menu-item-opens-in-new-tab[dir=rtl],[dir=ltr] .cloudos-menu-item-opens-in-new-tab,[dir=rtl] .cloudos-menu-item-opens-in-new-tab {
    margin: -5px -7px
}

ui-menu.cloudos-menu ui-menu-scroll-container {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

ui-menu.cloudos-menu [role=menuitem],ui-menu.cloudos-menu a[role=menuitem] {
    color: var(--theme-color-labelPrimary)
}

ui-menu.cloudos-menu [role=menuitem] svg,ui-menu.cloudos-menu a[role=menuitem] svg {
    color: var(--theme-color-systemBlue);
    fill: currentColor
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l)),var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l)),var(--theme-opacity-background-active));
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: var(--theme-opacity-text-active)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name {
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu a,ui-menu.cloudos-menu ui-menu-item {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelPrimary)
}

ui-menu.cloudos-menu a:focus,ui-menu.cloudos-menu a:focus-visible,ui-menu.cloudos-menu ui-menu-item:focus,ui-menu.cloudos-menu ui-menu-item:focus-visible {
    outline: none
}

ui-menu.cloudos-menu a.focus-visible,ui-menu.cloudos-menu ui-menu-item.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: ""
}

ui-menu.cloudos-menu a.is-highlighted,ui-menu.cloudos-menu ui-menu-item.is-highlighted {
    background-color: var(--theme-color-fillTertiary)
}

ui-menu.cloudos-menu a.is-chosen,ui-menu.cloudos-menu ui-menu-item.is-chosen {
    -webkit-animation-name: cloudos-menu-select;
    animation-name: cloudos-menu-select;
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

ui-menu.cloudos-menu a.blue,ui-menu.cloudos-menu ui-menu-item.blue {
    color: var(--theme-color-systemBlue)
}

ui-popover.cloudos-menu-popover ui-popover-content {
    border-width: 0;
    border-radius: 12px;
    will-change: transform
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ui-popover.cloudos-menu-popover ui-popover-content {
    border-width: 0;
    border-radius: 12px;
    will-change: transform
}

ui-menu.cloudos-menu:focus-visible {
    outline: none
}

ui-menu.cloudos-menu ui-menu-scroll-container {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

ui-menu.cloudos-menu [role=menuitem],ui-menu.cloudos-menu a[role=menuitem] {
    color: var(--theme-color-labelPrimary)
}

ui-menu.cloudos-menu [role=menuitem] svg,ui-menu.cloudos-menu a[role=menuitem] svg {
    color: var(--theme-color-systemBlue);
    fill: currentColor
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) {
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l)),var(--theme-opacity-background-active));
    background-color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l)),var(--theme-opacity-background-active));
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) img,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) img {
    opacity: .6
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) svg,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) svg {
    opacity: var(--theme-opacity-text-active)
}

ui-menu.cloudos-menu [role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu [role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu a[role=menuitem].active:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name,ui-menu.cloudos-menu a[role=menuitem]:active:hover:not([aria-disabled=true]):not(.disabled) .app-switcher-app-name {
    color: var(--theme-color-labelQuaternary)
}

ui-menu.cloudos-menu a,ui-menu.cloudos-menu ui-menu-item {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--theme-color-labelPrimary)
}

[apple-system-font-capable] ui-menu.cloudos-menu a,[apple-system-font-capable] ui-menu.cloudos-menu ui-menu-item {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.cloudos-menu a:focus,ui-menu.cloudos-menu a:focus-visible,ui-menu.cloudos-menu ui-menu-item:focus,ui-menu.cloudos-menu ui-menu-item:focus-visible {
    outline: none
}

ui-menu.cloudos-menu a.focus-visible,ui-menu.cloudos-menu ui-menu-item.focus-visible {
    -webkit-box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    box-shadow: 0 0 0 3px var(--theme-color-tintBlue);
    background: ""
}

ui-menu.cloudos-menu a.is-highlighted,ui-menu.cloudos-menu ui-menu-item.is-highlighted {
    background-color: var(--theme-color-fillTertiary)
}

ui-menu.cloudos-menu a.is-chosen,ui-menu.cloudos-menu ui-menu-item.is-chosen {
    -webkit-animation-name: cloudos-menu-select;
    animation-name: cloudos-menu-select;
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

ui-menu.cloudos-menu a.blue,ui-menu.cloudos-menu ui-menu-item.blue {
    color: var(--theme-color-systemBlue)
}

ui-menu.cloudos-menu a.blue.active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a.blue:active:hover:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu ui-menu-item.blue.active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu ui-menu-item.blue:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l)),var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l)),var(--theme-opacity-text-active))
}

ui-menu.cloudos-menu a.red,ui-menu.cloudos-menu ui-menu-item.red {
    color: var(--theme-color-systemRed)
}

ui-menu.cloudos-menu a.red svg,ui-menu.cloudos-menu ui-menu-item.red svg {
    fill: var(--theme-color-systemRed)
}

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

ui-menu.cloudos-menu a.gray,ui-menu.cloudos-menu ui-menu-item.gray {
    color: var(--theme-color-labelSecondary)
}

ui-menu.cloudos-menu ui-menu-divider {
    block-size: 1px;
    margin: 5px;
    background-color: var(--theme-color-gray5)
}

[dir=ltr] ui-menu.cloudos-menu ui-menu-divider,[dir=rtl] ui-menu.cloudos-menu ui-menu-divider,ui-menu.cloudos-menu[dir=ltr] ui-menu-divider,ui-menu.cloudos-menu[dir=rtl] ui-menu-divider {
    height: 1px
}

@-webkit-keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }

    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

@keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }

    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

ui-menu.account-menu ui-menu-scroll-container {
    min-inline-size: 240px;
    white-space: nowrap;
    padding-inline:5px}

[dir=ltr] ui-menu.account-menu ui-menu-scroll-container,[dir=rtl] ui-menu.account-menu ui-menu-scroll-container,ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
    min-width: 240px;
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width: 759px) {
    ui-menu.account-menu ui-menu-scroll-container {
        -webkit-padding-before:0;
        padding-block-start:0}

    [dir=ltr] ui-menu.account-menu ui-menu-scroll-container,[dir=rtl] ui-menu.account-menu ui-menu-scroll-container,ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0
    }
}

ui-menu.help-menu.cloudos-menu .cloudos-menu-item {
    white-space: nowrap
}

ui-menu.help-menu.cloudos-menu:focus,ui-menu.help-menu.cloudos-menu:focus-visible {
    outline: none
}

ui-menu.help-menu.cloudos-menu a {
    text-decoration: none
}

.cloudos-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cloudos-menu-item.cloudos-menu-item-link {
    color: inherit;
    text-decoration: none
}

.cloudos-menu-item .label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-inline:6px}

.cloudos-menu-item[dir=ltr] .label,.cloudos-menu-item[dir=rtl] .label,[dir=ltr] .cloudos-menu-item .label,[dir=rtl] .cloudos-menu-item .label {
    margin-left: 6px;
    margin-right: 6px
}

.cloudos-menu-item .symbol-icon {
    fill: currentColor;
    margin-block:-2.5px;margin-inline:-10px}

.cloudos-menu-item[dir=ltr] .symbol-icon,.cloudos-menu-item[dir=rtl] .symbol-icon,[dir=ltr] .cloudos-menu-item .symbol-icon,[dir=rtl] .cloudos-menu-item .symbol-icon {
    margin: -2.5px -10px
}

.cloudos-menu-item .app-icon {
    block-size: 20px;
    margin-block:1px;margin-inline:5px}

.cloudos-menu-item[dir=ltr] .app-icon,.cloudos-menu-item[dir=rtl] .app-icon,[dir=ltr] .cloudos-menu-item .app-icon,[dir=rtl] .cloudos-menu-item .app-icon {
    height: 20px;
    margin: 1px 5px
}

.cloudos-menu-item-opens-in-new-tab {
    fill: currentColor;
    margin-block:-5px;margin-inline:-7px}

.cloudos-menu-item-opens-in-new-tab[dir=ltr],.cloudos-menu-item-opens-in-new-tab[dir=rtl],[dir=ltr] .cloudos-menu-item-opens-in-new-tab,[dir=rtl] .cloudos-menu-item-opens-in-new-tab {
    margin: -5px -7px
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

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

    to {
        opacity: 0
    }
}

ui-pane-backdrop.adp-modal-pane.is-visible {
    z-index: 1
}

ui-menu.cloudos-menu a.blue.active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu a.blue:active:hover:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu ui-menu-item.blue.active:not([aria-disabled=true]):not(.disabled),ui-menu.cloudos-menu ui-menu-item.blue:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),-webkit-calc(var(--theme-color-appTint-l)),var(--theme-opacity-text-active));
    color: hsla(var(--theme-color-appTint-h),var(--theme-color-appTint-s),calc(var(--theme-color-appTint-l)),var(--theme-opacity-text-active))
}

ui-menu.cloudos-menu a.red,ui-menu.cloudos-menu ui-menu-item.red {
    color: var(--theme-color-systemRed)
}

ui-menu.cloudos-menu a.red svg,ui-menu.cloudos-menu ui-menu-item.red svg {
    fill: var(--theme-color-systemRed)
}

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

ui-menu.cloudos-menu a.gray,ui-menu.cloudos-menu ui-menu-item.gray {
    color: var(--theme-color-labelSecondary)
}

ui-menu.cloudos-menu ui-menu-divider {
    block-size: 1px;
    margin: 5px;
    background-color: var(--theme-color-gray5)
}

[dir=ltr] ui-menu.cloudos-menu ui-menu-divider,[dir=rtl] ui-menu.cloudos-menu ui-menu-divider,ui-menu.cloudos-menu[dir=ltr] ui-menu-divider,ui-menu.cloudos-menu[dir=rtl] ui-menu-divider {
    height: 1px
}

@-webkit-keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }

    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

@keyframes cloudos-menu-select {
    0% {
        background-color: var(--theme-color-fillSecondary)
    }

    to {
        background-color: var(--theme-color-fillSecondary)
    }
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-label,[dir=ltr] .device-list-all-devices .device-list-all-devices-label {
    text-align: left
}

.device-list-all-devices[dir=rtl] .device-list-all-devices-label,[dir=rtl] .device-list-all-devices .device-list-all-devices-label {
    text-align: right
}

.device-list-all-devices .device-list-all-devices-button {
    block-size: 28px;
    inline-size: 29px;
    border-radius: 6px;
    overflow: hidden
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button,.device-list-all-devices[dir=rtl] .device-list-all-devices-button,[dir=ltr] .device-list-all-devices .device-list-all-devices-button,[dir=rtl] .device-list-all-devices .device-list-all-devices-button {
    height: 28px;
    width: 29px
}

.device-list-all-devices .device-list-all-devices-button>ui-button {
    block-size: inherit;
    inline-size: inherit;
    padding: 0!important;
    border: 0!important;
    outline: none
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button {
    height: inherit;
    width: inherit
}

.device-list-all-devices .device-list-all-devices-button>ui-button .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button .expand-svg {
    fill: #03a10e
}

.device-list-all-devices .device-list-all-devices-button>ui-button:active,.device-list-all-devices .device-list-all-devices-button>ui-button:focus {
    border-radius: 6px;
    background-color: rgba(3,161,14,.16)!important;
    opacity: 1!important
}

.device-list-all-devices .device-list-all-devices-button>ui-button:active .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:active .expand-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:focus .collapse-svg,.device-list-all-devices .device-list-all-devices-button>ui-button:focus .expand-svg {
    fill: rgba(3,161,14,.16)
}

.device-list-all-devices .device-list-all-devices-button>ui-button:hover {
    border-radius: 6px;
    background-color: rgba(0,0,0,.08)
}

.device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon {
    min-inline-size: 28px
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices[dir=ltr] .device-list-all-devices-button>ui-button.expand-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button.collapse-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button>ui-button.expand-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button.collapse-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button>ui-button.expand-icon {
    min-width: 28px
}

.device-list-all-devices .device-list-all-devices-button .icon-container {
    block-size: inherit;
    inline-size: inherit;
    display: block;
    padding: 0
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container {
    height: inherit;
    width: inherit
}

.device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon {
    border-radius: 6px;
    inline-size: inherit;
    block-size: inherit
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container .fmip-svg-icon,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container .fmip-svg-icon,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto
}

.device-list-all-devices[dir=ltr] .device-list-all-devices-button .icon-container .fmip-svg-icon svg,.device-list-all-devices[dir=rtl] .device-list-all-devices-button .icon-container .fmip-svg-icon svg,[dir=ltr] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg,[dir=rtl] .device-list-all-devices .device-list-all-devices-button .icon-container .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.device-list-all-devices .device-list-all-devices-button .icon-container .collapse,.device-list-all-devices .device-list-all-devices-button .icon-container .expand {
    position: absolute;
    z-index: 20
}

@-webkit-keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

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

    to {
        opacity: .169
    }
}

@-webkit-keyframes barrel-roll {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes cursor-blink {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@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-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-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

@keyframes spinner-fade-delay {
    0% {
        opacity: 1
    }

    to {
        opacity: .169
    }
}

@keyframes barrel-roll {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes cursor-blink {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.device-details-all-devices {
    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;
    block-size: 28px;
    inline-size: 100%;
    background-color: #fff;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.device-details-all-devices[dir=ltr],.device-details-all-devices[dir=rtl],[dir=ltr] .device-details-all-devices,[dir=rtl] .device-details-all-devices {
    height: 28px;
    width: 100%
}

.device-details-all-devices .all-devices-button {
    padding: 0;
    max-inline-size: 288px
}

.device-details-all-devices[dir=ltr] .all-devices-button,.device-details-all-devices[dir=rtl] .all-devices-button,[dir=ltr] .device-details-all-devices .all-devices-button,[dir=rtl] .device-details-all-devices .all-devices-button {
    max-width: 288px
}

.device-details-all-devices .device-details-all-devices-label {
    font-size: 17px;
    font-weight: 600;
    text-align: start;
    color: #03a10e;
    letter-spacing: -.37px;
    cursor: pointer
}

ui-menu.cloudos-menu a.blue,ui-menu.cloudos-menu ui-menu-item.blue {
    color: var(--theme-color-systemBlue);
}

.ui-menu-help-open {
    background-color: rgba(0,0,0,.26)!important;
    color: #fff!important;
}

#modal-panel-backdrop-transparent {
    cursor: default!important;
}

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

.device-details-all-devices[dir=ltr] .device-details-all-devices-label,[dir=ltr] .device-details-all-devices .device-details-all-devices-label {
    text-align: left
}

.device-details-all-devices[dir=rtl] .device-details-all-devices-label,[dir=rtl] .device-details-all-devices .device-details-all-devices-label {
    text-align: right
}

.device-details-all-devices .device-details-all-devices-button>ui-button {
    block-size: 28px;
    padding: 0!important;
    border: 0!important;
    outline: none
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button {
    height: 28px
}

.device-details-all-devices .device-details-all-devices-button>ui-button .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button .expand-svg {
    fill: #03a10e
}

.device-details-all-devices .device-details-all-devices-button>ui-button:active,.device-details-all-devices .device-details-all-devices-button>ui-button:focus {
    border-radius: 6px;
    background-color: rgba(3,161,14,.16)!important;
    opacity: 1!important
}

.device-details-all-devices .device-details-all-devices-button>ui-button:active .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:active .expand-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:focus .collapse-svg,.device-details-all-devices .device-details-all-devices-button>ui-button:focus .expand-svg {
    fill: rgba(3,161,14,.16)
}

.device-details-all-devices .device-details-all-devices-button>ui-button:hover {
    border-radius: 6px;
    background-color: rgba(0,0,0,.08)
}

.device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon {
    min-inline-size: 28px
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices[dir=ltr] .device-details-all-devices-button>ui-button.expand-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button.collapse-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button>ui-button.expand-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button.collapse-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button>ui-button.expand-icon {
    min-width: 28px
}

.device-details-all-devices .device-details-all-devices-button .icon-container {
    inline-size: 29px;
    block-size: 28px;
    display: block;
    padding: 0
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container {
    width: 29px;
    height: 28px
}

.device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon {
    inline-size: inherit;
    block-size: inherit
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container .fmip-svg-icon,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container .fmip-svg-icon,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon {
    width: inherit;
    height: inherit
}

.device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg {
    inline-size: inherit;
    block-size: auto;
    fill: rgba(3,161,14,.16)
}

.device-details-all-devices[dir=ltr] .device-details-all-devices-button .icon-container .fmip-svg-icon svg,.device-details-all-devices[dir=rtl] .device-details-all-devices-button .icon-container .fmip-svg-icon svg,[dir=ltr] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg,[dir=rtl] .device-details-all-devices .device-details-all-devices-button .icon-container .fmip-svg-icon svg {
    width: inherit;
    height: auto
}

.device-details-all-devices .device-details-all-devices-button .icon-container .collapse,.device-details-all-devices .device-details-all-devices-button .icon-container .expand {
    position: absolute;
    z-index: 20
}

@keyframes opacity-60-25-0-12 {
    0% {
        opacity: .25
    }

    .01% {
        opacity: .25
    }

    .02% {
        opacity: 1
    }

    60.01% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes opacity-60-25-1-12 {
    0% {
        opacity: .25
    }

    8.34333% {
        opacity: .25
    }

    8.35333% {
        opacity: 1
    }

    68.3433% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes opacity-60-25-2-12 {
    0% {
        opacity: .25
    }

    16.6767% {
        opacity: .25
    }

    16.6867% {
        opacity: 1
    }

    76.6767% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes opacity-60-25-3-12 {
    0% {
        opacity: .25
    }

    25.01% {
        opacity: .25
    }

    25.02% {
        opacity: 1
    }

    85.01% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes opacity-60-25-4-12 {
    0% {
        opacity: .25
    }

    33.3433% {
        opacity: .25
    }

    33.3533% {
        opacity: 1
    }

    93.3433% {
        opacity: .25
    }

    100% {
        opacity: .25
    }
}

@keyframes opacity-60-25-5-12 {
    0% {
        opacity: .270958
    }

    41.6767% {
        opacity: .25
    }

    41.6867% {
        opacity: 1
    }

    1.67667% {
        opacity: .25
    }

    100% {
        opacity: .270958
    }
}

@keyframes opacity-60-25-6-12 {
    0% {
        opacity: .375125
    }

    50.01% {
        opacity: .25
    }

    50.02% {
        opacity: 1
    }

    10.01% {
        opacity: .25
    }

    100% {
        opacity: .375125
    }
}

@keyframes opacity-60-25-7-12 {
    0% {
        opacity: .479292
    }

    58.3433% {
        opacity: .25
    }

    58.3533% {
        opacity: 1
    }

    18.3433% {
        opacity: .25
    }

    100% {
        opacity: .479292
    }
}

@keyframes opacity-60-25-8-12 {
    0% {
        opacity: .583458
    }

    66.6767% {
        opacity: .25
    }

    66.6867% {
        opacity: 1
    }

    26.6767% {
        opacity: .25
    }

    100% {
        opacity: .583458
    }
}

@keyframes opacity-60-25-9-12 {
    0% {
        opacity: .687625
    }

    75.01% {
        opacity: .25
    }

    75.02% {
        opacity: 1
    }

    35.01% {
        opacity: .25
    }

    100% {
        opacity: .687625
    }
}

@keyframes opacity-60-25-10-12 {
    0% {
        opacity: .791792
    }

    83.3433% {
        opacity: .25
    }

    83.3533% {
        opacity: 1
    }

    43.3433% {
        opacity: .25
    }

    100% {
        opacity: .791792
    }
}

@keyframes opacity-60-25-11-12 {
    0% {
        opacity: .895958
    }

    91.6767% {
        opacity: .25
    }

    91.6867% {
        opacity: 1
    }

    51.6767% {
        opacity: .25
    }

    100% {
        opacity: .895958
    }
}

.hide {
    display: none!important;
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}

* {
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

html {
    background-color: #d2d2d7;
    color: rgba(0,0,0,.88)
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

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

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

.icon-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

ui-button button {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

ui-pane {
    position: fixed;
    top: 0
}

html:not([dir=rtl]) ui-pane {
    left: 0
}

[dir=rtl] ui-pane {
    right: 0
}

ui-pane:focus:not([aria-disabled=true]):not(.disabled) {
    outline: 0
}

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

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

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

[data-overflow-fade=true] {
    contain: layout
}

[data-overflow-fade=true] [data-overflow-fade-content-start] {
    -webkit-margin-before: -webkit-calc(var(--fadeSize)*-1);
    margin-block-start:calc(var(--fadeSize)*-1)}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-start],[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-start],[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-start],[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-start] {
    margin-top: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true] [data-overflow-fade-content-end] {
    -webkit-margin-after: -webkit-calc(var(--fadeSize)*-1);
    margin-block-end:calc(var(--fadeSize)*-1)}

[data-overflow-fade=true][dir=ltr] [data-overflow-fade-content-end],[data-overflow-fade=true][dir=rtl] [data-overflow-fade-content-end],[dir=ltr] [data-overflow-fade=true] [data-overflow-fade-content-end],[dir=rtl] [data-overflow-fade=true] [data-overflow-fade-content-end] {
    margin-bottom: calc(var(--fadeSize)*-1)
}

[data-overflow-fade=true]:after,[data-overflow-fade=true]:before {
    content: "";
    background-image: var(--fadeGradient);
    background-repeat: no-repeat;
    position: -webkit-sticky;
    position: sticky;
    block-size: var(--fadeSize);
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    pointer-events: none
}

[data-overflow-fade=true][dir=ltr]:after,[data-overflow-fade=true][dir=ltr]:before,[data-overflow-fade=true][dir=rtl]:after,[data-overflow-fade=true][dir=rtl]:before,[dir=ltr] [data-overflow-fade=true]:after,[dir=ltr] [data-overflow-fade=true]:before,[dir=rtl] [data-overflow-fade=true]:after,[dir=rtl] [data-overflow-fade=true]:before {
    height: var(--fadeSize)
}

[data-overflow-fade=true]:before {
    inset-block-start: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeTopHeight)*-1);
    z-index: 1
}

[data-overflow-fade=true][dir=ltr]:before,[data-overflow-fade=true][dir=rtl]:before,[dir=ltr] [data-overflow-fade=true]:before,[dir=rtl] [data-overflow-fade=true]:before {
    top: 0
}

[data-overflow-fade=true]:after {
    inset-block-end: 0;
    background-position-y: -webkit-calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    background-position-y: calc(var(--fadeSize)*-1 - var(--fadeBottomHeight)*-1);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-margin-before: auto;
    margin-block-start:auto}

[data-overflow-fade=true][dir=ltr]:after,[data-overflow-fade=true][dir=rtl]:after,[dir=ltr] [data-overflow-fade=true]:after,[dir=rtl] [data-overflow-fade=true]:after {
    bottom: 0;
    margin-top: auto
}

html {
    min-height: 100%;
    flex-direction: column
}

body,html {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

body {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fbfbfd;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-content-zooming: none
}

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

body:not(.disable-scroll) {
    -ms-touch-action: pan-y!important;
    touch-action: pan-y!important
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

.show-modal-pane-centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    inline-size: 100%;
    block-size: 100%;
    background: rgba(0,0,0,.1)
}

.show-modal-pane-centered[dir=ltr],.show-modal-pane-centered[dir=rtl],[dir=ltr] .show-modal-pane-centered,[dir=rtl] .show-modal-pane-centered {
    width: 100%;
    height: 100%
}

ui-pane {
    z-index: 1
}

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[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.primary {
    font-weight: 600
}

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: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:not(.neutral) {
    color: #0071e3
}

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

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

@font-face {
    font-family: ToolbarSFTextVariant;
    font-weight: 600;
    font-display: swap;
    src: local(".SFNSText-Semibold"),local(".SFUIText-Semibold"),url(../Fonts/SFNSText-Semibold.woff) format("woff")
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (min-width: 760px) and (max-width:1164px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

ui-button.push.primary.sign-in-button {
    background-color: #000;
    color: #fff;
    border-radius: 22px;
    padding-inline:30px;margin-inline:auto;-webkit-margin-before: 0;
    margin-block-start:0;min-inline-size: 146px;
    block-size: 44px;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 20px
}

[dir=ltr] ui-button.push.primary.sign-in-button,[dir=rtl] ui-button.push.primary.sign-in-button,ui-button.push.primary.sign-in-button[dir=ltr],ui-button.push.primary.sign-in-button[dir=rtl] {
    margin-top: 0;
    min-width: 146px;
    height: 44px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto
}

[apple-system-font-capable] ui-button.push.primary.sign-in-button {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 759px) {
    ui-button.push.primary.sign-in-button {
        -webkit-margin-after:20px;
        margin-block-end:20px}

    [dir=ltr] ui-button.push.primary.sign-in-button,[dir=rtl] ui-button.push.primary.sign-in-button,ui-button.push.primary.sign-in-button[dir=ltr],ui-button.push.primary.sign-in-button[dir=rtl] {
        margin-bottom: 20px
    }
}

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

ui-button.push.primary.sign-in-button:active:hover:not([aria-disabled=true]):not(.disabled) {
    color: hsla(0,0%,100%,.3);
    background-color: rgba(0,0,0,.32)
}

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

ui-button.push.primary.sign-in-button:focus:not([aria-disabled=true]):not(.disabled):before {
    border: 1px solid transparent
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 760px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 760px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

@media (max-width: 759px) {
    body {
        text-rendering:optimizeLegibility
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

ui-menu.account-menu ui-menu-scroll-container {
    min-inline-size: 240px;
    white-space: nowrap;
    padding-inline:5px}

[dir=ltr] ui-menu.account-menu ui-menu-scroll-container,[dir=rtl] ui-menu.account-menu ui-menu-scroll-container,ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
    min-width: 240px;
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width: 759px) {
    ui-menu.account-menu ui-menu-scroll-container {
        -webkit-padding-before:0;
        padding-block-start:0}

    [dir=ltr] ui-menu.account-menu ui-menu-scroll-container,[dir=rtl] ui-menu.account-menu ui-menu-scroll-container,ui-menu.account-menu[dir=ltr] ui-menu-scroll-container,ui-menu.account-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0
    }
}

ui-menu.account-menu [role=menuitem] {
    padding-inline:10px}

[dir=ltr] ui-menu.account-menu [role=menuitem],[dir=rtl] ui-menu.account-menu [role=menuitem],ui-menu.account-menu[dir=ltr] [role=menuitem],ui-menu.account-menu[dir=rtl] [role=menuitem] {
    padding-left: 10px;
    padding-right: 10px
}

ui-menu.account-menu [role=menuitem] .label {
    margin-inline:9px}

[dir=ltr] ui-menu.account-menu [role=menuitem] .label,[dir=rtl] ui-menu.account-menu [role=menuitem] .label,ui-menu.account-menu[dir=ltr] [role=menuitem] .label,ui-menu.account-menu[dir=rtl] [role=menuitem] .label {
    margin-left: 9px;
    margin-right: 9px
}

ui-menu.account-menu ui-menu-item.header {
    cursor: unset;
    margin-inline:-5px;-webkit-margin-before: -5px;
    margin-block-start:-5px;-webkit-margin-after: 5px;
    margin-block-end:5px;padding-block:13px;padding-inline:10px;border-end-start-radius: 0;
    border-end-end-radius: 0;
    background-color: var(--theme-color-fillTertiary);
    border-block-end-style:solid;border-block-end-width:1px;border-block-end-color:var(--theme-color-gray4)}

[dir=ltr] ui-menu.account-menu ui-menu-item.header,[dir=rtl] ui-menu.account-menu ui-menu-item.header,ui-menu.account-menu[dir=ltr] ui-menu-item.header,ui-menu.account-menu[dir=rtl] ui-menu-item.header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid var(--theme-color-gray4);
    margin: -5px -5px 5px;
    padding: 13px 10px;
    height: 72px;
}

ui-menu.account-menu ui-menu-item.header .label {
    margin-inline:6px}

[dir=ltr] ui-menu.account-menu ui-menu-item.header .label,[dir=rtl] ui-menu.account-menu ui-menu-item.header .label,ui-menu.account-menu[dir=ltr] ui-menu-item.header .label,ui-menu.account-menu[dir=rtl] ui-menu-item.header .label {
    margin-left: 6px;
    margin-right: 6px
}

@media (max-width: 666px) {
    ui-menu.account-menu ui-menu-item.header {
        background-color:var(--theme-color-backgroundPrimary);
        -webkit-padding-before: 0;
        padding-block-start:0;padding-inline:0;margin-inline:5px;-webkit-margin-before: 0;
        margin-block-start:0}

    [dir=ltr] ui-menu.account-menu ui-menu-item.header,[dir=rtl] ui-menu.account-menu ui-menu-item.header,ui-menu.account-menu[dir=ltr] ui-menu-item.header,ui-menu.account-menu[dir=rtl] ui-menu-item.header {
        padding-top: 0;
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        margin-left: 5px;
        margin-right: 5px
    }
}

ui-menu.account-menu ui-menu-item.header .name {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    line-height: 25px
}

[apple-system-font-capable] ui-menu.account-menu ui-menu-item.header .name {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.account-menu ui-menu-item.header .name.tall {
    line-height: 1.8
}

ui-menu.account-menu ui-menu-item.header .email {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--theme-color-labelSecondary)
}

[apple-system-font-capable] ui-menu.account-menu ui-menu-item.header .email {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.account-menu a {
    text-decoration: none
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container {
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
    max-block-size: 100%;
    scroll-behavior: smooth;
    grid-template-columns: repeat(4,minmax(78px,1fr))
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-scroll-container,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-scroll-container {
    max-height: 100%
}

@media (max-width: 666px) {
    ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container {
        padding-inline:10px;
        -webkit-padding-before: 0;
        padding-block-start:0}

    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-scroll-container,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-scroll-container,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item[aria-disabled=true] {
    cursor: default
}

ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell {
    inline-size: 78px;
    padding: 12px
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] a[role=menuitem].app-switcher-grid-cell,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] a[role=menuitem].app-switcher-grid-cell {
    width: 78px
}

@media (max-width: 666px) {
    ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell {
        padding-block:10px;
        padding-inline:15px;inline-size: 84px
    }

    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu a[role=menuitem].app-switcher-grid-cell,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] a[role=menuitem].app-switcher-grid-cell,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] a[role=menuitem].app-switcher-grid-cell {
        width: 84px;
        padding: 10px 15px
    }
}

ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item {
    -webkit-padding-start: 5px;
    padding-inline-start:5px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .cloudos-menu-item {
    padding-left: 5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .cloudos-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .cloudos-menu-item {
    padding-right: 5px
}

@media (max-width: 666px) {
    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] {
        padding:0
    }

    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before {
        content: " ";
        display: block;
        inset-block-start: 0;
        inset-inline: 10px;
        block-size: 1px;
        background-color: var(--theme-color-gray4);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem].app-switcher-list-item+.app-switcher-list-item:before {
        top: 0;
        height: 1px;
        left: 10px;
        right: 10px
    }

    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item {
        padding-block:10px}

    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem] .cloudos-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem] .cloudos-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem] .cloudos-menu-item {
        padding-top: 10px;
        padding-bottom: 10px
    }

    ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item {
        -webkit-border-after: 0;
        border-block-end:0}

    [dir=ltr] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu [role=menuitem].section-last-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] [role=menuitem].section-last-menu-item,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] [role=menuitem].section-last-menu-item {
        border-bottom: 0
    }
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-after: 0;
    border-block-end:0;cursor: default;
    padding-inline:10px;-webkit-padding-before: 10px;
    padding-block-start:10px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-item.app-switcher-heading,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-item.app-switcher-heading {
    border-bottom: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

[apple-system-font-capable] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child) {
    padding-block:10px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child),[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu ui-menu-item.app-switcher-heading:not(:first-child),ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] ui-menu-item.app-switcher-heading:not(:first-child),ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] ui-menu-item.app-switcher-heading:not(:first-child) {
    padding-top: 10px;
    padding-bottom: 10px
}

ui-menu.app-switcher-menu.cloudos-menu .app-icon {
    display: inline-block
}

ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color-labelSecondary);
    -webkit-margin-before: 6px;
    margin-block-start:6px;margin-inline:-10px;text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name,[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .app-switcher-app-name,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .app-switcher-app-name {
    margin-top: 6px;
    margin-left: -10px;
    margin-right: -10px
}

[apple-system-font-capable] ui-menu.app-switcher-menu.cloudos-menu .app-switcher-app-name {
    font-family: system-ui,Helvetica Neue,sans-serif
}

ui-menu.app-switcher-menu.cloudos-menu .app-switcher-wide-item,ui-menu.app-switcher-menu.cloudos-menu ui-menu-divider {
    grid-column-start: 1;
    grid-column-end: 5
}

ui-menu.app-switcher-menu.cloudos-menu a {
    text-decoration: none
}

ui-menu.app-switcher-menu.cloudos-menu .custom-email {
    display: block;
    block-size: 22px;
    inline-size: 20.5px;
    margin-block:-2px;-webkit-margin-start: -1.5px;
    margin-inline-start:-1.5px;-webkit-margin-end: -1px;
    margin-inline-end:-1px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .custom-email,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .custom-email {
    height: 22px;
    width: 20.5px;
    margin: -2px -1px -2px -1.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .custom-email,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .custom-email {
    height: 22px;
    width: 20.5px;
    margin: -2px -1.5px -2px -1px
}

ui-menu.app-switcher-menu.cloudos-menu .homekit-video {
    display: block;
    block-size: 21px;
    inline-size: 21px;
    margin-block:-2px;-webkit-margin-start: -2.5px;
    margin-inline-start:-2.5px;-webkit-margin-end: .5px;
    margin-inline-end:.5px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .homekit-video,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .homekit-video {
    height: 21px;
    width: 21px;
    margin: -2px .5px -2px -2.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .homekit-video,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .homekit-video {
    height: 21px;
    width: 21px;
    margin: -2px -2.5px -2px .5px
}

ui-menu.app-switcher-menu.cloudos-menu .private-relay {
    display: block;
    block-size: 21px;
    inline-size: 21px;
    margin-block:-2px;-webkit-margin-start: -1.5px;
    margin-inline-start:-1.5px;-webkit-margin-end: -.5px;
    margin-inline-end:-.5px}

[dir=ltr] ui-menu.app-switcher-menu.cloudos-menu .private-relay,ui-menu.app-switcher-menu.cloudos-menu[dir=ltr] .private-relay {
    height: 21px;
    width: 21px;
    margin: -2px -.5px -2px -1.5px
}

[dir=rtl] ui-menu.app-switcher-menu.cloudos-menu .private-relay,ui-menu.app-switcher-menu.cloudos-menu[dir=rtl] .private-relay {
    height: 21px;
    width: 21px;
    margin: -2px -1.5px -2px -.5px
}

@media (max-width: 666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container {
        background-color:var(--theme-color-backgroundPrimary);
        -webkit-padding-before: 0;
        padding-block-start:0}

    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container,[dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-scroll-container,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-scroll-container,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-scroll-container {
        padding-top: 0
    }
}

ui-menu.cloudos-menu.creation-menu ui-menu-item {
    white-space: nowrap
}

ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon {
    margin-block:0}

[dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,[dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .cloudos-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .cloudos-menu-item .app-icon {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-item {
        font-family:SF Pro Text,Helvetica Neue,sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 25px;
        padding-block:5px;padding-inline:15px 10px}

    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item {
        padding: 5px 10px 5px 15px
    }

    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item {
        padding: 5px 15px 5px 10px
    }

    [apple-system-font-capable] ui-menu.cloudos-menu.creation-menu ui-menu-item {
        font-family: system-ui,Helvetica Neue,sans-serif
    }

    body {
        text-rendering: optimizeLegibility
    }

    ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon {
        -webkit-margin-start: 0;
        margin-inline-start:0}

    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .cloudos-menu-item .app-icon {
        margin-left: 0
    }

    [dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .cloudos-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .cloudos-menu-item .app-icon {
        margin-right: 0
    }
}

ui-menu.cloudos-menu.creation-menu ui-menu-item[aria-disabled=true] {
    cursor: default
}

@media (max-width: 666px) {
    ui-menu.cloudos-menu.creation-menu ui-menu-divider {
        margin-inline:10px
    }

    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-divider,[dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-divider,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-divider,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-divider {
        margin-left: 10px;
        margin-right: 10px
    }

    ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon {
        block-size: 24px
    }

    [dir=ltr] ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon,[dir=rtl] ui-menu.cloudos-menu.creation-menu ui-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=ltr] ui-menu-item .app-icon,ui-menu.cloudos-menu.creation-menu[dir=rtl] ui-menu-item .app-icon {
        height: 24px
    }
}

ui-menu.cloudos-menu.creation-menu .title {
    font-family: SF Pro Text,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding-inline:10px}

[dir=ltr] ui-menu.cloudos-menu.creation-menu .title,[dir=rtl] ui-menu.cloudos-menu.creation-menu .title,ui-menu.cloudos-menu.creation-menu[dir=ltr] .title,ui-menu.cloudos-menu.creation-menu[dir=rtl] .title {
    padding-left: 10px;
    padding-right: 10px
}

[apple-system-font-capable] ui-menu.cloudos-menu.creation-menu .title {
    font-family: system-ui,Helvetica Neue,sans-serif
}

@media (max-width: 666px) {
    ui-menu.cloudos-menu.creation-menu .title {
        -webkit-padding-start:15px;
        padding-inline-start:15px;padding-block:0 15px}

    [dir=ltr] ui-menu.cloudos-menu.creation-menu .title,ui-menu.cloudos-menu.creation-menu[dir=ltr] .title {
        padding-left: 15px;
        padding-top: 0;
        padding-bottom: 15px
    }

    [dir=rtl] ui-menu.cloudos-menu.creation-menu .title,ui-menu.cloudos-menu.creation-menu[dir=rtl] .title {
        padding-right: 15px;
        padding-top: 0;
        padding-bottom: 15px
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 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
}

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

@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 .widget-icon-text .icon {
    inline-size: 160px
}

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

.home-login-component .parent-container .widget-icon-text {
    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
}

.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: var(--theme-color-labelPrimary);
    -webkit-margin-before: 20px;
    margin-block-start:20px;text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.home-login-component .parent-container .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: #0071e3
}

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

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

@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 var(--theme-color-fillSecondary);
    box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary);
    border-radius: 34px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--theme-color-backgroundPrimary)
}

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

@media (prefers-color-scheme: dark) {
    .home-login-component .parent-container {
        -webkit-box-shadow:0 11px 34px 0 var(--theme-color-boxShadow);
        box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow)
    }
}

[data-appearance=dark] .home-login-component .parent-container {
    -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow);
    box-shadow: 0 11px 34px 0 var(--theme-color-boxShadow)
}

[data-appearance=light] .home-login-component .parent-container {
    -webkit-box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary);
    box-shadow: 0 11px 34px 0 var(--theme-color-fillSecondary)
}

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

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

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

.home-login-component .parent-container.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
}

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

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

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

    50%,to {
        background-color: rgba(0,0,0,.56)
    }
}

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

    50%,to {
        background-color: rgba(0,0,0,.56)
    }
}

@media (pointer: fine) {
    body {
        text-rendering:optimizeLegibility
    }
}

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

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

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

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

@media (max-width: 666px) {
    body {
        text-rendering:optimizeLegibility
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

@-webkit-keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes icloud-keyframes-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes icloud-keyframes-slideIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes icloud-keyframes-slideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes icloud-keyframes-fadeInAndScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeInAndScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-scaleWithBriefFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    80% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-scaleWithBriefFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    80% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes icloud-keyframes-fadeInAndBarelyScale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

@keyframes icloud-keyframes-noop {
    to {
        opacity: 1
    }
}

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

    to {
        opacity: .8
    }
}

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

    to {
        opacity: .8
    }
}

body {
    text-rendering: optimizeLegibility
}

.fmip-selected-circle {
    width: 200px;
    height: 200px;
    background-color: rgba(120,200,120,.3);
    border-radius: 50%;
    position: fixed;
    border: 2px solid rgba(255,255,255,.8);
}

.fmip-selected-circle::before {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    border: 2px solid rgba(255,255,255,.8);
}

.fmip-selected-circle::after {
    position: fixed;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    border: 2px solid rgba(255,255,255,.8);
}

.fmip-input[dir=ltr] ui-text-field,.fmip-input[dir=rtl] ui-text-field,[dir=ltr] .fmip-input ui-text-field,[dir=rtl] .fmip-input ui-text-field {
    width: 100%;
    height: 100%
}

.fmip-text-area[dir=ltr] ui-text-area.standard>textarea,.fmip-text-area[dir=rtl] ui-text-area.standard>textarea,[dir=ltr] .fmip-text-area ui-text-area.standard>textarea,[dir=rtl] .fmip-text-area ui-text-area.standard>textarea {
    height: inherit;
    width: inherit
}

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

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

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

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

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

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

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

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

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

.fmip-device-marker {
    position: fixed;
    transform: translate(-50%,-50%);
}

.fmip-annotation-device-centered {
    top: -80px;
    left: -40px;
    position: fixed;
}

.icon-container-apply-mob {
    margin-left: 7px!important;
    margin-top: 14px!important;
    padding-bottom: 25px!important;
}

#map {
    will-change: filter;
}