body { background-color: rgb(232, 244, 255); }@-webkit-keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
@keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
@keyframes dcz-motion-wave-fade { 
  100% { opacity: 0; }
}
@keyframes dcz-motion-fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes dcz-motion-fadeout { 
  100% { opacity: 0; }
}
.dcz-modal-footer { flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; position: relative; }
.dcz-modal-footer.dcz-modal-footer-align-start { justify-content: flex-start; }
.dcz-modal-footer.dcz-modal-footer-align-end { justify-content: flex-end; }
.dcz-modal-footer .dcz-btn-type-primary { font-weight: 600; }
.dcz-modal { color: rgb(50, 51, 53); opacity: 0; will-change: transform; background: rgb(255, 255, 255); border-radius: 12px; margin: auto; transition: 0.2s ease-in; transform: scale(0.8); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.dcz-modal.dcz-modal-rtl { direction: rtl; }
.dcz-modal-show { opacity: 1; transition: 0.2s ease-out; transform: scale(1); }
.dcz-modal-wrapper { position: relative; }
.dcz-modal-mask { opacity: 0; background: rgba(26, 26, 27, 0.5); transition: 0.2s ease-in-out; position: fixed; inset: 0px; }
.dcz-modal-mask-show { opacity: 1; transition: 0.2s ease-in-out; }
.dcz-modal.dcz-modal-size-xs, .dcz-modal.dcz-modal-size-sm { width: 480px; }
.dcz-modal.dcz-modal-size-md { width: 600px; }
.dcz-modal.dcz-modal-size-lg, .dcz-modal.dcz-modal-size-xl { width: 840px; }
.dcz-modal-body { outline: 0px; position: fixed; inset: 0px; overflow: auto; }
.dcz-modal-body-no-top { justify-content: center; align-items: flex-start; display: flex; }
.dcz-modal-content-container { max-width: 100%; position: relative; }
.dcz-modal-content-header { color: rgb(50, 51, 53); padding: 24px 24px 20px; font-size: 16px; font-weight: 600; line-height: 24px; }
.dcz-modal-content-header-overflow { padding-top: 21px; padding-bottom: 21px; }
.dcz-modal-content-header-divider { border-bottom: 1px solid rgb(223, 224, 226); }
.dcz-modal-compact.dcz-modal.dcz-modal-content-container { width: 400px; }
.dcz-modal-compact .dcz-content-header { padding-bottom: 12px; }
.dcz-modal-compact .dcz-content-inner { font-size: 16px; }
.dcz-modal-content-inner { color: rgb(100, 102, 107); padding: 0px 24px; font-size: 14px; line-height: 22px; }
.dcz-modal-content-inner-no-footer { padding-bottom: 24px; }
.dcz-modal-content-inner-wrapper { width: 100%; height: 100%; }
.dcz-modal-content-footer { padding: 24px; }
.dcz-modal-content-footer-overflow { padding-top: 16px; padding-bottom: 16px; }
.dcz-modal-content-footer-divider { border-top: 1px solid rgb(223, 224, 226); }
.dcz-modal .dcz-modal-close-icon { color: rgb(50, 51, 53); cursor: pointer; top: 24px; left: unset; z-index: 1; font-size: 20px; position: absolute; right: 24px; }
.dcz-modal .dcz-modal-close-icon:hover { color: rgb(42, 85, 229); }
.dcz-modal .dcz-modal-close-icon:active { color: rgb(35, 72, 197); }
.dcz-modal.dcz-modal-rtl .dcz-modal-close-icon { left: 24px; right: unset; }
.dcz-modal .dcz-modal-content-icon-wrapper { align-items: center; width: 30px; padding-right: 6px; display: inline-flex; }
.dcz-modal-content-icon-wrapper { font-size: 20px; }
.dcz-modal-content-icon-wrapper .dcz-icon-check-one { color: rgb(13, 166, 0); }
.dcz-modal-content-icon-wrapper .dcz-icon-info { color: rgb(42, 85, 229); }
.dcz-modal-content-icon-wrapper .dcz-icon-attention { color: rgb(235, 150, 23); }
.dcz-modal-content-icon-wrapper .dcz-icon-close-one { color: rgb(227, 73, 73); }
.dcz-modal .dcz-confirm-footer .dcz-confirm-ok { margin: 0px 0px 0px 12px; }
.dcz-modal.dcz-modal-rtl .dcz-confirm-footer .dcz-confirm-ok { margin: 0px 12px 0px 0px; }
@keyframes bui-loading-opacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes okee-loading-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
@keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
.dcz-checkbox { box-sizing: border-box; cursor: pointer; user-select: none; flex-flow: row; justify-content: flex-start; align-items: flex-start; margin: 0px 32px 0px 0px; padding: 6px 0px; transition: 0.1s ease-in-out; display: inline-flex; position: relative; }
.dcz-checkbox.dcz-checkbox-rtl { direction: rtl; margin: 0px 0px 0px 32px; }
.dcz-checkbox:last-of-type { margin: 0px; }
.dcz-checkbox-icon { vertical-align: top; color: rgb(255, 255, 255); text-align: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(191, 193, 197); border-radius: 4px; flex: 0 0 auto; line-height: 0; transition: 0.1s ease-in-out; display: inline-block; position: relative; }
.dcz-checkbox-icon .dcz-icon { position: absolute; top: 0px; left: 0px; }
.dcz-checkbox-icon[data-motion-wave][data-motion-wave="after"]::after, .dcz-checkbox-icon[data-motion-wave][data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-checkbox-label { font-size: inherit; line-height: inherit; flex: 1 1 0%; display: inline-block; }
.dcz-checkbox-xs { font-size: 12px; line-height: 20px; }
.dcz-checkbox-xs .dcz-checkbox-icon { width: 12px; height: 12px; top: 4px; }
.dcz-checkbox-xs .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: 8px; margin-right: unset; }
.dcz-checkbox-xs.dcz-checkbox-rtl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: unset; margin-right: 8px; }
.dcz-checkbox-xs .dcz-checkbox-label-no { min-height: 20px; }
.dcz-checkbox-sm { font-size: 12px; line-height: 20px; }
.dcz-checkbox-sm .dcz-checkbox-icon { width: 14px; height: 14px; top: 3px; }
.dcz-checkbox-sm .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: 8px; margin-right: unset; }
.dcz-checkbox-sm.dcz-checkbox-rtl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: unset; margin-right: 8px; }
.dcz-checkbox-sm .dcz-checkbox-label-no { min-height: 20px; }
.dcz-checkbox-md { font-size: 14px; line-height: 22px; }
.dcz-checkbox-md .dcz-checkbox-icon { width: 16px; height: 16px; top: 3px; }
.dcz-checkbox-md .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: 8px; margin-right: unset; }
.dcz-checkbox-md.dcz-checkbox-rtl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: unset; margin-right: 8px; }
.dcz-checkbox-md .dcz-checkbox-label-no { min-height: 22px; }
.dcz-checkbox-lg { padding: 8px 0px; font-size: 14px; line-height: 22px; }
.dcz-checkbox-lg .dcz-checkbox-icon { width: 20px; height: 20px; top: 1px; }
.dcz-checkbox-lg .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: 8px; margin-right: unset; }
.dcz-checkbox-lg.dcz-checkbox-rtl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: unset; margin-right: 8px; }
.dcz-checkbox-lg .dcz-checkbox-label-no { min-height: 22px; }
.dcz-checkbox-xl { padding: 8px 0px; font-size: 14px; line-height: 22px; }
.dcz-checkbox-xl .dcz-checkbox-icon { width: 20px; height: 20px; top: 1px; }
.dcz-checkbox-xl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: 8px; margin-right: unset; }
.dcz-checkbox-xl.dcz-checkbox-rtl .dcz-checkbox-icon + .dcz-checkbox-label { margin-left: unset; margin-right: 8px; }
.dcz-checkbox-checked .dcz-checkbox-icon, .dcz-checkbox-indeterminate .dcz-checkbox-icon { color: rgb(255, 255, 255); background-color: rgb(56, 55, 79); border-color: rgb(56, 55, 79); }
.dcz-checkbox:not(.dcz-checkbox-disabled), .dcz-checkbox:not(.dcz-checkbox-disabled):hover, .dcz-checkbox:not(.dcz-checkbox-disabled):active, .dcz-checkbox:not(.dcz-checkbox-disabled).dcz-checkbox-checked, .dcz-checkbox:not(.dcz-checkbox-disabled).dcz-checkbox-checked:hover, .dcz-checkbox:not(.dcz-checkbox-disabled).dcz-checkbox-checked:active { color: rgb(50, 51, 53); }
.dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon:hover, .dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon:focus { background-color: rgb(255, 255, 255); border-color: rgb(69, 68, 91); }
.dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon:focus { box-shadow: rgba(166, 205, 250, 0.2) 0px 0px; }
.dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon:active { background-color: rgb(255, 255, 255); border-color: rgb(37, 36, 62); box-shadow: rgba(166, 205, 250, 0.2) 0px 0px; }
.dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-checked:hover, .dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-indeterminate:hover, .dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-checked:focus, .dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-indeterminate:focus { background-color: rgb(69, 68, 91); border-color: rgb(69, 68, 91); }
.dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-checked:active, .dcz-checkbox:not(.dcz-checkbox-disabled) .dcz-checkbox-icon-indeterminate:active { background-color: rgb(37, 36, 62); border-color: rgb(37, 36, 62); }
.dcz-checkbox-disabled { color: rgb(191, 193, 197); cursor: not-allowed; }
.dcz-checkbox-disabled .dcz-checkbox-icon, .dcz-checkbox-disabled.dcz-checkbox-variant-fill .dcz-checkbox-icon { background-color: rgb(248, 248, 249); border-color: rgb(243, 243, 244); }
.dcz-checkbox-disabled.dcz-checkbox-checked .dcz-checkbox-icon, .dcz-checkbox-disabled.dcz-checkbox-indeterminate .dcz-checkbox-icon { background-color: rgb(179, 178, 187); border-color: rgb(179, 178, 187); }
.dcz-checkbox.dcz-checkbox-variant { border-radius: 4px; position: relative; }
.dcz-checkbox.dcz-checkbox-variant::after { border-radius: 4px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked { z-index: 3; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked:hover .dcz-checkbox-icon { color: rgb(80, 122, 236); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked:active .dcz-checkbox-icon { color: rgb(35, 72, 197); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked .dcz-checkbox-icon { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked.dcz-checkbox-disabled { z-index: 1; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-checked.dcz-checkbox-disabled .dcz-checkbox-icon { color: rgb(166, 205, 250); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant-fill { color: rgb(50, 51, 53); background-color: rgb(244, 244, 245); }
.dcz-checkbox.dcz-checkbox-variant-fill:not(.dcz-checkbox-checked):hover { color: rgb(42, 85, 229); background-color: rgb(248, 248, 249); }
.dcz-checkbox.dcz-checkbox-variant-fill:not(.dcz-checkbox-checked):active { color: rgb(35, 72, 197); background-color: rgb(248, 248, 249); }
.dcz-checkbox.dcz-checkbox-variant-fill:not(.dcz-checkbox-checked).dcz-checkbox-disabled { color: rgb(150, 154, 160); background-color: rgb(248, 248, 249); }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked { color: rgb(42, 85, 229); background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked:hover { color: rgb(80, 122, 236); background-color: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked:active { color: rgb(35, 72, 197); background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked::after { z-index: 4; pointer-events: none; content: ""; border: 1px solid rgb(42, 85, 229); position: absolute; inset: 0px; }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked.dcz-checkbox-disabled { color: rgb(166, 205, 250); background-color: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-checked.dcz-checkbox-disabled::after { border: 1px solid rgb(166, 205, 250); }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-disabled + .dcz-checkbox.dcz-checkbox-variant-divider::before { display: none; }
.dcz-checkbox.dcz-checkbox-variant-divider:not(:first-child).dcz-checkbox.dcz-checkbox-variant-divider:not(.dcz-checkbox-disabled)::before { content: " "; pointer-events: none; background-color: rgb(223, 224, 226); width: 1px; height: 16px; margin-top: -8px; position: absolute; top: 50%; left: 0px; }
.dcz-checkbox.dcz-checkbox-variant-border { color: rgb(50, 51, 53); background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 224, 226); }
.dcz-checkbox.dcz-checkbox-variant-border:hover { color: rgb(42, 85, 229); z-index: 3; background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-checkbox.dcz-checkbox-variant-border:active { color: rgb(35, 72, 197); z-index: 4; background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-checked { color: rgb(42, 85, 229); z-index: 3; background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-checked:hover { color: rgb(80, 122, 236); background-color: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-checked:active { color: rgb(35, 72, 197); background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-checked.dcz-checkbox-disabled { color: rgb(166, 205, 250); z-index: 2; background-color: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-disabled { color: rgb(150, 154, 160); background-color: rgb(248, 248, 249); border-color: rgb(223, 224, 226); }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-disabled:hover { z-index: 1; }
.dcz-checkbox.dcz-checkbox-variant-button { color: rgb(50, 51, 53); background-color: rgb(248, 248, 249); overflow-x: hidden; }
.dcz-checkbox.dcz-checkbox-variant-button:not(:last-of-type) { margin-right: 12px; }
.dcz-checkbox.dcz-checkbox-variant-button:hover, .dcz-checkbox.dcz-checkbox-variant-button:active { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-disabled { color: rgb(191, 193, 197); background-color: rgb(248, 248, 249); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-checked, .dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-checked:hover, .dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-checked:active { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-checked.dcz-checkbox-disabled { color: rgb(166, 205, 250); background-color: rgb(235, 245, 255); }
.dcz-checkbox.dcz-checkbox-variant .dcz-checkbox-button-icon { color: rgb(255, 255, 255); width: 0px; height: 0px; position: absolute; top: 0px; right: 0px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-xs { padding-left: 16px; padding-right: 16px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xs, .dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-xs { height: 24px; padding-top: 2px; padding-bottom: 2px; }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-xs { height: 24px; padding-top: 1px; padding-bottom: 1px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xs .dcz-checkbox-button-icon { border-width: 8px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 10px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xs .dcz-checkbox-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xs .dcz-checkbox-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-sm { padding-left: 16px; padding-right: 16px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-sm, .dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-sm { height: 28px; padding-top: 4px; padding-bottom: 4px; }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-sm { height: 28px; padding-top: 3px; padding-bottom: 3px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-sm .dcz-checkbox-button-icon { border-width: 8px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 10px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-sm .dcz-checkbox-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-sm .dcz-checkbox-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-md { padding-left: 16px; padding-right: 16px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-md, .dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-md { height: 32px; padding-top: 5px; padding-bottom: 5px; }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-md { height: 32px; padding-top: 4px; padding-bottom: 4px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-md .dcz-checkbox-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-md .dcz-checkbox-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-md .dcz-checkbox-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-lg { padding-left: 16px; padding-right: 16px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-lg, .dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-lg { height: 36px; padding-top: 7px; padding-bottom: 7px; }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-lg { height: 36px; padding-top: 6px; padding-bottom: 6px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-lg .dcz-checkbox-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-lg .dcz-checkbox-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-lg .dcz-checkbox-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-checkbox.dcz-checkbox-variant.dcz-checkbox-xl { padding-left: 16px; padding-right: 16px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xl, .dcz-checkbox.dcz-checkbox-variant-fill.dcz-checkbox-xl { height: 40px; padding-top: 9px; padding-bottom: 9px; }
.dcz-checkbox.dcz-checkbox-variant-border.dcz-checkbox-xl { height: 40px; padding-top: 8px; padding-bottom: 8px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xl .dcz-checkbox-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xl .dcz-checkbox-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-checkbox.dcz-checkbox-variant-button.dcz-checkbox-xl .dcz-checkbox-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio { white-space: nowrap; color: rgb(50, 51, 53); cursor: pointer; vertical-align: middle; flex-flow: row; justify-content: flex-start; align-items: center; display: inline-flex; }
.dcz-radio.dcz-radio-rtl { direction: rtl; }
.dcz-radio + .dcz-radio { margin: 0px 0px 0px 24px; }
.dcz-radio + .dcz-radio.dcz-radio-rtl { margin: 0px 24px 0px 0px; }
.dcz-radio .dcz-radio-circle { background-color: rgb(255, 255, 255); border: 1px solid rgb(191, 193, 197); border-radius: 50%; justify-content: center; align-items: center; transition: 0.1s ease-in-out; display: flex; position: relative; }
.dcz-radio .dcz-radio-circle::after { content: ""; border-radius: 50%; transition: 0.1s ease-in-out; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); }
.dcz-radio.dcz-radio-checked .dcz-radio-circle { background-color: rgb(56, 55, 79); border-color: rgb(56, 55, 79); }
.dcz-radio.dcz-radio-checked .dcz-radio-circle::after { background-color: rgb(255, 255, 255); transform: translate(-50%, -50%) scale(1); }
.dcz-radio.dcz-radio-checked:hover .dcz-radio-circle { background-color: rgb(69, 68, 91); border-color: rgb(69, 68, 91); }
.dcz-radio.dcz-radio-checked:focus .dcz-radio-circle { background-color: rgb(35, 72, 197); border-color: rgb(35, 72, 197); }
.dcz-radio.dcz-radio-checked:active .dcz-radio-circle { background-color: rgb(37, 36, 62); border-color: rgb(37, 36, 62); }
.dcz-radio.dcz-radio-variant.dcz-radio-size-xs { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-size-xs { height: 24px; font-size: 12px; line-height: 20px; }
.dcz-radio.dcz-radio-size-xs .dcz-radio-circle { width: 12px; height: 12px; }
.dcz-radio.dcz-radio-size-xs .dcz-radio-circle::after { width: 4px; height: 4px; }
.dcz-radio.dcz-radio-size-xs .dcz-radio-label { margin: 0px 0px 0px 8px; }
.dcz-radio.dcz-radio-rtl.dcz-radio-size-xs .dcz-radio-label { margin: 0px 8px 0px 0px; }
.dcz-radio.dcz-radio-variant.dcz-radio-size-sm { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-size-sm { height: 28px; font-size: 12px; line-height: 20px; }
.dcz-radio.dcz-radio-size-sm .dcz-radio-circle { width: 14px; height: 14px; }
.dcz-radio.dcz-radio-size-sm .dcz-radio-circle::after { width: 5px; height: 5px; }
.dcz-radio.dcz-radio-size-sm .dcz-radio-label { margin: 0px 0px 0px 8px; }
.dcz-radio.dcz-radio-rtl.dcz-radio-size-sm .dcz-radio-label { margin: 0px 8px 0px 0px; }
.dcz-radio.dcz-radio-variant.dcz-radio-size-md { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-size-md { height: 32px; font-size: 14px; line-height: 22px; }
.dcz-radio.dcz-radio-size-md .dcz-radio-circle { width: 16px; height: 16px; }
.dcz-radio.dcz-radio-size-md .dcz-radio-circle::after { width: 6px; height: 6px; }
.dcz-radio.dcz-radio-size-md .dcz-radio-label { margin: 0px 0px 0px 8px; }
.dcz-radio.dcz-radio-rtl.dcz-radio-size-md .dcz-radio-label { margin: 0px 8px 0px 0px; }
.dcz-radio.dcz-radio-variant.dcz-radio-size-lg { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-size-lg { height: 36px; font-size: 14px; line-height: 22px; }
.dcz-radio.dcz-radio-size-lg .dcz-radio-circle { width: 20px; height: 20px; }
.dcz-radio.dcz-radio-size-lg .dcz-radio-circle::after { width: 8px; height: 8px; }
.dcz-radio.dcz-radio-size-lg .dcz-radio-label { margin: 0px 0px 0px 8px; }
.dcz-radio.dcz-radio-rtl.dcz-radio-size-lg .dcz-radio-label { margin: 0px 8px 0px 0px; }
.dcz-radio.dcz-radio-variant.dcz-radio-size-xl { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-size-xl { height: 40px; font-size: 14px; line-height: 22px; }
.dcz-radio.dcz-radio-size-xl .dcz-radio-circle { width: 20px; height: 20px; }
.dcz-radio.dcz-radio-size-xl .dcz-radio-circle::after { width: 8px; height: 8px; }
.dcz-radio.dcz-radio-size-xl .dcz-radio-label { margin: 0px 0px 0px 8px; }
.dcz-radio.dcz-radio-rtl.dcz-radio-size-xl .dcz-radio-label { margin: 0px 8px 0px 0px; }
.dcz-radio:hover { color: rgb(50, 51, 53); }
.dcz-radio:hover .dcz-radio-circle { background-color: rgb(255, 255, 255); border-color: rgb(69, 68, 91); }
.dcz-radio:active { color: rgb(50, 51, 53); }
.dcz-radio:active .dcz-radio-circle { background-color: rgb(255, 255, 255); border-color: rgb(37, 36, 62); box-shadow: rgba(37, 36, 62, 0.2) 0px 0px; }
.dcz-radio:focus .dcz-radio-circle { border-color: rgb(35, 72, 197); box-shadow: rgba(35, 72, 197, 0.2) 0px 0px; }
.dcz-radio.dcz-radio-disabled { color: rgb(191, 193, 197); cursor: not-allowed; }
.dcz-radio.dcz-radio-disabled:hover, .dcz-radio.dcz-radio-disabled:focus, .dcz-radio.dcz-radio-disabled:active { color: rgb(191, 193, 197); }
.dcz-radio.dcz-radio-disabled:hover .dcz-radio-circle, .dcz-radio.dcz-radio-disabled:focus .dcz-radio-circle, .dcz-radio.dcz-radio-disabled:active .dcz-radio-circle { box-shadow: none; border-color: rgb(243, 243, 244); }
.dcz-radio.dcz-radio-disabled .dcz-radio-circle { background-color: rgb(248, 248, 249); border-color: rgb(243, 243, 244); }
.dcz-radio.dcz-radio-disabled.dcz-radio-checked .dcz-radio-circle, .dcz-radio.dcz-radio-disabled.dcz-radio-checked:hover .dcz-radio-circle, .dcz-radio.dcz-radio-disabled.dcz-radio-checked:focus .dcz-radio-circle, .dcz-radio.dcz-radio-disabled.dcz-radio-checked:active .dcz-radio-circle { background-color: rgb(179, 178, 187); border-color: rgb(179, 178, 187); }
.dcz-radio.dcz-radio-variant { border-radius: 4px; position: relative; }
.dcz-radio.dcz-radio-variant::after { border-radius: 4px; }
.dcz-radio.dcz-radio-variant.dcz-radio-checked { z-index: 3; }
.dcz-radio.dcz-radio-variant.dcz-radio-checked:hover .dcz-radio-icon { color: rgb(80, 122, 236); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant.dcz-radio-checked:active .dcz-radio-icon { color: rgb(35, 72, 197); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.dcz-radio.dcz-radio-variant.dcz-radio-checked .dcz-radio-icon { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant.dcz-radio-checked.dcz-radio-disabled { z-index: 1; }
.dcz-radio.dcz-radio-variant.dcz-radio-checked.dcz-radio-disabled .dcz-radio-icon { color: rgb(166, 205, 250); background-color: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant-fill { color: rgb(50, 51, 53); background-color: rgb(244, 244, 245); }
.dcz-radio.dcz-radio-variant-fill:not(.dcz-radio-checked):hover { color: rgb(42, 85, 229); background-color: rgb(248, 248, 249); }
.dcz-radio.dcz-radio-variant-fill:not(.dcz-radio-checked):active { color: rgb(35, 72, 197); background-color: rgb(248, 248, 249); }
.dcz-radio.dcz-radio-variant-fill:not(.dcz-radio-checked).dcz-radio-disabled { color: rgb(150, 154, 160); background-color: rgb(248, 248, 249); }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked { color: rgb(42, 85, 229); background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked:hover { color: rgb(80, 122, 236); background-color: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked:active { color: rgb(35, 72, 197); background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked::after { z-index: 4; pointer-events: none; content: ""; border: 1px solid rgb(42, 85, 229); position: absolute; inset: 0px; }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked.dcz-radio-disabled { color: rgb(166, 205, 250); background-color: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-radio.dcz-radio-variant-fill.dcz-radio-checked.dcz-radio-disabled::after { border: 1px solid rgb(166, 205, 250); }
.dcz-radio.dcz-radio-variant.dcz-radio-disabled + .dcz-radio.dcz-radio-variant-divider::before { display: none; }
.dcz-radio.dcz-radio-variant-divider:not(:first-child).dcz-radio.dcz-radio-variant-divider:not(.dcz-radio-disabled)::before { content: " "; pointer-events: none; background-color: rgb(223, 224, 226); width: 1px; height: 16px; margin-top: -8px; position: absolute; top: 50%; left: 0px; }
.dcz-radio.dcz-radio-variant-border { color: rgb(50, 51, 53); background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 224, 226); }
.dcz-radio.dcz-radio-variant-border:hover { color: rgb(42, 85, 229); z-index: 3; background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-radio.dcz-radio-variant-border:active { color: rgb(35, 72, 197); z-index: 4; background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-checked { color: rgb(42, 85, 229); z-index: 3; background-color: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-checked:hover { color: rgb(80, 122, 236); background-color: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-checked:active { color: rgb(35, 72, 197); background-color: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-checked.dcz-radio-disabled { color: rgb(166, 205, 250); z-index: 2; background-color: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-disabled { color: rgb(150, 154, 160); background-color: rgb(248, 248, 249); border-color: rgb(223, 224, 226); }
.dcz-radio.dcz-radio-variant-border.dcz-radio-disabled:hover { z-index: 1; }
.dcz-radio.dcz-radio-variant-button { color: rgb(50, 51, 53); background-color: rgb(248, 248, 249); overflow-x: hidden; }
.dcz-radio.dcz-radio-variant-button:not(:last-of-type) { margin-right: 12px; }
.dcz-radio.dcz-radio-variant-button:hover, .dcz-radio.dcz-radio-variant-button:active { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-disabled { color: rgb(191, 193, 197); background-color: rgb(248, 248, 249); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-checked, .dcz-radio.dcz-radio-variant-button.dcz-radio-checked:hover, .dcz-radio.dcz-radio-variant-button.dcz-radio-checked:active { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-checked.dcz-radio-disabled { color: rgb(166, 205, 250); background-color: rgb(235, 245, 255); }
.dcz-radio.dcz-radio-variant .dcz-radio-button-icon { color: rgb(255, 255, 255); width: 0px; height: 0px; position: absolute; top: 0px; right: 0px; }
.dcz-radio.dcz-radio-variant.dcz-radio-xs { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xs, .dcz-radio.dcz-radio-variant-fill.dcz-radio-xs { height: 24px; padding-top: 2px; padding-bottom: 2px; }
.dcz-radio.dcz-radio-variant-border.dcz-radio-xs { height: 24px; padding-top: 1px; padding-bottom: 1px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xs .dcz-radio-button-icon { border-width: 8px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 10px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xs .dcz-radio-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xs .dcz-radio-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio.dcz-radio-variant.dcz-radio-sm { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-sm, .dcz-radio.dcz-radio-variant-fill.dcz-radio-sm { height: 28px; padding-top: 4px; padding-bottom: 4px; }
.dcz-radio.dcz-radio-variant-border.dcz-radio-sm { height: 28px; padding-top: 3px; padding-bottom: 3px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-sm .dcz-radio-button-icon { border-width: 8px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 10px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-sm .dcz-radio-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-sm .dcz-radio-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio.dcz-radio-variant.dcz-radio-md { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-md, .dcz-radio.dcz-radio-variant-fill.dcz-radio-md { height: 32px; padding-top: 5px; padding-bottom: 5px; }
.dcz-radio.dcz-radio-variant-border.dcz-radio-md { height: 32px; padding-top: 4px; padding-bottom: 4px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-md .dcz-radio-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-md .dcz-radio-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-md .dcz-radio-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio.dcz-radio-variant.dcz-radio-lg { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-lg, .dcz-radio.dcz-radio-variant-fill.dcz-radio-lg { height: 36px; padding-top: 7px; padding-bottom: 7px; }
.dcz-radio.dcz-radio-variant-border.dcz-radio-lg { height: 36px; padding-top: 6px; padding-bottom: 6px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-lg .dcz-radio-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-lg .dcz-radio-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-lg .dcz-radio-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio.dcz-radio-variant.dcz-radio-xl { padding-left: 16px; padding-right: 16px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xl, .dcz-radio.dcz-radio-variant-fill.dcz-radio-xl { height: 40px; padding-top: 9px; padding-bottom: 9px; }
.dcz-radio.dcz-radio-variant-border.dcz-radio-xl { height: 40px; padding-top: 8px; padding-bottom: 8px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xl .dcz-radio-button-icon { border-width: 10px; border-style: solid; border-image: none; border-color: rgb(42, 85, 229) rgb(42, 85, 229) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 12px; }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xl .dcz-radio-button-icon-disabled { border-color: rgb(166, 205, 250) rgb(166, 205, 250) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.dcz-radio.dcz-radio-variant-button.dcz-radio-xl .dcz-radio-button-icon .dcz-icon { position: absolute; bottom: -2px; left: -2px; }
.dcz-radio.dcz-radio-variant > .dcz-radio-label { margin-left: 0px; }
.dcz-radio-button.dcz-btn-disabled.dcz-radio-button-checked { color: rgb(166, 205, 250); z-index: 10; background-color: rgb(235, 245, 255); border-color: rgb(166, 205, 250); }
.dcz-radio-filled-size-xs, .dcz-radio-filled-size-sm { font-size: 12px; line-height: 20px; }
.dcz-radio-filled-size-md, .dcz-radio-filled-size-lg { font-size: 14px; line-height: 22px; }
.dcz-radio-filled-size-xl { font-size: 16px; line-height: 24px; }
.dcz-radio-group-type-filled { color: rgb(100, 102, 107); background-color: rgb(244, 244, 245); border-radius: 4px; padding: 4px; display: inline-flex; }
.dcz-radio-group-type-filled .dcz-radio-filled { text-align: center; cursor: pointer; border-radius: 2px; justify-content: center; align-items: center; margin-right: 4px; padding: 2px 12px; display: flex; }
.dcz-radio-group-type-filled .dcz-radio-filled:last-child { margin-right: 0px; }
.dcz-radio-group-type-filled .dcz-radio-filled:hover { background-color: rgb(223, 224, 226); }
.dcz-radio-group-type-filled .dcz-radio-filled:active { background-color: rgb(213, 214, 217); }
.dcz-radio-group-type-filled .dcz-radio-filled-disabled { cursor: not-allowed; color: rgb(191, 193, 197); }
.dcz-radio-group-type-filled .dcz-radio-filled-disabled:hover { background-color: rgb(244, 244, 245); }
.dcz-radio-group-type-filled .dcz-radio-filled-disabled.dcz-radio-filled-checked, .dcz-radio-group-type-filled .dcz-radio-filled-disabled.dcz-radio-filled-checked:hover { color: rgb(166, 205, 250); background-color: rgb(255, 255, 255); }
.dcz-radio-group-type-filled .dcz-radio-filled-checked, .dcz-radio-group-type-filled .dcz-radio-filled-checked:hover { color: rgb(42, 85, 229); background-color: rgb(255, 255, 255); }
.dcz-radio-group-variant { display: inline-flex; }
.dcz-radio-group-variant .dcz-radio.dcz-radio-variant { box-sizing: border-box; border-radius: 0px; justify-content: center; margin-left: 0px; display: flex; }
.dcz-radio-group-variant .dcz-radio.dcz-radio-variant::after { border-radius: 0px; }
.dcz-radio-group-variant .dcz-radio.dcz-radio-variant:first-child, .dcz-radio-group-variant .dcz-radio.dcz-radio-variant:first-child::after { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-radio-group-variant .dcz-radio.dcz-radio-variant:last-child, .dcz-radio-group-variant .dcz-radio.dcz-radio-variant:last-child::after { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-radio-group-variant .dcz-radio.dcz-radio-variant-fill:not(:last-child), .dcz-radio-group-variant .dcz-radio.dcz-radio-variant-border:not(:last-child) { margin-right: -1px; }
.dcz-radio-group-type-tag { line-height: 0; }
.dcz-radio-tag + .dcz-radio-tag, .dcz-radio-tag.dcz-tag-rtl + .dcz-radio-tag.dcz-tag-rtl { margin-left: 0px; margin-right: 0px; }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain:not(.dcz-btn-checked) { color: rgb(50, 51, 53); border-color: rgb(223, 224, 226); }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain:not(.dcz-btn-checked):hover { color: rgb(42, 85, 229); border-color: rgb(42, 85, 229); }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain.dcz-btn-checked { color: rgb(42, 85, 229); background-color: rgb(235, 245, 255); }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain.dcz-btn-disabled { color: rgb(150, 154, 160); background-color: rgb(248, 248, 249); border-color: rgb(223, 224, 226); }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain.dcz-btn-disabled:hover { color: rgb(150, 154, 160); z-index: 9; border-color: rgb(223, 224, 226); }
.dcz-radio-group .dcz-btn-group > .dcz-btn-type-primary.dcz-btn-plain.dcz-btn-disabled.dcz-btn-checked { color: rgb(166, 205, 250); background-color: rgb(235, 245, 255); border-color: rgb(166, 205, 250); }
.dcz-radio-group-type-card { gap: 16px; display: flex; }
.dcz-radio-card { cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(244, 244, 245); border-radius: 6px; width: 216px; padding: 16px 20px; }
.dcz-radio-card.dcz-radio-card-size-lg .dcz-radio-card-title, .dcz-radio-card.dcz-radio-card-size-xl .dcz-radio-card-title { font-size: 16px; line-height: 24px; }
.dcz-radio-card.dcz-radio-card-size-lg .dcz-radio-card-desc, .dcz-radio-card.dcz-radio-card-size-xl .dcz-radio-card-desc, .dcz-radio-card.dcz-radio-card-size-md .dcz-radio-card-title, .dcz-radio-card.dcz-radio-card-size-sm .dcz-radio-card-title, .dcz-radio-card.dcz-radio-card-size-md .dcz-radio-card-desc, .dcz-radio-card.dcz-radio-card-size-sm .dcz-radio-card-desc { font-size: 14px; line-height: 22px; }
.dcz-radio-card:hover:not(.dcz-radio-card-disabled) { border-color: rgb(42, 85, 229); }
.dcz-radio-card:hover:not(.dcz-radio-card-disabled) .dcz-radio-card-title { color: rgb(42, 85, 229); }
.dcz-radio-card-disabled { cursor: not-allowed; background-color: rgb(248, 248, 249); }
.dcz-radio-card-disabled .dcz-radio-card-title, .dcz-radio-card-disabled .dcz-radio-card-desc { color: rgb(191, 193, 197); }
.dcz-radio-card-disabled.dcz-radio-card-isFirstChecked { background-color: rgb(235, 245, 255); border: 1px solid rgb(166, 205, 250); }
.dcz-radio-card-disabled.dcz-radio-card-isFirstChecked .dcz-radio-card-title { color: rgb(166, 205, 250); }
.dcz-radio-card-isFirstChecked { background-color: rgb(235, 245, 255); border: 1px solid rgb(42, 85, 229); }
.dcz-radio-card-isFirstChecked .dcz-radio-card-title { color: rgb(42, 85, 229); }
.dcz-radio-card-title { color: rgb(50, 51, 53); font-size: 14px; font-weight: 500; line-height: 22px; }
.dcz-radio-card-desc { color: rgb(150, 154, 160); word-break: break-all; margin-top: 4px; font-size: 12px; font-weight: 400; line-height: 18px; display: block; }
.dcz-space { gap: 20px; display: inline-flex; }
.dcz-space-block { display: flex; }
.dcz-space-direction-vertical { flex-direction: column; }
.dcz-space-wrap { flex-wrap: wrap; }
.dcz-space-row-xs { row-gap: 12px; }
.dcz-space-row-sm { row-gap: 16px; }
.dcz-space-row-md { row-gap: 20px; }
.dcz-space-row-lg { row-gap: 28px; }
.dcz-space-row-xl { row-gap: 36px; }
.dcz-space-col-xs { column-gap: 12px; }
.dcz-space-col-sm { column-gap: 16px; }
.dcz-space-col-md { column-gap: 20px; }
.dcz-space-col-lg { column-gap: 28px; }
.dcz-space-col-xl { column-gap: 36px; }
@-webkit-keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
@keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
.dcz-check-wrapper { pointer-events: none; z-index: -1; opacity: 0; visibility: hidden; width: 0px; height: 0px; position: absolute; left: -9999px; }
.dcz-popper-trigger { display: inline-block; }
.dcz-popover { box-sizing: border-box; background-color: rgb(255, 255, 255); border-radius: 8px; font-size: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; }
.dcz-popover-inner { z-index: 2; color: rgb(100, 102, 107); border-radius: 8px; font-size: 12px; line-height: 20px; overflow: hidden; }
.dcz-popover-arrow { z-index: 1; transition: 0.1s ease-in-out; display: block; }
.dcz-popover-arrow .dcz-popover-arrow-inner { border-style: solid; border-width: 4px; width: 0px; height: 0px; font-size: 0px; line-height: 0; display: block; }
.dcz-popover-arrow-dir-top { transform: translateY(50%); }
.dcz-popover-arrow-dir-top .dcz-popover-arrow-inner { border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255) rgba(0, 0, 0, 0); transform: rotate(45deg) scale(-1); box-shadow: rgba(0, 0, 0, 0.08) 3px 3px 6px; }
.dcz-popover-arrow-dir-bottom { transform: translateY(-50%); }
.dcz-popover-arrow-dir-bottom .dcz-popover-arrow-inner { border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255) rgba(0, 0, 0, 0); transform: rotate(45deg); box-shadow: rgba(0, 0, 0, 0.08) 3px 3px 6px; }
.dcz-popover-arrow-dir-left { transform: translate(50%); }
.dcz-popover-arrow-dir-left .dcz-popover-arrow-inner { border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255) rgba(0, 0, 0, 0); transform: rotate(-45deg) scale(-1); box-shadow: rgba(0, 0, 0, 0.08) 3px 3px 6px; }
.dcz-popover-arrow-dir-right { transform: translate(-50%); }
.dcz-popover-arrow-dir-right .dcz-popover-arrow-inner { border-color: rgba(0, 0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255) rgba(0, 0, 0, 0); transform: rotate(-45deg); box-shadow: rgba(0, 0, 0, 0.08) 3px 3px 6px; }
.dcz-popover-confirm-container, .dcz-popover-alert-container, .dcz-popover-container-container { box-sizing: border-box; width: 240px; padding: 16px; }
.dcz-popover-confirm-icon-wrapper.dcz-content-icon-wrapper, .dcz-popover-alert-icon-wrapper.dcz-content-icon-wrapper, .dcz-popover-container-icon-wrapper.dcz-content-icon-wrapper { width: 22px; }
.dcz-popover-confirm-header.dcz-content-header, .dcz-popover-alert-header.dcz-content-header, .dcz-popover-container-header.dcz-content-header { color: rgb(50, 51, 53); margin-bottom: 8px; font-size: 14px; font-weight: 600; line-height: 22px; }
.dcz-popover-confirm-inner.dcz-content-inner, .dcz-popover-alert-inner.dcz-content-inner, .dcz-popover-container-inner.dcz-content-inner { color: rgb(100, 102, 107); font-size: 12px; font-weight: 400; line-height: 20px; }
.dcz-popover-confirm-footer.dcz-content-footer, .dcz-popover-alert-footer.dcz-content-footer, .dcz-popover-container-footer.dcz-content-footer { text-align: right; margin-top: 8px; }
.dcz-popover-confirm-footer.dcz-content-footer .dcz-confirm-ok, .dcz-popover-alert-footer.dcz-content-footer .dcz-confirm-ok, .dcz-popover-container-footer.dcz-content-footer .dcz-confirm-ok { margin-left: 12px; }
.dcz-popover-mode-dark { background-color: rgba(50, 51, 53, 0.95); }
.dcz-popover-mode-dark .dcz-popover-inner { color: rgb(255, 255, 255); }
.dcz-popover-mode-dark .dcz-popover-arrow-dir-top .dcz-popover-arrow-inner, .dcz-popover-mode-dark .dcz-popover-arrow-dir-bottom .dcz-popover-arrow-inner, .dcz-popover-mode-dark .dcz-popover-arrow-dir-left .dcz-popover-arrow-inner, .dcz-popover-mode-dark .dcz-popover-arrow-dir-right .dcz-popover-arrow-inner { border-color: rgba(0, 0, 0, 0) rgba(50, 51, 53, 0.95) rgba(50, 51, 53, 0.95) rgba(0, 0, 0, 0); }
[class*="dcz-"][data-motion-wave] { position: relative; }
[class*="dcz-"][data-motion-wave][data-motion-wave="after"]::after, [class*="dcz-"][data-motion-wave][data-motion-wave="before"]::before { content: " "; opacity: 0.2; border-radius: inherit; color: rgb(42, 85, 229); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal both running dcz-motion-wave-fade, 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal both running dcz-motion-wave; display: block; position: absolute; inset: 0px; }
@-webkit-keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
@keyframes dcz-motion-wave { 
  100% { box-shadow: 0px 0px; }
}
[class*="dcz-"][data-motion-fade="in"] { animation: 0.1s ease-out 0s 1 normal none running dcz-motion-fadein; }
[class*="dcz-"][data-motion-fade="out"] { pointer-events: none; animation: 0.1s ease-in 0s 1 normal both running dcz-motion-fadeout; }
.dcz-message { color: rgb(50, 51, 53); text-align: left; pointer-events: auto; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; align-items: center; padding: 8px 16px; font-size: 12px; font-weight: 400; line-height: 20px; display: inline-block; position: relative; }
.dcz-message-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.dcz-message-icon { vertical-align: middle; margin-right: 8px; font-size: 20px; display: inline-flex; }
.dcz-message-type-success { background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-message-type-success .dcz-message-icon { color: rgb(13, 166, 0); }
.dcz-message-type-info { background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-message-type-info .dcz-message-icon { color: rgb(42, 85, 229); }
.dcz-message-type-warning { background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-message-type-warning .dcz-message-icon { color: rgb(235, 150, 23); }
.dcz-message-type-error { background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-message-type-error .dcz-message-icon { color: rgb(227, 73, 73); }
.dcz-message-type-loading { background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-message-type-loading .dcz-message-icon { color: rgb(80, 122, 236); }
.dcz-message-no-icon { padding-left: 16px; }
.dcz-message-has-close .dcz-message-close { color: rgb(150, 154, 160); cursor: pointer; vertical-align: middle; margin-left: 8px; font-size: 14px; }
.dcz-message-content { vertical-align: middle; white-space: pre-line; overflow-wrap: break-word; }
.dcz-message-loading-icon svg { animation: 0.6s linear 0s infinite normal none running okee-loading-rotate; }
.dcz-auth-modal-radio.dcz-radio { margin-left: 16px; }
.dcz-modal.dcz-modal-size-lg { width: 800px; }
.dcz-auth-modal-content { color: rgb(50, 51, 53); flex-direction: column; gap: 8px; display: flex; }
.dcz-auth-modal-popover-content { color: rgb(50, 51, 53); flex-direction: column; gap: 16px; font-size: 12px; font-weight: 400; line-height: 18px; display: flex; }
.dcz-auth-modal-popover-item { flex-direction: column; gap: 8px; display: flex; }
.dcz-auth-modal-popover-title { color: rgb(50, 51, 53); font-size: 14px; font-weight: 600; line-height: 22px; }
.dcz-auth-modal-popover-container { align-items: center; gap: 4px; display: flex; }
.dcz-auth-modal-popover-container .dcz-popper-trigger.dcz-popper-trigger-hover { cursor: help; display: inline-flex; }
.dcz-auth-modal-popover-label, .dcz-auth-modal-radio-group .dcz-radio-label { font-size: 14px; line-height: 22px; }
.dcz-btn-type-default { color: rgb(50, 51, 53); background: rgb(244, 244, 245); border-color: rgb(244, 244, 245); }
.dcz-btn-type-default.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgb(248, 248, 249); }
.dcz-btn-type-default:not(.dcz-btn-no-focus):focus { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgb(235, 235, 237); }
.dcz-btn-type-default.dcz-btn:active { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgb(248, 248, 249); }
.dcz-btn-type-default.dcz-btn.dcz-btn-checked { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgb(235, 235, 237); }
.dcz-btn-type-default.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(248, 248, 249); border-color: rgb(248, 248, 249); }
.dcz-btn-type-default.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-default.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default.dcz-btn[data-motion-wave="before"]::before { color: rgb(244, 244, 245); }
.dcz-btn-type-default .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-default.dcz-btn-plain { color: rgb(50, 51, 53); background: rgb(255, 255, 255); border-color: rgb(223, 224, 226); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn:hover, .dcz-btn-type-default.dcz-btn-plain:not(.dcz-btn-no-focus):focus { color: rgb(42, 85, 229); background: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn:active { color: rgb(35, 72, 197); background: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(248, 248, 249); border-color: rgb(223, 224, 226); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-default.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-default.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-default-light { color: rgb(50, 51, 53); background: rgb(244, 244, 245); border-color: rgb(244, 244, 245); }
.dcz-btn-type-default-light.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgb(248, 248, 249); }
.dcz-btn-type-default-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-default-light.dcz-btn:active, .dcz-btn-type-default-light.dcz-btn.dcz-btn-checked { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgb(235, 235, 237); }
.dcz-btn-type-default-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(248, 248, 249); border-color: rgb(248, 248, 249); }
.dcz-btn-type-default-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-default-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(244, 244, 245); }
.dcz-btn-type-default-light .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-default-light.dcz-btn-plain { color: rgb(50, 51, 53); background: rgb(244, 244, 245); border-color: rgb(223, 224, 226); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn:hover, .dcz-btn-type-default-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus { color: rgb(42, 85, 229); background: rgb(251, 252, 252); border-color: rgb(42, 85, 229); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn:active { color: rgb(35, 72, 197); background: rgb(251, 252, 252); border-color: rgb(35, 72, 197); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(251, 252, 252); border-color: rgb(42, 85, 229); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(248, 248, 249); border-color: rgb(223, 224, 226); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-default-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-default-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-primary { color: rgb(255, 255, 255); background: rgb(42, 85, 229); border-color: rgb(42, 85, 229); }
.dcz-btn-type-primary.dcz-btn:hover, .dcz-btn-type-primary:not(.dcz-btn-no-focus):focus { color: rgb(255, 255, 255); background: rgb(80, 122, 236); border-color: rgb(80, 122, 236); }
.dcz-btn-type-primary.dcz-btn:active { color: rgb(255, 255, 255); background: rgb(35, 72, 197); border-color: rgb(35, 72, 197); }
.dcz-btn-type-primary.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(80, 122, 236); border-color: rgb(80, 122, 236); }
.dcz-btn-type-primary.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(235, 245, 255); background: rgb(166, 205, 250); border-color: rgb(166, 205, 250); }
.dcz-btn-type-primary.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(235, 245, 255); }
.dcz-btn-type-primary.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-primary .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-primary.dcz-btn-plain { color: rgb(42, 85, 229); background: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-primary.dcz-btn-plain.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-primary.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-primary.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-primary.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-primary.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-btn-type-primary.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-primary.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(80, 122, 236); }
.dcz-btn-type-primary.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-primary-light { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-primary-light.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-primary-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-primary-light.dcz-btn:active, .dcz-btn-type-primary-light.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.dcz-btn-type-primary-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-primary-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-primary-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(235, 245, 255); }
.dcz-btn-type-primary-light .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-primary-light.dcz-btn-plain { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(235, 245, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-primary-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(235, 245, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(235, 245, 255); border-color: rgb(166, 205, 250); }
.dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(80, 122, 236); }
.dcz-btn-type-primary-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-info { color: rgb(255, 255, 255); background: rgb(42, 85, 229); border-color: rgb(42, 85, 229); }
.dcz-btn-type-info.dcz-btn:hover { color: rgb(255, 255, 255); background: rgb(80, 122, 236); border-color: rgb(80, 122, 236); }
.dcz-btn-type-info:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info.dcz-btn:active, .dcz-btn-type-info.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(35, 72, 197); border-color: rgb(35, 72, 197); }
.dcz-btn-type-info.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(235, 245, 255); background: rgb(166, 205, 250); border-color: rgb(166, 205, 250); }
.dcz-btn-type-info.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(235, 245, 255); }
.dcz-btn-type-info.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-info .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-info.dcz-btn-plain { color: rgb(42, 85, 229); background: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-info.dcz-btn-plain.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-info.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-info.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-info.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(235, 245, 255); border-color: rgb(166, 205, 250); }
.dcz-btn-type-info.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-info.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(80, 122, 236); }
.dcz-btn-type-info.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-info-light { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-info-light.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-info-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info-light.dcz-btn:active, .dcz-btn-type-info-light.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.dcz-btn-type-info-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(235, 245, 255); border-color: rgb(235, 245, 255); }
.dcz-btn-type-info-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-info-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(235, 245, 255); }
.dcz-btn-type-info-light .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-info-light.dcz-btn-plain { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-info-light.dcz-btn-plain.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(235, 245, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-info-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info-light.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-info-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(235, 245, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-info-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(235, 245, 255); border-color: rgb(166, 205, 250); }
.dcz-btn-type-info-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-info-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(80, 122, 236); }
.dcz-btn-type-info-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-success { color: rgb(255, 255, 255); background: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.dcz-btn-type-success.dcz-btn:hover, .dcz-btn-type-success:not(.dcz-btn-no-focus):focus { color: rgb(255, 255, 255); background: rgb(9, 177, 96); border-color: rgb(9, 177, 96); }
.dcz-btn-type-success.dcz-btn:active { color: rgb(255, 255, 255); background: rgb(0, 116, 48); border-color: rgb(0, 116, 48); }
.dcz-btn-type-success.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(9, 177, 96); border-color: rgb(9, 177, 96); }
.dcz-btn-type-success.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(236, 248, 235); background: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.dcz-btn-type-success.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(236, 248, 235); }
.dcz-btn-type-success.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success.dcz-btn[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.dcz-btn-type-success .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-success.dcz-btn-plain { color: rgb(13, 166, 0); background: rgb(255, 255, 255); border-color: rgb(13, 166, 0); }
.dcz-btn-type-success.dcz-btn-plain.dcz-btn:hover { color: rgb(9, 177, 96); background: rgb(255, 255, 255); border-color: rgb(9, 177, 96); }
.dcz-btn-type-success.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-success.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-success.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(0, 116, 48); background: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.dcz-btn-type-success.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(131, 219, 178); background: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.dcz-btn-type-success.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(131, 219, 178); }
.dcz-btn-type-success.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.dcz-btn-type-success.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(13, 166, 0); }
.dcz-btn-type-success-light { color: rgb(13, 166, 0); background: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.dcz-btn-type-success-light.dcz-btn:hover { color: rgb(9, 177, 96); background: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.dcz-btn-type-success-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-success-light.dcz-btn:active, .dcz-btn-type-success-light.dcz-btn.dcz-btn-checked { color: rgb(0, 116, 48); background: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.dcz-btn-type-success-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(131, 219, 178); background: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.dcz-btn-type-success-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(131, 219, 178); }
.dcz-btn-type-success-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.dcz-btn-type-success-light .dcz-btn-loading-icon rect { fill: rgb(13, 166, 0); }
.dcz-btn-type-success-light.dcz-btn-plain { color: rgb(13, 166, 0); background: rgb(236, 248, 235); border-color: rgb(13, 166, 0); }
.dcz-btn-type-success-light.dcz-btn-plain.dcz-btn:hover { color: rgb(9, 177, 96); background: rgb(236, 248, 235); border-color: rgb(9, 177, 96); }
.dcz-btn-type-success-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-success-light.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-success-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(0, 116, 48); background: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.dcz-btn-type-success-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(131, 219, 178); background: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.dcz-btn-type-success-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(131, 219, 178); }
.dcz-btn-type-success-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.dcz-btn-type-success-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(13, 166, 0); }
.dcz-btn-type-danger { color: rgb(255, 255, 255); background: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.dcz-btn-type-danger.dcz-btn:hover, .dcz-btn-type-danger:not(.dcz-btn-no-focus):focus { color: rgb(255, 255, 255); background: rgb(234, 121, 121); border-color: rgb(234, 121, 121); }
.dcz-btn-type-danger.dcz-btn:active { color: rgb(255, 255, 255); background: rgb(199, 16, 35); border-color: rgb(199, 16, 35); }
.dcz-btn-type-danger.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(234, 121, 121); border-color: rgb(234, 121, 121); }
.dcz-btn-type-danger.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(253, 242, 242); background: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.dcz-btn-type-danger.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(253, 242, 242); }
.dcz-btn-type-danger.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger.dcz-btn[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.dcz-btn-type-danger .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-danger.dcz-btn-plain { color: rgb(227, 73, 73); background: rgb(255, 255, 255); border-color: rgb(227, 73, 73); }
.dcz-btn-type-danger.dcz-btn-plain.dcz-btn:hover { color: rgb(234, 121, 121); background: rgb(255, 255, 255); border-color: rgb(234, 121, 121); }
.dcz-btn-type-danger.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-danger.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-danger.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(199, 16, 35); background: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.dcz-btn-type-danger.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(245, 187, 187); background: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.dcz-btn-type-danger.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(245, 187, 187); }
.dcz-btn-type-danger.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.dcz-btn-type-danger.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(227, 73, 73); }
.dcz-btn-type-danger-light { color: rgb(227, 73, 73); background: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.dcz-btn-type-danger-light.dcz-btn:hover { color: rgb(234, 121, 121); background: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.dcz-btn-type-danger-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-danger-light.dcz-btn:active, .dcz-btn-type-danger-light.dcz-btn.dcz-btn-checked { color: rgb(199, 16, 35); background: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.dcz-btn-type-danger-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(245, 187, 187); background: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.dcz-btn-type-danger-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(245, 187, 187); }
.dcz-btn-type-danger-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.dcz-btn-type-danger-light .dcz-btn-loading-icon rect { fill: rgb(227, 73, 73); }
.dcz-btn-type-danger-light.dcz-btn-plain { color: rgb(227, 73, 73); background: rgb(253, 242, 242); border-color: rgb(227, 73, 73); }
.dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn:hover { color: rgb(234, 121, 121); background: rgb(253, 242, 242); border-color: rgb(234, 121, 121); }
.dcz-btn-type-danger-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(199, 16, 35); background: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(245, 187, 187); background: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(245, 187, 187); }
.dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.dcz-btn-type-danger-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(227, 73, 73); }
.dcz-btn-type-warning { color: rgb(255, 255, 255); background: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.dcz-btn-type-warning.dcz-btn:hover, .dcz-btn-type-warning:not(.dcz-btn-no-focus):focus { color: rgb(255, 255, 255); background: rgb(246, 183, 12); border-color: rgb(246, 183, 12); }
.dcz-btn-type-warning.dcz-btn:active { color: rgb(255, 255, 255); background: rgb(226, 142, 17); border-color: rgb(226, 142, 17); }
.dcz-btn-type-warning.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(246, 183, 12); border-color: rgb(246, 183, 12); }
.dcz-btn-type-warning.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(255, 249, 224); background: rgb(255, 221, 96); border-color: rgb(255, 221, 96); }
.dcz-btn-type-warning.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(255, 249, 224); }
.dcz-btn-type-warning.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning.dcz-btn[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.dcz-btn-type-warning .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-warning.dcz-btn-plain { color: rgb(235, 150, 23); background: rgb(255, 255, 255); border-color: rgb(235, 150, 23); }
.dcz-btn-type-warning.dcz-btn-plain.dcz-btn:hover { color: rgb(246, 183, 12); background: rgb(255, 255, 255); border-color: rgb(246, 183, 12); }
.dcz-btn-type-warning.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-warning.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-warning.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(226, 142, 17); background: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.dcz-btn-type-warning.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(255, 221, 96); background: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.dcz-btn-type-warning.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(255, 221, 96); }
.dcz-btn-type-warning.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.dcz-btn-type-warning.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(235, 150, 23); }
.dcz-btn-type-warning-light { color: rgb(235, 150, 23); background: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.dcz-btn-type-warning-light.dcz-btn:hover { color: rgb(246, 183, 12); background: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.dcz-btn-type-warning-light:not(.dcz-btn-no-focus):focus, .dcz-btn-type-warning-light.dcz-btn:active, .dcz-btn-type-warning-light.dcz-btn.dcz-btn-checked { color: rgb(226, 142, 17); background: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.dcz-btn-type-warning-light.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(255, 221, 96); background: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.dcz-btn-type-warning-light.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(255, 221, 96); }
.dcz-btn-type-warning-light.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning-light.dcz-btn[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.dcz-btn-type-warning-light .dcz-btn-loading-icon rect { fill: rgb(235, 150, 23); }
.dcz-btn-type-warning-light.dcz-btn-plain { color: rgb(235, 150, 23); background: rgb(255, 249, 224); border-color: rgb(235, 150, 23); }
.dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn:hover { color: rgb(246, 183, 12); background: rgb(255, 249, 224); border-color: rgb(246, 183, 12); }
.dcz-btn-type-warning-light.dcz-btn-plain:not(.dcz-btn-no-focus):focus, .dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn:active, .dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(226, 142, 17); background: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(255, 221, 96); background: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(255, 221, 96); }
.dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning-light.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.dcz-btn-type-warning-light.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(235, 150, 23); }
.dcz-btn-type-dy { color: rgb(255, 255, 255); background: rgb(254, 44, 85); border-color: rgb(254, 44, 85); }
.dcz-btn-type-dy.dcz-btn:hover, .dcz-btn-type-dy:not(.dcz-btn-no-focus):focus { color: rgb(255, 255, 255); background: rgb(255, 92, 124); border-color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn:active { color: rgb(255, 255, 255); background: rgb(224, 39, 75); border-color: rgb(224, 39, 75); }
.dcz-btn-type-dy.dcz-btn.dcz-btn-checked { color: rgb(255, 255, 255); background: rgb(255, 92, 124); border-color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(254, 236, 236); background: rgb(249, 177, 191); border-color: rgb(249, 177, 191); }
.dcz-btn-type-dy.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(254, 236, 236); }
.dcz-btn-type-dy.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-dy.dcz-btn[data-motion-wave="before"]::before { color: rgb(254, 44, 85); }
.dcz-btn-type-dy .dcz-btn-loading-icon rect { fill: rgb(255, 255, 255); }
.dcz-btn-type-dy.dcz-btn-plain { color: rgb(51, 51, 51); background: rgb(255, 255, 255); border-color: rgb(224, 224, 224); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn:hover { color: rgb(255, 92, 124); background: rgb(255, 255, 255); border-color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn-plain:not(.dcz-btn-no-focus):focus { color: rgb(255, 92, 124); background: rgb(250, 227, 227); border-color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn:active { color: rgb(224, 39, 75); background: rgb(255, 255, 255); border-color: rgb(224, 39, 75); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn.dcz-btn-checked { color: rgb(255, 92, 124); background: rgb(250, 227, 227); border-color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(193, 193, 193); background: rgb(250, 250, 250); border-color: rgb(240, 240, 240); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(193, 193, 193); }
.dcz-btn-type-dy.dcz-btn-plain.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-dy.dcz-btn-plain.dcz-btn[data-motion-wave="before"]::before { color: rgb(255, 92, 124); }
.dcz-btn-type-dy.dcz-btn-plain .dcz-btn-loading-icon rect { fill: rgb(51, 51, 51); }
.dcz-btn-type-default.dcz-btn-text, .dcz-btn-type-default-light.dcz-btn-text { color: rgb(50, 51, 53); background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-default.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-default.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-default-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-default.dcz-btn-text.dcz-btn:active, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-default.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-default.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-default.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-default.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-default.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-default-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-default.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-default-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-primary.dcz-btn-text, .dcz-btn-type-primary-light.dcz-btn-text { color: rgb(42, 85, 229); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-primary.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-primary.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-primary-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-primary.dcz-btn-text.dcz-btn:active, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-primary.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-primary.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-primary.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-primary.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-primary.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-primary-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-primary.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-primary-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-info.dcz-btn-text, .dcz-btn-type-info-light.dcz-btn-text { color: rgb(42, 85, 229); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-info.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-info.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-info.dcz-btn-text.dcz-btn:active, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-info.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-info.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-info.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-info.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-info.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-info-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-info.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-info-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-success.dcz-btn-text, .dcz-btn-type-success-light.dcz-btn-text { color: rgb(13, 166, 0); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-success.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn:hover { color: rgb(13, 166, 0); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-success.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-success-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-success.dcz-btn-text.dcz-btn:active, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-success.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(13, 166, 0); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-success.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(131, 219, 178); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-success.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(131, 219, 178); }
.dcz-btn-type-success.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-success.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-success-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-success.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-success-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(13, 166, 0); }
.dcz-btn-type-danger.dcz-btn-text, .dcz-btn-type-danger-light.dcz-btn-text { color: rgb(227, 73, 73); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-danger.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn:hover { color: rgb(227, 73, 73); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-danger.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-danger-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-danger.dcz-btn-text.dcz-btn:active, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-danger.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(227, 73, 73); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-danger.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(245, 187, 187); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-danger.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(245, 187, 187); }
.dcz-btn-type-danger.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-danger.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-danger-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-danger.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-danger-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(227, 73, 73); }
.dcz-btn-type-warning.dcz-btn-text, .dcz-btn-type-warning-light.dcz-btn-text { color: rgb(235, 150, 23); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-warning.dcz-btn-text.dcz-btn:hover, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn:hover { color: rgb(235, 150, 23); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-warning.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-warning-light.dcz-btn-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-warning.dcz-btn-text.dcz-btn:active, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn:active, .dcz-btn-type-warning.dcz-btn-text.dcz-btn.dcz-btn-checked, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn.dcz-btn-checked { color: rgb(235, 150, 23); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-warning.dcz-btn-text.dcz-btn.dcz-btn-disabled, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(255, 221, 96); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-warning.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(255, 221, 96); }
.dcz-btn-type-warning.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-warning.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-type-warning-light.dcz-btn-text.dcz-btn[data-motion-wave="before"]::before { color: rgba(0, 0, 0, 0); }
.dcz-btn-type-warning.dcz-btn-text .dcz-btn-loading-icon rect, .dcz-btn-type-warning-light.dcz-btn-text .dcz-btn-loading-icon rect { fill: rgb(235, 150, 23); }
.dcz-btn { text-align: center; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); outline: none; padding: 0px 16px; transition: 0.1s ease-in-out; }
.dcz-btn-type-white, .dcz-btn-ghost { color: rgb(42, 85, 229); background: rgb(255, 255, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-white.dcz-btn:hover, .dcz-btn-ghost.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-white:not(.dcz-btn-no-focus):focus, .dcz-btn-ghost:not(.dcz-btn-no-focus):focus, .dcz-btn-type-white.dcz-btn:active, .dcz-btn-ghost.dcz-btn:active, .dcz-btn-type-white.dcz-btn.dcz-btn-checked, .dcz-btn-ghost.dcz-btn.dcz-btn-checked { color: rgb(35, 72, 197); background: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-white.dcz-btn.dcz-btn-disabled, .dcz-btn-ghost.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: rgb(255, 255, 255); border-color: rgb(166, 205, 250); }
.dcz-btn-type-white.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect, .dcz-btn-ghost.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-white.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-ghost.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-white.dcz-btn[data-motion-wave="before"]::before, .dcz-btn-ghost.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-white .dcz-btn-loading-icon rect, .dcz-btn-ghost .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-dashed { border-style: dashed; }
.dcz-btn-type-dashed { color: rgb(50, 51, 53); background: rgb(255, 255, 255); border-style: dashed; border-color: rgb(223, 224, 226); }
.dcz-btn-type-dashed.dcz-btn:hover { color: rgb(80, 122, 236); background: rgb(255, 255, 255); border-color: rgb(80, 122, 236); }
.dcz-btn-type-dashed:not(.dcz-btn-no-focus):focus { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-dashed.dcz-btn:active { color: rgb(35, 72, 197); background: rgb(255, 255, 255); border-color: rgb(35, 72, 197); }
.dcz-btn-type-dashed.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-dashed.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(251, 252, 252); border-color: rgb(244, 244, 245); }
.dcz-btn-type-dashed.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-dashed.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-dashed.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-dashed .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-text { color: rgb(50, 51, 53); background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text:not(.dcz-btn-no-focus):focus, .dcz-btn-type-text.dcz-btn:active, .dcz-btn-type-text.dcz-btn.dcz-btn-checked { color: rgb(50, 51, 53); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-text.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-text.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-text .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-text-primary { color: rgb(42, 85, 229); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text-primary.dcz-btn:hover { color: rgb(42, 85, 229); background: rgb(248, 248, 249); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text-primary:not(.dcz-btn-no-focus):focus, .dcz-btn-type-text-primary.dcz-btn:active, .dcz-btn-type-text-primary.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(235, 235, 237); border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text-primary.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-text-primary.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-text-primary.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-text-primary.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-text-primary .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-type-secondary, .dcz-btn-type-secondary:not(.dcz-btn-no-focus):focus { color: rgb(50, 51, 53); background: rgb(255, 255, 255); border-color: rgb(223, 224, 226); }
.dcz-btn-type-secondary.dcz-btn:hover { color: rgb(69, 68, 91); background: rgb(255, 255, 255); border-color: rgb(69, 68, 91); }
.dcz-btn-type-secondary.dcz-btn:active { color: rgb(37, 36, 62); background: rgb(255, 255, 255); border-color: rgb(37, 36, 62); }
.dcz-btn-type-secondary.dcz-btn.dcz-btn-checked { color: rgb(42, 85, 229); background: rgb(235, 245, 255); border-color: rgb(42, 85, 229); }
.dcz-btn-type-secondary.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(191, 193, 197); background: rgb(251, 252, 252); border-color: rgb(244, 244, 245); }
.dcz-btn-type-secondary.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(191, 193, 197); }
.dcz-btn-type-secondary.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-secondary.dcz-btn[data-motion-wave="before"]::before { color: rgb(69, 68, 91); }
.dcz-btn-type-secondary .dcz-btn-loading-icon rect { fill: rgb(50, 51, 53); }
.dcz-btn-type-link.dcz-btn { color: rgb(42, 85, 229); background: 0px 0px; border-width: 0px; border-color: rgba(0, 0, 0, 0); min-width: auto; height: auto; padding: 0px; }
.dcz-btn-type-link.dcz-btn.dcz-btn:hover, .dcz-btn-type-link.dcz-btn:not(.dcz-btn-no-focus):focus { color: rgb(80, 122, 236); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-link.dcz-btn.dcz-btn:active { color: rgb(35, 72, 197); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-link.dcz-btn.dcz-btn.dcz-btn-checked { color: rgb(80, 122, 236); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-link.dcz-btn.dcz-btn.dcz-btn-disabled { cursor: no-drop; color: rgb(166, 205, 250); background: 0px 0px; border-color: rgba(0, 0, 0, 0); }
.dcz-btn-type-link.dcz-btn.dcz-btn.dcz-btn-disabled .dcz-btn-loading-icon rect { fill: rgb(166, 205, 250); }
.dcz-btn-type-link.dcz-btn.dcz-btn[data-motion-wave="after"]::after, .dcz-btn-type-link.dcz-btn.dcz-btn[data-motion-wave="before"]::before { color: rgb(42, 85, 229); }
.dcz-btn-type-link.dcz-btn .dcz-btn-loading-icon rect { fill: rgb(42, 85, 229); }
.dcz-btn-size-xs { border-radius: 4px; min-width: 60px; height: 24px; padding: 1px 8px; font-size: 12px; line-height: 20px; }
.dcz-btn-size-xs.dcz-btn-shape-round { border-radius: 13px; }
.dcz-btn-size-xs .dcz-btn-loading-icon svg { width: 12px; height: 12px; }
.dcz-btn-size-sm { border-radius: 4px; min-width: 80px; height: 28px; padding: 3px 16px; font-size: 12px; line-height: 20px; }
.dcz-btn-size-sm.dcz-btn-shape-round { border-radius: 30px; }
.dcz-btn-size-sm .dcz-btn-loading-icon svg { width: 12px; height: 12px; }
.dcz-btn-size-md { border-radius: 4px; min-width: 100px; height: 32px; padding: 4px 16px; font-size: 14px; line-height: 22px; }
.dcz-btn-size-md.dcz-btn-shape-round { border-radius: 34px; }
.dcz-btn-size-md .dcz-btn-loading-icon svg { width: 14px; height: 14px; }
.dcz-btn-size-lg { border-radius: 4px; min-width: 120px; height: 36px; padding: 6px 16px; font-size: 14px; line-height: 22px; }
.dcz-btn-size-lg.dcz-btn-shape-round { border-radius: 38px; }
.dcz-btn-size-lg .dcz-btn-loading-icon svg { width: 14px; height: 14px; }
.dcz-btn-size-xl { border-radius: 4px; min-width: 140px; height: 40px; padding: 7px 16px; font-size: 16px; line-height: 24px; }
.dcz-btn-size-xl.dcz-btn-shape-round { border-radius: 42px; }
.dcz-btn-size-xl .dcz-btn-loading-icon svg { width: 16px; height: 16px; }
.dcz-btn-shape-cycle { border-radius: 50%; padding: 0px; }
.dcz-btn-shape-cycle.dcz-btn-size-xs { width: 24px; min-width: 24px; height: 24px; padding: 0px; }
.dcz-btn-shape-cycle.dcz-btn-size-sm { border-radius: 6px; width: 28px; min-width: 28px; height: 28px; }
.dcz-btn-shape-cycle.dcz-btn-size-md { width: 32px; min-width: 32px; height: 32px; }
.dcz-btn-shape-cycle.dcz-btn-size-lg { width: 36px; min-width: 36px; height: 36px; }
.dcz-btn-shape-cycle.dcz-btn-size-xl { width: 40px; min-width: 40px; height: 40px; }
.dcz-btn-shape-square { padding: 0px; }
.dcz-btn-shape-square.dcz-btn-size-xs { width: 24px; min-width: 24px; height: 24px; padding: 0px; }
.dcz-btn-shape-square.dcz-btn-size-sm { border-radius: 6px; width: 28px; min-width: 28px; height: 28px; }
.dcz-btn-shape-square.dcz-btn-size-md { width: 32px; min-width: 32px; height: 32px; }
.dcz-btn-shape-square.dcz-btn-size-lg { width: 36px; min-width: 36px; height: 36px; }
.dcz-btn-shape-square.dcz-btn-size-xl { width: 40px; min-width: 40px; height: 40px; }
.dcz-btn-block { width: 100%; }
.dcz-btn.dcz-btn-triangle { position: relative; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(223, 224, 226); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(223, 224, 226); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:hover.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:hover.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:hover.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:hover.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:hover.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(42, 85, 229); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:hover.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:hover.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:hover.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:hover.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:hover.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(42, 85, 229); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:active.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:active.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:active.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:active.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:active.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(35, 72, 197); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default:active.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost:active.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white:active.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary:active.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square:active.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(35, 72, 197); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(42, 85, 229); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(42, 85, 229); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-disabled.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(244, 244, 245); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-disabled.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(244, 244, 245); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(166, 205, 250); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-default.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-ghost.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-white.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-secondary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before, .dcz-btn.dcz-btn-triangle.dcz-btn-shape-square.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(166, 205, 250); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(251, 252, 252); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(251, 252, 252); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:hover.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:hover.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:hover.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(251, 252, 252); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:hover.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:hover.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(251, 252, 252); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:active.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:active.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:active.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(251, 252, 252); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:active.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary:active.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(251, 252, 252); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(251, 252, 252); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(251, 252, 252); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-disabled.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(235, 245, 255); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-disabled.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(235, 245, 255); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xs::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-sm::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-md::before { content: " "; border-top: 6px solid rgb(166, 205, 250); border-left: 6px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-lg::before, .dcz-btn.dcz-btn-triangle.dcz-btn-type-primary.dcz-btn-checked.dcz-btn-disabled.dcz-btn-size-xl::before { content: " "; border-top: 7px solid rgb(166, 205, 250); border-left: 7px solid rgba(0, 0, 0, 0); width: 0px; position: absolute; top: 2px; right: 2px; }
.dcz-btn-loading-icon { vertical-align: -0.125em; width: 1em; height: 1em; margin-left: 0px; margin-right: 4px; display: inline-block; }
.dcz-btn-loading-icon rect:nth-child(8) { animation: 0.77s linear -7.12s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(7) { animation: 0.77s linear -7.23s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(6) { animation: 0.77s linear -7.34s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(5) { animation: 0.77s linear -7.45s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(4) { animation: 0.77s linear -7.56s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(3) { animation: 0.77s linear -7.67s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:nth-child(2) { animation: 0.77s linear -7.78s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon rect:first-child { animation: 0.77s linear -7.89s infinite normal none running btnLoadingOpacity; }
.dcz-btn-loading-icon-custom { vertical-align: 0px; transform-origin: 50% center; line-height: 100%; animation: 1s linear 0s infinite normal none running okee-loading-rotate; }
.dcz-btn-rtl { direction: rtl; }
.dcz-btn-rtl .dcz-btn-loading-icon { margin-left: 4px; margin-right: 0px; }
.dcz-btn-group { flex-flow: row; justify-content: flex-start; align-items: center; display: inline-flex; }
.dcz-btn-group .dcz-btn.dcz-btn-checked, .dcz-btn-group .dcz-btn:hover { z-index: 11; position: relative; }
.dcz-btn-group .dcz-btn:focus, .dcz-btn-group .dcz-btn:active { z-index: 10; position: relative; }
.dcz-btn-group .dcz-btn-rtl { direction: rtl; }
.dcz-btn-group .dcz-btn-size-xs { border-radius: 0px; }
.dcz-btn-group .dcz-btn-size-xs:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group .dcz-btn-size-xs:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group .dcz-btn-size-xs:not(:first-child) { margin-left: -1px; margin-right: 0px; }
.dcz-btn-group .dcz-btn-size-xs:not(:first-child).dcz-btn-type-danger { border-left: 1px solid rgb(234, 121, 121); }
.dcz-btn-group .dcz-btn-size-xs:not(:first-child).dcz-btn-type-warning { border-left: 1px solid rgb(246, 183, 12); }
.dcz-btn-group .dcz-btn-size-xs:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-left: 1px solid rgb(80, 122, 236); }
.dcz-btn-group .dcz-btn-size-xs:not(:first-child).dcz-btn-type-success { border-left: 1px solid rgb(9, 177, 96); }
.dcz-btn-group .dcz-btn-size-sm { border-radius: 0px; }
.dcz-btn-group .dcz-btn-size-sm:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group .dcz-btn-size-sm:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group .dcz-btn-size-sm:not(:first-child) { margin-left: -1px; margin-right: 0px; }
.dcz-btn-group .dcz-btn-size-sm:not(:first-child).dcz-btn-type-danger { border-left: 1px solid rgb(234, 121, 121); }
.dcz-btn-group .dcz-btn-size-sm:not(:first-child).dcz-btn-type-warning { border-left: 1px solid rgb(246, 183, 12); }
.dcz-btn-group .dcz-btn-size-sm:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-left: 1px solid rgb(80, 122, 236); }
.dcz-btn-group .dcz-btn-size-sm:not(:first-child).dcz-btn-type-success { border-left: 1px solid rgb(9, 177, 96); }
.dcz-btn-group .dcz-btn-size-md { border-radius: 0px; }
.dcz-btn-group .dcz-btn-size-md:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group .dcz-btn-size-md:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group .dcz-btn-size-md:not(:first-child) { margin-left: -1px; margin-right: 0px; }
.dcz-btn-group .dcz-btn-size-md:not(:first-child).dcz-btn-type-danger { border-left: 1px solid rgb(234, 121, 121); }
.dcz-btn-group .dcz-btn-size-md:not(:first-child).dcz-btn-type-warning { border-left: 1px solid rgb(246, 183, 12); }
.dcz-btn-group .dcz-btn-size-md:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-left: 1px solid rgb(80, 122, 236); }
.dcz-btn-group .dcz-btn-size-md:not(:first-child).dcz-btn-type-success { border-left: 1px solid rgb(9, 177, 96); }
.dcz-btn-group .dcz-btn-size-lg { border-radius: 0px; }
.dcz-btn-group .dcz-btn-size-lg:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group .dcz-btn-size-lg:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group .dcz-btn-size-lg:not(:first-child) { margin-left: -1px; margin-right: 0px; }
.dcz-btn-group .dcz-btn-size-lg:not(:first-child).dcz-btn-type-danger { border-left: 1px solid rgb(234, 121, 121); }
.dcz-btn-group .dcz-btn-size-lg:not(:first-child).dcz-btn-type-warning { border-left: 1px solid rgb(246, 183, 12); }
.dcz-btn-group .dcz-btn-size-lg:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-left: 1px solid rgb(80, 122, 236); }
.dcz-btn-group .dcz-btn-size-lg:not(:first-child).dcz-btn-type-success { border-left: 1px solid rgb(9, 177, 96); }
.dcz-btn-group .dcz-btn-size-xl { border-radius: 0px; }
.dcz-btn-group .dcz-btn-size-xl:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group .dcz-btn-size-xl:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group .dcz-btn-size-xl:not(:first-child) { margin-left: -1px; margin-right: 0px; }
.dcz-btn-group .dcz-btn-size-xl:not(:first-child).dcz-btn-type-danger { border-left: 1px solid rgb(234, 121, 121); }
.dcz-btn-group .dcz-btn-size-xl:not(:first-child).dcz-btn-type-warning { border-left: 1px solid rgb(246, 183, 12); }
.dcz-btn-group .dcz-btn-size-xl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-left: 1px solid rgb(80, 122, 236); }
.dcz-btn-group .dcz-btn-size-xl:not(:first-child).dcz-btn-type-success { border-left: 1px solid rgb(9, 177, 96); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl { border-radius: 0px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:not(:first-child).dcz-btn-type-danger { border-right: 1px solid rgb(234, 121, 121); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:not(:first-child).dcz-btn-type-warning { border-right: 1px solid rgb(246, 183, 12); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-right: 1px solid rgb(80, 122, 236); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xs.dcz-btn-rtl:not(:first-child).dcz-btn-type-success { border-right: 1px solid rgb(9, 177, 96); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl { border-radius: 0px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:not(:first-child).dcz-btn-type-danger { border-right: 1px solid rgb(234, 121, 121); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:not(:first-child).dcz-btn-type-warning { border-right: 1px solid rgb(246, 183, 12); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-right: 1px solid rgb(80, 122, 236); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-sm.dcz-btn-rtl:not(:first-child).dcz-btn-type-success { border-right: 1px solid rgb(9, 177, 96); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl { border-radius: 0px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:not(:first-child).dcz-btn-type-danger { border-right: 1px solid rgb(234, 121, 121); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:not(:first-child).dcz-btn-type-warning { border-right: 1px solid rgb(246, 183, 12); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-right: 1px solid rgb(80, 122, 236); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-md.dcz-btn-rtl:not(:first-child).dcz-btn-type-success { border-right: 1px solid rgb(9, 177, 96); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl { border-radius: 0px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:not(:first-child).dcz-btn-type-danger { border-right: 1px solid rgb(234, 121, 121); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:not(:first-child).dcz-btn-type-warning { border-right: 1px solid rgb(246, 183, 12); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-right: 1px solid rgb(80, 122, 236); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-lg.dcz-btn-rtl:not(:first-child).dcz-btn-type-success { border-right: 1px solid rgb(9, 177, 96); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl { border-radius: 0px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:not(:first-child).dcz-btn-type-danger { border-right: 1px solid rgb(234, 121, 121); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:not(:first-child).dcz-btn-type-warning { border-right: 1px solid rgb(246, 183, 12); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:not(:first-child):not(.dcz-btn-plain).dcz-btn-type-primary { border-right: 1px solid rgb(80, 122, 236); }
.dcz-btn-group.dcz-btn-group-rtl .dcz-btn-size-xl.dcz-btn-rtl:not(:first-child).dcz-btn-type-success { border-right: 1px solid rgb(9, 177, 96); }
@keyframes btnLoadingOpacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.btnLoadingOpacityAnimation rect:nth-child(8) { animation: 0.77s linear -7.12s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(7) { animation: 0.77s linear -7.23s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(6) { animation: 0.77s linear -7.34s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(5) { animation: 0.77s linear -7.45s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(4) { animation: 0.77s linear -7.56s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(3) { animation: 0.77s linear -7.67s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:nth-child(2) { animation: 0.77s linear -7.78s infinite normal none running btnLoadingOpacity; }
.btnLoadingOpacityAnimation rect:first-child { animation: 0.77s linear -7.89s infinite normal none running btnLoadingOpacity; }
.dcz-terminate-modal-title { align-items: center; gap: 8px; display: flex; }
.dcz-terminate-modal-content { color: rgb(50, 51, 53); flex-direction: column; gap: 8px; display: flex; }.i-icon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.i-icon-spin svg { animation: 1s linear 0s infinite normal none running i-icon-spin; }
.i-icon-rtl { transform: scaleX(-1); }
@keyframes i-icon-spin { 
  100% { transform: rotate(360deg); }
}
@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
.ovui-fade-enter-active, .ovui-fade-leave-active { transition: opacity 0.15s linear; }
.ovui-fade-enter-from, .ovui-fade-leave-to { opacity: 0 !important; }
.ovui-fade-enter-to, .ovui-fade-leave-from { opacity: 1 !important; }
.ovui-collapse-y-enter-active, .ovui-collapse-y-leave-active { transition: height 0.2s; }
*, ::before, ::after { box-sizing: border-box; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.ovui-alert { position: relative; font-size: 12px; padding: 6px 16px; border-radius: 8px; display: flex; align-items: flex-start; }
.ovui-alert__icon { display: flex; width: 14px; height: 14px; margin-right: 8px; margin-top: 2px; }
.ovui-alert__main-wrapper { flex: 1 1 0%; }
.ovui-alert__close { cursor: pointer; display: flex; margin-top: 2px; margin-left: 8px; }
.ovui-alert__close .ovui-alert__close-icon { width: 16px; height: 16px; color: rgb(49, 52, 59); }
.ovui-alert__title { font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); font-weight: 600; }
.ovui-alert__description { font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.ovui-alert--info { background-color: rgb(232, 244, 255); }
.ovui-alert--info .ovui-alert__icon { color: rgb(0, 87, 255); }
.ovui-alert--info.ovui-alert--border { border: 1px solid rgb(186, 218, 255); }
.ovui-alert--info .ovui-alert__banner-icon { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.ovui-alert--success { background-color: rgb(236, 248, 235); }
.ovui-alert--success .ovui-alert__icon { color: rgb(13, 166, 0); }
.ovui-alert--success.ovui-alert--border { border: 1px solid rgb(131, 219, 178); }
.ovui-alert--success .ovui-alert__banner-icon { background-color: rgb(13, 166, 0); color: rgb(255, 255, 255); }
.ovui-alert--danger { background-color: rgb(253, 242, 242); }
.ovui-alert--danger .ovui-alert__icon { color: rgb(227, 73, 73); }
.ovui-alert--danger.ovui-alert--border { border: 1px solid rgb(245, 187, 187); }
.ovui-alert--danger .ovui-alert__banner-icon { background-color: rgb(227, 73, 73); color: rgb(255, 255, 255); }
.ovui-alert--warning { background-color: rgb(255, 249, 224); }
.ovui-alert--warning .ovui-alert__icon { color: rgb(235, 150, 23); }
.ovui-alert--warning.ovui-alert--border { border: 1px solid rgb(255, 221, 96); }
.ovui-alert--warning .ovui-alert__banner-icon { background-color: rgb(235, 150, 23); color: rgb(255, 255, 255); }
.ovui-alert--text { display: inline-flex; padding: initial; border: initial; background-color: initial; }
.ovui-alert--banner { background-color: rgb(255, 255, 255); border: 1px solid rgb(232, 234, 237); }
.ovui-alert--banner .ovui-alert__banner-icon { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 34px; display: inline-flex; align-items: center; justify-content: center; margin: -7px 12px -7px -17px; align-self: stretch; }
.ovui-alert--rtl { direction: rtl; }
.ovui-alert--rtl .ovui-alert__icon { margin-left: 8px; margin-right: 0px; }
.ovui-alert--rtl .ovui-alert__close { margin-right: 8px; margin-left: 0px; }
.ovui-alert--rtl .ovui-alert__banner-icon { border-radius: 0px 4px 4px 0px; margin: -7px -17px -7px 12px; }
.ovui-anchor { position: relative; padding-left: 2px; }
.ovui-anchor__track { position: absolute; height: 100%; left: 0px; top: 0px; background: rgb(232, 234, 237); width: 2px; }
.ovui-anchor__track .ovui-anchor__ink { display: none; position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 1px solid rgb(0, 87, 255); background-color: rgb(255, 255, 255); top: 0px; left: 50%; transform: translate(-50%); transition: 0.15s ease-in-out; }
.ovui-anchor__track .ovui-anchor__ink--active { display: block; }
.ovui-anchor-link { padding: 6px 0px 6px 12px; }
.ovui-anchor-link__title { text-decoration: none; text-overflow: ellipsis; font-size: 12px; height: 20px; line-height: 18px; color: rgb(49, 52, 59); white-space: nowrap; overflow: hidden; }
.ovui-anchor-link--active .ovui-anchor-link__title, .ovui-anchor-link:hover .ovui-anchor-link__title { color: rgb(0, 87, 255); }
.ovui-auto-complete-option { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.ovui-auto-complete-option__action { margin-right: 8px; display: inline-flex; align-items: center; }
.ovui-auto-complete-option__content { flex: 1 1 0%; align-items: center; }
.ovui-auto-complete-option__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ovui-auto-complete-option__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.ovui-auto-complete-option__expand--icon { color: rgb(49, 52, 59); }
.ovui-auto-complete-option.ovui-auto-complete-option--grouped { padding-left: 24px; padding-right: 24px; }
.ovui-auto-complete-option--single.ovui-auto-complete-option--selected { color: rgb(0, 87, 255); }
.ovui-auto-complete-option.ovui-auto-complete-option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-auto-complete-option.ovui-auto-complete-option--disabled .ovui-auto-complete-option__expand--icon { color: rgb(185, 188, 195); }
.ovui-auto-complete-option.ovui-auto-complete-option--disabled.ovui-auto-complete-option--single.ovui-auto-complete-option--selected { color: rgb(186, 218, 255); }
.ovui-auto-complete-option:hover:not(.ovui-auto-complete-option--disabled) { background-color: rgb(242, 244, 247); }
.ovui-auto-complete-option--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.ovui-auto-complete-option--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.ovui-auto-complete-option--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.ovui-auto-complete-option--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.ovui-auto-complete-option--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.ovui-auto-complete-option--rtl { direction: rtl; }
.ovui-auto-complete-option--rtl .ovui-auto-complete-option__action { margin-right: 0px; margin-left: 8px; }
.ovui-auto-complete-option--rtl .ovui-auto-complete-option__expand { margin-left: 0px; margin-right: 8px; }
.ovui-auto-complete { display: inline-flex; width: 100%; }
.ovui-auto-complete__options { max-height: 192px; overflow-y: auto; padding: 6px 0px; display: none; }
.ovui-auto-complete__options--show { display: block; }
.ovui-auto-complete__options::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-auto-complete__options::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-auto-complete__options::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-auto-complete__options::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-auto-complete__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-auto-complete__loading { height: 192px; display: flex; align-items: center; justify-content: center; }
.ovui-auto-complete__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 4px; display: none; background-color: rgb(255, 255, 255); }
.ovui-auto-complete__popper--show { display: block; }
.ovui-auto-complete__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-auto-complete__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-auto-complete__popper--rtl { direction: rtl; }
.ovui-avatar { position: relative; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ovui-avatar--circle { border-radius: 50%; }
.ovui-avatar--square { border-radius: 8px; }
.ovui-avatar--img { background: transparent; }
.ovui-avatar__img { width: 100%; height: 100%; display: block; }
.ovui-badge { display: inline-flex; position: relative; font-size: 14px; }
.ovui-badge__count { position: absolute; top: 0px; right: 0px; transform: translate(50%, -50%); z-index: 3; font-size: 12px; line-height: 18px; border-radius: 9px; color: rgb(255, 255, 255); background: rgb(227, 73, 73); padding: 0px 6px; min-width: 20px; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.ovui-badge.ovui-badge--standalone .ovui-badge__count, .ovui-badge.ovui-badge--standalone .ovui-badge__dot { position: relative; transform: none; top: auto; }
.ovui-badge.ovui-badge--standalone .ovui-badge__count:not(:last-of-type) { min-width: 0px; padding: 0px; }
.ovui-badge__dot { top: 0px; right: 0px; position: absolute; transform: translate(50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: rgb(227, 73, 73); }
.ovui-badge__status--info { background: rgb(0, 87, 255); }
.ovui-badge__status--success { background: rgb(13, 166, 0); }
.ovui-badge__status--warning { background: rgb(235, 150, 23); }
.ovui-badge__status--danger { background: rgb(227, 73, 73); }
.ovui-badge__status--default { background: rgb(245, 247, 250); }
.ovui-badge.ovui-badge--rtl:not(.ovui-badge--standalone) { direction: rtl; }
.ovui-badge.ovui-badge--rtl:not(.ovui-badge--standalone) .ovui-badge__count, .ovui-badge.ovui-badge--rtl:not(.ovui-badge--standalone) .ovui-badge__dot { direction: ltr; left: 0px; right: auto; transform: translate(-50%, -50%); }
.ovui-breadcrumb { display: flex; }
.ovui-breadcrumb-item { display: flex; text-decoration: none; }
.ovui-breadcrumb-item__content { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; font-weight: 400; cursor: pointer; }
.ovui-breadcrumb-item__content:hover { color: rgb(0, 87, 255); }
.ovui-breadcrumb-item__content:focus, .ovui-breadcrumb-item__content:active { color: rgb(0, 63, 210); }
.ovui-breadcrumb-item__separator { margin: 0px 4px; font-size: 16px; line-height: 22px; vertical-align: middle; color: rgb(147, 150, 157); }
.ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__content { color: rgb(49, 52, 59); font-weight: 400; cursor: unset; }
.ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__content:hover { color: rgb(49, 52, 59); }
.ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__content:focus, .ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__content:active { color: rgb(49, 52, 59); }
.ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__separator { display: none; }
.ovui-breadcrumb-item__size--xs .ovui-breadcrumb-item__content { font-size: 12px; line-height: 18px; }
.ovui-breadcrumb-item__size--xs .ovui-breadcrumb-item__separator { font-size: 14px; line-height: 18px; }
.ovui-breadcrumb-item__size--sm .ovui-breadcrumb-item__content { font-size: 14px; line-height: 22px; }
.ovui-breadcrumb-item__size--sm .ovui-breadcrumb-item__separator { font-size: 16px; line-height: 22px; }
.ovui-breadcrumb-item__size--md .ovui-breadcrumb-item__content { font-size: 16px; line-height: 24px; }
.ovui-breadcrumb-item__size--md .ovui-breadcrumb-item__separator { font-size: 18px; line-height: 24px; }
.ovui-breadcrumb-item__size--lg .ovui-breadcrumb-item__content { font-size: 18px; line-height: 26px; }
.ovui-breadcrumb-item__size--lg .ovui-breadcrumb-item__separator { font-size: 20px; line-height: 26px; }
.ovui-breadcrumb-item__size--xl .ovui-breadcrumb-item__content { font-size: 20px; line-height: 28px; }
.ovui-breadcrumb-item__size--xl .ovui-breadcrumb-item__separator { font-size: 22px; line-height: 28px; }
.ovui-breadcrumb--rtl { direction: rtl; }
@keyframes bui-button-primary-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-info-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-success-fill-focus-wave { 
  0% { box-shadow: rgba(13, 166, 0, 0.2) 0px 0px; }
  100% { box-shadow: rgba(13, 166, 0, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-warning-fill-focus-wave { 
  0% { box-shadow: rgba(235, 150, 23, 0.2) 0px 0px; }
  100% { box-shadow: rgba(235, 150, 23, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-danger-fill-focus-wave { 
  0% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0) 0px 0px 0px 6px; }
}
.ovui-button { position: relative; display: inline-flex; justify-content: center; align-items: center; outline: none; border-radius: 8px; border: 1px solid transparent; user-select: none; appearance: none; white-space: nowrap; cursor: pointer; vertical-align: text-bottom; }
.ovui-button--default-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.ovui-button--default-fill[data-motion-wave="after"]::after, .ovui-button--default-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.ovui-button--default-fill:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.ovui-button--default-fill:hover[data-motion-wave="after"]::after, .ovui-button--default-fill:hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-fill:focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); transition: background-color 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); }
.ovui-button--default-fill:focus[data-motion-wave="after"]::after, .ovui-button--default-fill:focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.ovui-button--default-fill:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.ovui-button--default-fill:active[data-motion-wave="after"]::after, .ovui-button--default-fill:active[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-fill.ovui-button--checked, .ovui-button--default-fill.ovui-button--checked:hover, .ovui-button--default-fill.ovui-button--checked:focus, .ovui-button--default-fill.ovui-button--checked:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.ovui-button--default-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.ovui-button--default-fill.ovui-button--loading, .ovui-button--default-fill.ovui-button--disabled, .ovui-button--default-fill.ovui-button--loading:hover, .ovui-button--default-fill.ovui-button--disabled:hover, .ovui-button--default-fill.ovui-button--loading:active, .ovui-button--default-fill.ovui-button--disabled:active, .ovui-button--default-fill.ovui-button--loading:focus, .ovui-button--default-fill.ovui-button--disabled:focus { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-button--default-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--disabled:active[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-fill.ovui-button--loading.ovui-button--checked, .ovui-button--default-fill.ovui-button--disabled.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--default-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--primary-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.ovui-button--primary-fill[data-motion-wave="after"]::after, .ovui-button--primary-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--primary-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.ovui-button--primary-fill:hover[data-motion-wave="after"]::after, .ovui-button--primary-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--primary-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.ovui-button--primary-fill:active[data-motion-wave="after"]::after, .ovui-button--primary-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-fill:focus { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.ovui-button--primary-fill:focus[data-motion-wave="after"]::after, .ovui-button--primary-fill:focus[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--primary-fill.ovui-button--checked, .ovui-button--primary-fill.ovui-button--checked:hover, .ovui-button--primary-fill.ovui-button--checked:focus, .ovui-button--primary-fill.ovui-button--checked:active { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); }
.ovui-button--primary-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--primary-fill.ovui-button--loading, .ovui-button--primary-fill.ovui-button--disabled, .ovui-button--primary-fill.ovui-button--loading:hover, .ovui-button--primary-fill.ovui-button--disabled:hover, .ovui-button--primary-fill.ovui-button--loading:focus, .ovui-button--primary-fill.ovui-button--disabled:focus, .ovui-button--primary-fill.ovui-button--loading:active, .ovui-button--primary-fill.ovui-button--disabled:active { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.ovui-button--primary-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--primary-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--primary-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--info-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.ovui-button--info-fill[data-motion-wave="after"]::after, .ovui-button--info-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--info-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.ovui-button--info-fill:hover[data-motion-wave="after"]::after, .ovui-button--info-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--info-fill:focus { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.ovui-button--info-fill:focus[data-motion-wave="after"]::after, .ovui-button--info-fill:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.ovui-button--info-fill:active[data-motion-wave="after"]::after, .ovui-button--info-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-fill.ovui-button--checked, .ovui-button--info-fill.ovui-button--checked:hover, .ovui-button--info-fill.ovui-button--checked:focus, .ovui-button--info-fill.ovui-button--checked:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); }
.ovui-button--info-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-fill.ovui-button--loading, .ovui-button--info-fill.ovui-button--disabled, .ovui-button--info-fill.ovui-button--loading:hover, .ovui-button--info-fill.ovui-button--disabled:hover, .ovui-button--info-fill.ovui-button--loading:focus, .ovui-button--info-fill.ovui-button--disabled:focus, .ovui-button--info-fill.ovui-button--loading:active, .ovui-button--info-fill.ovui-button--disabled:active { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.ovui-button--info-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--info-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--info-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--warning-fill { color: rgb(255, 255, 255); background-color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.ovui-button--warning-fill[data-motion-wave="after"]::after, .ovui-button--warning-fill[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.ovui-button--warning-fill:hover { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s ease-in-out; }
.ovui-button--warning-fill:hover[data-motion-wave="after"]::after, .ovui-button--warning-fill:hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.ovui-button--warning-fill:focus { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.ovui-button--warning-fill:focus[data-motion-wave="after"]::after, .ovui-button--warning-fill:focus[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.ovui-button--warning-fill:active { color: rgb(255, 255, 255); background-color: rgb(226, 142, 17); border-color: rgb(226, 142, 17); transition: 0.1s ease-in-out; }
.ovui-button--warning-fill:active[data-motion-wave="after"]::after, .ovui-button--warning-fill:active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-fill.ovui-button--checked, .ovui-button--warning-fill.ovui-button--checked:hover, .ovui-button--warning-fill.ovui-button--checked:focus, .ovui-button--warning-fill.ovui-button--checked:active { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); }
.ovui-button--warning-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.ovui-button--warning-fill.ovui-button--loading, .ovui-button--warning-fill.ovui-button--disabled, .ovui-button--warning-fill.ovui-button--loading:hover, .ovui-button--warning-fill.ovui-button--disabled:hover, .ovui-button--warning-fill.ovui-button--loading:focus, .ovui-button--warning-fill.ovui-button--disabled:focus, .ovui-button--warning-fill.ovui-button--loading:active, .ovui-button--warning-fill.ovui-button--disabled:active { color: rgb(255, 249, 224); background-color: rgb(255, 221, 96); border-color: rgb(255, 221, 96); }
.ovui-button--warning-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--warning-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--warning-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.ovui-button--danger-fill { color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.ovui-button--danger-fill[data-motion-wave="after"]::after, .ovui-button--danger-fill[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.ovui-button--danger-fill:hover { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.ovui-button--danger-fill:hover[data-motion-wave="after"]::after, .ovui-button--danger-fill:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.ovui-button--danger-fill:focus { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.ovui-button--danger-fill:focus[data-motion-wave="after"]::after, .ovui-button--danger-fill:focus[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.ovui-button--danger-fill:active { color: rgb(255, 255, 255); background-color: rgb(199, 16, 35); border-color: rgb(199, 16, 35); transition: 0.1s ease-in-out; }
.ovui-button--danger-fill:active[data-motion-wave="after"]::after, .ovui-button--danger-fill:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-fill.ovui-button--checked, .ovui-button--danger-fill.ovui-button--checked:hover, .ovui-button--danger-fill.ovui-button--checked:focus, .ovui-button--danger-fill.ovui-button--checked:active { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); }
.ovui-button--danger-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.ovui-button--danger-fill.ovui-button--loading, .ovui-button--danger-fill.ovui-button--disabled, .ovui-button--danger-fill.ovui-button--loading:hover, .ovui-button--danger-fill.ovui-button--disabled:hover, .ovui-button--danger-fill.ovui-button--loading:focus, .ovui-button--danger-fill.ovui-button--disabled:focus, .ovui-button--danger-fill.ovui-button--loading:active, .ovui-button--danger-fill.ovui-button--disabled:active { color: rgb(253, 242, 242); background-color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.ovui-button--danger-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--danger-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--danger-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.ovui-button--success-fill { color: rgb(255, 255, 255); background-color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.ovui-button--success-fill[data-motion-wave="after"]::after, .ovui-button--success-fill[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.ovui-button--success-fill:hover { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s ease-in-out; }
.ovui-button--success-fill:hover[data-motion-wave="after"]::after, .ovui-button--success-fill:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.ovui-button--success-fill:focus { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.ovui-button--success-fill:focus[data-motion-wave="after"]::after, .ovui-button--success-fill:focus[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.ovui-button--success-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 116, 48); border-color: rgb(0, 116, 48); transition: 0.1s ease-in-out; }
.ovui-button--success-fill:active[data-motion-wave="after"]::after, .ovui-button--success-fill:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-fill.ovui-button--checked, .ovui-button--success-fill.ovui-button--checked:hover, .ovui-button--success-fill.ovui-button--checked:focus, .ovui-button--success-fill.ovui-button--checked:active { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); }
.ovui-button--success-fill.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.ovui-button--success-fill.ovui-button--loading, .ovui-button--success-fill.ovui-button--disabled, .ovui-button--success-fill.ovui-button--loading:hover, .ovui-button--success-fill.ovui-button--disabled:hover, .ovui-button--success-fill.ovui-button--loading:focus, .ovui-button--success-fill.ovui-button--disabled:focus, .ovui-button--success-fill.ovui-button--loading:active, .ovui-button--success-fill.ovui-button--disabled:active { color: rgb(236, 248, 235); background-color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.ovui-button--success-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--success-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--success-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.ovui-button--default-stroke { color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); border-color: rgb(223, 224, 226); }
.ovui-button--default-stroke[data-motion-wave="after"]::after, .ovui-button--default-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.ovui-button--default-stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-button--default-stroke:hover[data-motion-wave="after"]::after, .ovui-button--default-stroke:hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.ovui-button--default-stroke:focus[data-motion-wave="after"]::after, .ovui-button--default-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.ovui-button--default-stroke:active[data-motion-wave="after"]::after, .ovui-button--default-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--default-stroke.ovui-button--checked, .ovui-button--default-stroke.ovui-button--checked:hover, .ovui-button--default-stroke.ovui-button--checked:focus, .ovui-button--default-stroke.ovui-button--checked:active { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--default-stroke.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-stroke.ovui-button--loading, .ovui-button--default-stroke.ovui-button--disabled, .ovui-button--default-stroke.ovui-button--loading:hover, .ovui-button--default-stroke.ovui-button--disabled:hover, .ovui-button--default-stroke.ovui-button--loading:active, .ovui-button--default-stroke.ovui-button--disabled:active, .ovui-button--default-stroke.ovui-button--loading:focus, .ovui-button--default-stroke.ovui-button--disabled:focus { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.ovui-button--default-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.ovui-button--default-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--default-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--primary-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--primary-stroke[data-motion-wave="after"]::after, .ovui-button--primary-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--primary-stroke:not(.ovui-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.ovui-button--primary-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--primary-stroke:not(.ovui-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.ovui-button--primary-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-primary { 
  0% { box-shadow: rgba(46, 123, 255, 0.2) 0px 0px; }
  100% { box-shadow: rgba(46, 123, 255, 0) 0px 0px 0px 6px; }
}
.ovui-button--primary-stroke:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-button--primary-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--primary-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-stroke.ovui-button--loading, .ovui-button--primary-stroke.ovui-button--disabled, .ovui-button--primary-stroke.ovui-button--loading:hover, .ovui-button--primary-stroke.ovui-button--disabled:hover, .ovui-button--primary-stroke.ovui-button--loading:focus, .ovui-button--primary-stroke.ovui-button--disabled:focus, .ovui-button--primary-stroke.ovui-button--loading:active, .ovui-button--primary-stroke.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.ovui-button--primary-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--primary-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--primary-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--primary-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--success-stroke { color: rgb(13, 166, 0); background-color: rgb(255, 255, 255); border-color: rgb(13, 166, 0); }
.ovui-button--success-stroke[data-motion-wave="after"]::after, .ovui-button--success-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.ovui-button--success-stroke:hover { color: rgb(9, 177, 96); background-color: rgb(255, 255, 255); border-color: rgb(9, 177, 96); }
.ovui-button--success-stroke:hover[data-motion-wave="after"]::after, .ovui-button--success-stroke:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.ovui-button--success-stroke:focus { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.ovui-button--success-stroke:focus[data-motion-wave="after"]::after, .ovui-button--success-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
@keyframes bui-button-focus-wave-effect-success { 
  0% { box-shadow: rgba(9, 177, 96, 0.2) 0px 0px; }
  100% { box-shadow: rgba(9, 177, 96, 0) 0px 0px 0px 6px; }
}
.ovui-button--success-stroke:active { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.ovui-button--success-stroke:active[data-motion-wave="after"]::after, .ovui-button--success-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-stroke.ovui-button--checked, .ovui-button--success-stroke.ovui-button--checked:hover, .ovui-button--success-stroke.ovui-button--checked:focus, .ovui-button--success-stroke.ovui-button--checked:active { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.ovui-button--success-stroke.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-stroke.ovui-button--loading, .ovui-button--success-stroke.ovui-button--disabled, .ovui-button--success-stroke.ovui-button--loading:hover, .ovui-button--success-stroke.ovui-button--disabled:hover, .ovui-button--success-stroke.ovui-button--loading:focus, .ovui-button--success-stroke.ovui-button--disabled:focus, .ovui-button--success-stroke.ovui-button--loading:active, .ovui-button--success-stroke.ovui-button--disabled:active { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.ovui-button--success-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.ovui-button--success-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--success-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--success-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--success-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--success-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--success-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--success-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--success-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.ovui-button--success-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.ovui-button--warning-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 255, 255); border-color: rgb(235, 150, 23); }
.ovui-button--warning-stroke[data-motion-wave="after"]::after, .ovui-button--warning-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.ovui-button--warning-stroke:not(.ovui-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 255, 255); border-color: rgb(246, 183, 12); }
.ovui-button--warning-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.ovui-button--warning-stroke:not(.ovui-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.ovui-button--warning-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
@keyframes bui-button-focus-wave-effect-warning { 
  0% { box-shadow: rgba(246, 183, 12, 0.2) 0px 0px; }
  100% { box-shadow: rgba(246, 183, 12, 0) 0px 0px 0px 6px; }
}
.ovui-button--warning-stroke:not(.ovui-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.ovui-button--warning-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--warning-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-stroke.ovui-button--loading, .ovui-button--warning-stroke.ovui-button--disabled, .ovui-button--warning-stroke.ovui-button--loading:hover, .ovui-button--warning-stroke.ovui-button--disabled:hover, .ovui-button--warning-stroke.ovui-button--loading:focus, .ovui-button--warning-stroke.ovui-button--disabled:focus, .ovui-button--warning-stroke.ovui-button--loading:active, .ovui-button--warning-stroke.ovui-button--disabled:active { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.ovui-button--warning-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.ovui-button--warning-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--warning-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.ovui-button--warning-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.ovui-button--danger-stroke { color: rgb(227, 73, 73); background-color: rgb(255, 255, 255); border-color: rgb(227, 73, 73); }
.ovui-button--danger-stroke[data-motion-wave="after"]::after, .ovui-button--danger-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.ovui-button--danger-stroke:hover { color: rgb(234, 121, 121); background-color: rgb(255, 255, 255); border-color: rgb(234, 121, 121); }
.ovui-button--danger-stroke:hover[data-motion-wave="after"]::after, .ovui-button--danger-stroke:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.ovui-button--danger-stroke:focus { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.ovui-button--danger-stroke:focus[data-motion-wave="after"]::after, .ovui-button--danger-stroke:focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
@keyframes bui-button-focus-wave-effect-danger { 
  0% { box-shadow: rgba(234, 121, 121, 0.2) 0px 0px; }
  100% { box-shadow: rgba(234, 121, 121, 0) 0px 0px 0px 6px; }
}
.ovui-button--danger-stroke:active { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.ovui-button--danger-stroke:active[data-motion-wave="after"]::after, .ovui-button--danger-stroke:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-stroke.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--checked:hover, .ovui-button--danger-stroke.ovui-button--checked:focus, .ovui-button--danger-stroke.ovui-button--checked:active { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.ovui-button--danger-stroke.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-stroke.ovui-button--loading, .ovui-button--danger-stroke.ovui-button--disabled, .ovui-button--danger-stroke.ovui-button--loading:hover, .ovui-button--danger-stroke.ovui-button--disabled:hover, .ovui-button--danger-stroke.ovui-button--loading:focus, .ovui-button--danger-stroke.ovui-button--disabled:focus, .ovui-button--danger-stroke.ovui-button--loading:active, .ovui-button--danger-stroke.ovui-button--disabled:active { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.ovui-button--danger-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.ovui-button--danger-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--danger-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.ovui-button--danger-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.ovui-button--info-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--info-stroke[data-motion-wave="after"]::after, .ovui-button--info-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--info-stroke:hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.ovui-button--info-stroke:hover[data-motion-wave="after"]::after, .ovui-button--info-stroke:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--info-stroke:focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.ovui-button--info-stroke:focus[data-motion-wave="after"]::after, .ovui-button--info-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-info { 
  0% { box-shadow: rgba(0, 63, 210, 0.2) 0px 0px; }
  100% { box-shadow: rgba(0, 63, 210, 0) 0px 0px 0px 6px; }
}
.ovui-button--info-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-button--info-stroke:active[data-motion-wave="after"]::after, .ovui-button--info-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-stroke.ovui-button--checked, .ovui-button--info-stroke.ovui-button--checked:focus, .ovui-button--info-stroke.ovui-button--checked:hover, .ovui-button--info-stroke.ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-button--info-stroke.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-stroke.ovui-button--loading, .ovui-button--info-stroke.ovui-button--disabled, .ovui-button--info-stroke.ovui-button--loading:hover, .ovui-button--info-stroke.ovui-button--disabled:hover, .ovui-button--info-stroke.ovui-button--loading:focus, .ovui-button--info-stroke.ovui-button--disabled:focus, .ovui-button--info-stroke.ovui-button--loading:active, .ovui-button--info-stroke.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--info-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--info-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--info-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--info-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--info-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--info-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--info-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--info-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--info-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--info-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--default-light-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.ovui-button--default-light-fill[data-motion-wave="after"]::after, .ovui-button--default-light-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.ovui-button--default-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--default-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.ovui-button--default-light-fill.ovui-button--loading, .ovui-button--default-light-fill.ovui-button--disabled, .ovui-button--default-light-fill.ovui-button--loading:hover, .ovui-button--default-light-fill.ovui-button--disabled:hover, .ovui-button--default-light-fill.ovui-button--loading:focus, .ovui-button--default-light-fill.ovui-button--disabled:focus, .ovui-button--default-light-fill.ovui-button--loading:active, .ovui-button--default-light-fill.ovui-button--disabled:active { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-button--default-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--default-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-button--default-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.ovui-button--default-light-stroke { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(223, 224, 226); }
.ovui-button--default-light-stroke[data-motion-wave="after"]::after, .ovui-button--default-light-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--default-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--default-light-stroke.ovui-button--loading, .ovui-button--default-light-stroke.ovui-button--disabled, .ovui-button--default-light-stroke.ovui-button--loading:hover, .ovui-button--default-light-stroke.ovui-button--disabled:hover, .ovui-button--default-light-stroke.ovui-button--loading:focus, .ovui-button--default-light-stroke.ovui-button--disabled:focus, .ovui-button--default-light-stroke.ovui-button--loading:active, .ovui-button--default-light-stroke.ovui-button--disabled:active { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.ovui-button--default-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.ovui-button--default-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--default-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.ovui-button--default-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--default-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--default-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.ovui-button--primary-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill[data-motion-wave="after"]::after, .ovui-button--primary-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--primary-light-fill.ovui-button--loading, .ovui-button--primary-light-fill.ovui-button--disabled, .ovui-button--primary-light-fill.ovui-button--loading:hover, .ovui-button--primary-light-fill.ovui-button--disabled:hover, .ovui-button--primary-light-fill.ovui-button--loading:focus, .ovui-button--primary-light-fill.ovui-button--disabled:focus, .ovui-button--primary-light-fill.ovui-button--loading:active, .ovui-button--primary-light-fill.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--primary-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--primary-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--primary-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.ovui-button--primary-light-stroke[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--primary-light-stroke.ovui-button--loading, .ovui-button--primary-light-stroke.ovui-button--disabled, .ovui-button--primary-light-stroke.ovui-button--loading:hover, .ovui-button--primary-light-stroke.ovui-button--disabled:hover, .ovui-button--primary-light-stroke.ovui-button--loading:focus, .ovui-button--primary-light-stroke.ovui-button--disabled:focus, .ovui-button--primary-light-stroke.ovui-button--loading:active, .ovui-button--primary-light-stroke.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--primary-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--primary-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--primary-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--primary-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--primary-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--primary-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--success-light-fill { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.ovui-button--success-light-fill[data-motion-wave="after"]::after, .ovui-button--success-light-fill[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.ovui-button--success-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--success-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.ovui-button--success-light-fill.ovui-button--loading, .ovui-button--success-light-fill.ovui-button--disabled, .ovui-button--success-light-fill.ovui-button--loading:hover, .ovui-button--success-light-fill.ovui-button--disabled:hover, .ovui-button--success-light-fill.ovui-button--loading:focus, .ovui-button--success-light-fill.ovui-button--disabled:focus, .ovui-button--success-light-fill.ovui-button--loading:active, .ovui-button--success-light-fill.ovui-button--disabled:active { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.ovui-button--success-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.ovui-button--success-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--success-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.ovui-button--success-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.ovui-button--success-light-stroke { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(13, 166, 0); }
.ovui-button--success-light-stroke[data-motion-wave="after"]::after, .ovui-button--success-light-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(9, 177, 96); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--success-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.ovui-button--success-light-stroke.ovui-button--loading, .ovui-button--success-light-stroke.ovui-button--disabled, .ovui-button--success-light-stroke.ovui-button--loading:hover, .ovui-button--success-light-stroke.ovui-button--disabled:hover, .ovui-button--success-light-stroke.ovui-button--loading:focus, .ovui-button--success-light-stroke.ovui-button--disabled:focus, .ovui-button--success-light-stroke.ovui-button--loading:active, .ovui-button--success-light-stroke.ovui-button--disabled:active { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.ovui-button--success-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.ovui-button--success-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--success-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.ovui-button--success-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--success-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--success-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.ovui-button--warning-light-fill { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill[data-motion-wave="after"]::after, .ovui-button--warning-light-fill[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.ovui-button--warning-light-fill.ovui-button--loading, .ovui-button--warning-light-fill.ovui-button--disabled, .ovui-button--warning-light-fill.ovui-button--loading:hover, .ovui-button--warning-light-fill.ovui-button--disabled:hover, .ovui-button--warning-light-fill.ovui-button--loading:focus, .ovui-button--warning-light-fill.ovui-button--disabled:focus, .ovui-button--warning-light-fill.ovui-button--loading:active, .ovui-button--warning-light-fill.ovui-button--disabled:active { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--warning-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.ovui-button--warning-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.ovui-button--warning-light-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(235, 150, 23); }
.ovui-button--warning-light-stroke[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(246, 183, 12); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.ovui-button--warning-light-stroke.ovui-button--loading, .ovui-button--warning-light-stroke.ovui-button--disabled, .ovui-button--warning-light-stroke.ovui-button--loading:hover, .ovui-button--warning-light-stroke.ovui-button--disabled:hover, .ovui-button--warning-light-stroke.ovui-button--loading:focus, .ovui-button--warning-light-stroke.ovui-button--disabled:focus, .ovui-button--warning-light-stroke.ovui-button--loading:active, .ovui-button--warning-light-stroke.ovui-button--disabled:active { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.ovui-button--warning-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.ovui-button--warning-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--warning-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.ovui-button--warning-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--warning-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--warning-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.ovui-button--danger-light-fill { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill[data-motion-wave="after"]::after, .ovui-button--danger-light-fill[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.ovui-button--danger-light-fill.ovui-button--loading, .ovui-button--danger-light-fill.ovui-button--disabled, .ovui-button--danger-light-fill.ovui-button--loading:hover, .ovui-button--danger-light-fill.ovui-button--disabled:hover, .ovui-button--danger-light-fill.ovui-button--loading:focus, .ovui-button--danger-light-fill.ovui-button--disabled:focus, .ovui-button--danger-light-fill.ovui-button--loading:active, .ovui-button--danger-light-fill.ovui-button--disabled:active { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--danger-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.ovui-button--danger-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.ovui-button--danger-light-stroke { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); }
.ovui-button--danger-light-stroke[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.ovui-button--danger-light-stroke.ovui-button--loading, .ovui-button--danger-light-stroke.ovui-button--disabled, .ovui-button--danger-light-stroke.ovui-button--loading:hover, .ovui-button--danger-light-stroke.ovui-button--disabled:hover, .ovui-button--danger-light-stroke.ovui-button--loading:focus, .ovui-button--danger-light-stroke.ovui-button--disabled:focus, .ovui-button--danger-light-stroke.ovui-button--loading:active, .ovui-button--danger-light-stroke.ovui-button--disabled:active { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.ovui-button--danger-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.ovui-button--danger-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--danger-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.ovui-button--danger-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--danger-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--danger-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.ovui-button--info-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--info-light-fill[data-motion-wave="after"]::after, .ovui-button--info-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--info-light-fill:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--info-light-fill:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.ovui-button--info-light-fill.ovui-button--loading, .ovui-button--info-light-fill.ovui-button--disabled, .ovui-button--info-light-fill.ovui-button--loading:hover, .ovui-button--info-light-fill.ovui-button--disabled:hover, .ovui-button--info-light-fill.ovui-button--loading:focus, .ovui-button--info-light-fill.ovui-button--disabled:focus, .ovui-button--info-light-fill.ovui-button--loading:active, .ovui-button--info-light-fill.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--info-light-fill.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--info-light-fill.ovui-button--loading.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--disabled.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--loading:hover.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--loading:focus.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--loading:active.ovui-button--checked, .ovui-button--info-light-fill.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.ovui-button--info-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-fill.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-fill.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.ovui-button--info-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.ovui-button--info-light-stroke[data-motion-wave="after"]::after, .ovui-button--info-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="after"]::after, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:hover[data-motion-wave="before"]::before, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:focus[data-motion-wave="before"]::before, .ovui-button--info-light-stroke:not(.ovui-button--disabled).ovui-button--checked:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.ovui-button--info-light-stroke.ovui-button--loading, .ovui-button--info-light-stroke.ovui-button--disabled, .ovui-button--info-light-stroke.ovui-button--loading:hover, .ovui-button--info-light-stroke.ovui-button--disabled:hover, .ovui-button--info-light-stroke.ovui-button--loading:focus, .ovui-button--info-light-stroke.ovui-button--disabled:focus, .ovui-button--info-light-stroke.ovui-button--loading:active, .ovui-button--info-light-stroke.ovui-button--disabled:active { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--info-light-stroke.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:focus[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:active[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--info-light-stroke.ovui-button--loading.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--disabled.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--loading:hover.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--disabled:hover.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--loading:focus.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--disabled:focus.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--loading:active.ovui-button--checked, .ovui-button--info-light-stroke.ovui-button--disabled:active.ovui-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.ovui-button--info-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--info-light-stroke.ovui-button--loading.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:hover.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:focus.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--loading:active.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--info-light-stroke.ovui-button--disabled:active.ovui-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.ovui-button--dashed { border-style: dashed; }
.ovui-button--text { color: rgb(0, 87, 255); background-color: transparent; border-color: transparent; }
.ovui-button--text[data-motion-wave="after"]::after, .ovui-button--text[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--text:hover { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; }
.ovui-button--text:hover[data-motion-wave="after"]::after, .ovui-button--text:hover[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--text.ovui-button--checked, .ovui-button--text:focus { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; }
.ovui-button--text.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--text:focus[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--text:focus[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--text:active, .ovui-button--text:active:focus, .ovui-button--text:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; }
.ovui-button--text:active[data-motion-wave="after"]::after, .ovui-button--text:active:focus[data-motion-wave="after"]::after, .ovui-button--text:active:hover[data-motion-wave="after"]::after, .ovui-button--text:active[data-motion-wave="before"]::before, .ovui-button--text:active:focus[data-motion-wave="before"]::before, .ovui-button--text:active:hover[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--text.ovui-button--loading, .ovui-button--text.ovui-button--disabled, .ovui-button--text.ovui-button--loading:hover, .ovui-button--text.ovui-button--disabled:hover, .ovui-button--text.ovui-button--loading:focus, .ovui-button--text.ovui-button--disabled:focus { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.ovui-button--text.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--text.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--text.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--text.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--text.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--text.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--text.ovui-button--disabled:focus[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--text.ovui-button--xs, .ovui-button--text.ovui-button--sm, .ovui-button--text.ovui-button--md, .ovui-button--text.ovui-button--lg, .ovui-button--text.ovui-button--xl { padding: 0px; min-width: auto; }
.ovui-button--link { color: rgb(0, 87, 255); background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.ovui-button--link[data-motion-wave="after"]::after, .ovui-button--link[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--link:hover { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; text-decoration: underline; }
.ovui-button--link:hover[data-motion-wave="after"]::after, .ovui-button--link:hover[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--link.ovui-button--checked, .ovui-button--link:focus { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; text-decoration: underline; }
.ovui-button--link.ovui-button--checked[data-motion-wave="after"]::after, .ovui-button--link:focus[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--checked[data-motion-wave="before"]::before, .ovui-button--link:focus[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--link:active, .ovui-button--link:active:focus, .ovui-button--link:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; text-decoration: underline; }
.ovui-button--link:active[data-motion-wave="after"]::after, .ovui-button--link:active:focus[data-motion-wave="after"]::after, .ovui-button--link:active:hover[data-motion-wave="after"]::after, .ovui-button--link:active[data-motion-wave="before"]::before, .ovui-button--link:active:focus[data-motion-wave="before"]::before, .ovui-button--link:active:hover[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--link.ovui-button--loading, .ovui-button--link.ovui-button--disabled, .ovui-button--link.ovui-button--loading:hover, .ovui-button--link.ovui-button--disabled:hover, .ovui-button--link.ovui-button--loading:active, .ovui-button--link.ovui-button--disabled:active, .ovui-button--link.ovui-button--loading:focus, .ovui-button--link.ovui-button--disabled:focus { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.ovui-button--link.ovui-button--loading[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--disabled[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--loading:hover[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--disabled:hover[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--loading:active[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--disabled:active[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--loading:focus[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--disabled:focus[data-motion-wave="after"]::after, .ovui-button--link.ovui-button--loading[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--disabled[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--loading:hover[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--disabled:hover[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--loading:active[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--disabled:active[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--loading:focus[data-motion-wave="before"]::before, .ovui-button--link.ovui-button--disabled:focus[data-motion-wave="before"]::before { color: transparent; }
.ovui-button--link.ovui-button--xs, .ovui-button--link.ovui-button--sm, .ovui-button--link.ovui-button--md, .ovui-button--link.ovui-button--lg, .ovui-button--link.ovui-button--xl { padding: 0px; min-width: auto; }
.ovui-button--xs { min-width: 56px; padding: 2px 8px; font-size: 12px; line-height: 18px; }
.ovui-button--sm { min-width: 56px; padding: 4px 16px; font-size: 12px; line-height: 18px; }
.ovui-button--md { min-width: 88px; padding: 4px 16px; font-size: 14px; line-height: 22px; }
.ovui-button--lg { min-width: 120px; padding: 6px 16px; font-size: 14px; line-height: 22px; }
.ovui-button--xl { min-width: 140px; padding: 7px 16px; font-size: 16px; line-height: 24px; }
.ovui-button--circle.ovui-button--xs, .ovui-button--square.ovui-button--xs { min-width: 24px; width: 24px; height: 24px; padding-left: 0px; padding-right: 0px; }
.ovui-button--circle.ovui-button--sm, .ovui-button--square.ovui-button--sm { min-width: 28px; width: 28px; height: 28px; padding-left: 0px; padding-right: 0px; }
.ovui-button--circle.ovui-button--md, .ovui-button--square.ovui-button--md { min-width: 32px; width: 32px; height: 32px; padding-left: 0px; padding-right: 0px; }
.ovui-button--circle.ovui-button--lg, .ovui-button--square.ovui-button--lg { width: 36px; min-width: 36px; height: 36px; padding-left: 0px; padding-right: 0px; }
.ovui-button--circle.ovui-button--xl, .ovui-button--square.ovui-button--xl { min-width: 40px; width: 40px; height: 40px; padding-left: 0px; padding-right: 0px; }
.ovui-button--circle { border-radius: 50%; }
.ovui-button--round.ovui-button--xs { border-radius: 24px; min-width: 24px; }
.ovui-button--round.ovui-button--sm { border-radius: 28px; min-width: 28px; }
.ovui-button--round.ovui-button--md { border-radius: 32px; min-width: 32px; }
.ovui-button--round.ovui-button--lg { border-radius: 36px; min-width: 36px; }
.ovui-button--round.ovui-button--xl { min-width: 40px; border-radius: 40px; }
.ovui-button--block { display: block; width: 100%; }
.ovui-button.ovui-button--disabled, .ovui-button.ovui-button--disabled:hover, .ovui-button.ovui-button--disabled:focus { animation: auto ease 0s 1 normal none running none; cursor: not-allowed; }
.ovui-button--loading, .ovui-button--loading:hover, .ovui-button--loading:focus { animation: auto ease 0s 1 normal none running none; }
.ovui-button--loading .ovui-button__loading-icon { margin-right: 4px; }
.ovui-button--active { z-index: 3; }
.ovui-button--rtl { direction: rtl; }
.ovui-button--rtl .ovui-button__loading-icon { margin-right: 0px; margin-left: 4px; }
.ovui-card { background: rgb(255, 255, 255); border-radius: 4px; }
.ovui-card__header { font-size: 16px; padding: 16px 24px; color: rgb(49, 52, 59); border-radius: 4px 4px 0px 0px; line-height: 24px; }
.ovui-card__body { padding: 16px 24px; font-size: 14px; color: rgb(98, 101, 108); line-height: 22px; }
.ovui-card--shadowed { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.ovui-card--bordered { border-width: 1px; border-style: solid; border-color: rgb(222, 224, 227); }
.ovui-card--hover { transition: box-shadow 0.3s; }
.ovui-card--hover:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.ovui-cascader-panel { display: flex; align-self: stretch; }
.ovui-cascader-panel__main { display: flex; flex: 1 1 0%; align-self: stretch; border-radius: 8px; overflow-x: auto; }
.ovui-cascader-panel__main::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-cascader-panel__main::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-cascader-panel__main::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-cascader-panel__main::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-cascader-panel__main--border { border: 1px solid rgb(222, 224, 227); }
.ovui-cascader-panel__selection-block { flex: 1 1 0%; height: 230px; display: flex; flex-direction: column; }
.ovui-cascader-panel__selection-block--has-cascader { min-width: 200px; height: 192px; }
.ovui-cascader-panel__selection-block:not(:last-of-type) { border-right: 1px solid rgb(222, 224, 227); }
.ovui-cascader-panel__selection-header { display: flex; align-items: center; height: 38px; padding: 0px 12px; border-bottom: 1px solid rgb(222, 224, 227); background-color: rgb(242, 244, 247); font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); font-weight: 600; }
.ovui-cascader-panel__list-wrapper { flex: 1 1 0%; overflow-y: auto; }
.ovui-cascader-panel__list-wrapper::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-cascader-panel__list-wrapper::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-cascader-panel__list-wrapper::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-cascader-panel__list-wrapper::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-cascader-panel__placeholder { height: 100%; display: flex; align-items: center; justify-content: center; }
.ovui-cascader-panel__loading { height: 100%; display: flex; align-items: center; justify-content: center; color: rgb(0, 87, 255); }
.ovui-cascader-panel__selection-list { margin: 0px; list-style: none; padding: 6px 0px; }
.ovui-cascader-panel__selection-list:not(:last-child) { padding-bottom: 0px; }
.ovui-cascader-panel__selection-item { display: flex; align-items: center; padding: 0px 12px; }
.ovui-cascader-panel__selection-item:hover { background-color: rgb(242, 244, 247); cursor: pointer; }
.ovui-cascader-panel__selection-item .ovui-cascader-panel__item-label { flex: 1 1 0%; font-size: 14px; line-height: 22px; padding: 6px 0px; color: rgb(49, 52, 59); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ovui-cascader-panel__selection-item .ovui-cascader-panel__item-label:not(:first-child) { margin-left: 8px; }
.ovui-cascader-panel__selection-item--active, .ovui-cascader-panel__selection-item--active .ovui-cascader-panel__item-label, .ovui-cascader-panel__selection-item--active .ovui-cascader-panel__angle { font-weight: 700; }
.ovui-cascader-panel__selection-item--selected, .ovui-cascader-panel__selection-item--selected .ovui-cascader-panel__item-label, .ovui-cascader-panel__selection-item--selected .ovui-cascader-panel__angle { color: rgb(0, 87, 255); }
.ovui-cascader-panel__selection-item--disabled, .ovui-cascader-panel__selection-item--disabled .ovui-cascader-panel__item-label, .ovui-cascader-panel__selection-item--disabled .ovui-cascader-panel__angle { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-cascader-panel__selection-item--disabled:hover, .ovui-cascader-panel__selection-item--disabled .ovui-cascader-panel__item-label:hover, .ovui-cascader-panel__selection-item--disabled .ovui-cascader-panel__angle:hover { }
.ovui-cascader-panel__selection-item--disabled.ovui-cascader-panel__selection-item--selected, .ovui-cascader-panel__selection-item--disabled.ovui-cascader-panel__selection-item--selected .ovui-cascader-panel__item-label { color: rgb(186, 218, 255); }
.ovui-cascader-panel__angle { flex-shrink: 0; color: rgb(147, 150, 157); }
.ovui-cascader-panel .ovui-cascader-panel__angle-un-expand { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-cascader-panel__infinite-loading { display: flex; align-items: center; justify-content: center; height: 36px; font-size: 12px; color: rgb(0, 87, 255); }
.ovui-cascader-panel__infinite-loading-label { margin-left: 4px; }
.ovui-cascader-panel__panel-title { position: relative; }
.ovui-cascader-panel__panel-title-content { height: 38px; background: rgb(242, 244, 247); width: 100%; position: absolute; margin-bottom: -38px; border-radius: 8px 8px 0px 0px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(222, 224, 227) rgb(222, 224, 227) currentcolor; border-image: none; }
.ovui-cascader-panel--rtl { direction: rtl; }
.ovui-cascader-panel--rtl .ovui-cascader-panel__selection-block:not(:last-of-type) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgb(222, 224, 227); }
.ovui-cascader-panel--rtl .ovui-cascader-panel__item-label:not(:first-child) { margin-right: 8px; }
.ovui-cascader-panel--rtl .ovui-cascader-panel__infinite-loading-label { margin-right: 4px; }
.ovui-cascader-exb { display: flex; flex-direction: column; width: 200px; border: 1px solid rgb(222, 224, 227); border-radius: 8px; margin-left: 16px; height: 230px; }
.ovui-cascader-exb__header { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0px 12px; border-bottom: 1px solid rgb(222, 224, 227); background-color: rgb(242, 244, 247); font-size: 14px; color: rgb(49, 52, 59); font-weight: 600; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.ovui-cascader-exb__list-wrap { flex: 1 0 0%; overflow: auto; }
.ovui-cascader-exb__placeholder { display: flex; align-items: center; justify-content: center; height: 100%; }
.ovui-cascader-exb__list { list-style: none; padding: 8px 12px; margin: 0px; }
.ovui-cascader-exb__item { display: flex; align-items: center; justify-content: space-between; min-height: 26px; background-color: rgb(242, 244, 247); border-radius: 4px; color: rgb(49, 52, 59); font-size: 14px; padding: 0px 8px; overflow: hidden; }
.ovui-cascader-exb__item-fade-enter-active, .ovui-cascader-exb__item-fade-leave-active { transition: 0.1s ease-in-out; }
.ovui-cascader-exb__item-fade-enter-from, .ovui-cascader-exb__item-fade-leave-to { opacity: 0; max-height: 0px; }
.ovui-cascader-exb__item-fade-enter-to, .ovui-cascader-exb__item-fade-leave-from { max-height: 26px; opacity: 1; }
.ovui-cascader-exb__item-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ovui-cascader-exb__item .ovui-cascader-exb__close { color: rgb(147, 150, 157); cursor: pointer; flex-shrink: 0; }
.ovui-cascader-exb__item:not(:first-of-type) { margin-top: 8px; }
.ovui-cascader-exb--rtl { direction: rtl; margin-left: 16px; margin-right: 16px; }
.ovui-cascader-panel-search__filter { margin-bottom: 8px; }
.ovui-cascader-panel-search__filter-icon { color: rgb(147, 150, 157); }
.ovui-cascader-panel-search__results { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.ovui-cascader-panel-search__results::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-cascader-panel-search__results::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-cascader-panel-search__results::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-cascader-panel-search__results::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-cascader-panel-search__em { color: rgb(0, 87, 255); font-style: normal; }
.ovui-cascader-panel-search__text { overflow: hidden; text-overflow: ellipsis; }
.ovui-cascader-panel-search__loading { color: rgb(0, 87, 255); height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-cascader-panel-search-option { padding: 6px 12px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: flex; align-items: center; cursor: default; }
.ovui-cascader-panel-search-option .ovui-cascader-panel-search-option__action { margin-right: 8px; }
.ovui-cascader-panel-search-option:hover { background-color: rgb(242, 244, 247); }
.ovui-cascader-panel-search-option--rtl { direction: rtl; }
.ovui-cascader-panel-search-option--rtl .ovui-cascader-search-option__action { margin-left: 8px; margin-right: 0px; }
.ovui-cascader-search__filter { border-bottom: 1px solid rgb(232, 234, 237); }
.ovui-cascader-search__filter-icon { color: rgb(147, 150, 157); }
.ovui-cascader-search__results { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.ovui-cascader-search__results::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-cascader-search__results::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-cascader-search__results::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-cascader-search__results::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-cascader-search__em { color: rgb(0, 87, 255); font-style: normal; }
.ovui-cascader-search__text { overflow: hidden; text-overflow: ellipsis; }
.ovui-cascader-search__loading { color: rgb(0, 87, 255); height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-cascader-search-option { padding: 6px 12px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: flex; align-items: center; cursor: default; }
.ovui-cascader-search-option .ovui-cascader-search-option__action { margin-right: 8px; }
.ovui-cascader-search-option:hover { background-color: rgb(242, 244, 247); }
.ovui-cascader-search-option--rtl { direction: rtl; }
.ovui-cascader-search-option--rtl .ovui-cascader-search-option__action { margin-left: 8px; margin-right: 0px; }
.ovui-cascader { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.ovui-cascader__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.ovui-cascader__arrow { color: rgb(147, 150, 157); }
.ovui-cascader__arrow--open { transform: rotate(180deg); }
.ovui-cascader__input:not(.ovui-input__wrapper--disabled) { cursor: pointer; }
.ovui-cascader__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovui-cascader__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-cascader--stroke .ovui-cascader__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-cascader--stroke.ovui-cascader--disabled .ovui-cascader__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-cascader--fill .ovui-cascader__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.ovui-cascader--fill.ovui-cascader--disabled .ovui-cascader__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.ovui-cascader--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.ovui-cascader--text:hover, .ovui-cascader--text .ovui-cascader__text-wrapper--active { color: rgb(0, 87, 255); }
.ovui-cascader--text:hover:active, .ovui-cascader--text .ovui-cascader__text-wrapper--active:active { color: rgb(0, 63, 210); }
.ovui-cascader--text .ovui-cascader__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.ovui-cascader--text .ovui-cascader__arrow { margin-right: 0px; }
.ovui-cascader--text.ovui-cascader--disabled, .ovui-cascader--text.ovui-cascader--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-cascader--xs { font-size: 12px; line-height: 18px; }
.ovui-cascader--xs .ovui-cascader__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-cascader--sm { font-size: 12px; line-height: 18px; }
.ovui-cascader--sm .ovui-cascader__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-cascader--md, .ovui-cascader--lg { font-size: 14px; line-height: 22px; }
.ovui-cascader--xl { font-size: 16px; line-height: 24px; }
.ovui-cascader--disabled .ovui-cascader__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-cascader--disabled .ovui-cascader__arrow { color: rgb(205, 209, 216); }
.ovui-cascader__multiple .ovui-custom-input { padding: 3px 8px; color: rgb(49, 52, 59); }
.ovui-cascader__multiple .ovui-custom-input__content { padding-right: 54px; overflow-y: auto; }
.ovui-cascader__multiple .ovui-custom-input__after { position: absolute; right: 8px; }
.ovui-cascader__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; display: none; background-color: rgb(255, 255, 255); }
.ovui-cascader__popper--show { display: block; }
.ovui-cascader__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-cascader__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-cascader--rtl { direction: rtl; }
.ovui-cascader--rtl .ovui-cascader__tips { margin-right: 0px; margin-left: 4px; }
.ovui-cascader__popper--rtl { direction: rtl; }
.ovui-cascader-fade-enter-active, .ovui-cascader-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-cascader-fade-enter-from, .ovui-cascader-fade-leave-to { opacity: 0; }
.ovui-cascader-fade-enter-to, .ovui-cascader-fade-leave-from { opacity: 1; }
.ovui-cascader-panel-search { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.ovui-cascader-panel-search__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.ovui-cascader-panel-search__arrow { color: rgb(147, 150, 157); }
.ovui-cascader-panel-search__arrow--open { transform: rotate(180deg); }
.ovui-cascader-panel-search__input:not(.ovui-input__wrapper--disabled) { cursor: pointer; }
.ovui-cascader-panel-search__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovui-cascader-panel-search__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-cascader-panel-search--stroke .ovui-cascader-panel-search__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-cascader-panel-search--stroke.ovui-cascader-panel-search--disabled .ovui-cascader-panel-search__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-cascader-panel-search--fill .ovui-cascader-panel-search__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.ovui-cascader-panel-search--fill.ovui-cascader-panel-search--disabled .ovui-cascader-panel-search__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.ovui-cascader-panel-search--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.ovui-cascader-panel-search--text:hover, .ovui-cascader-panel-search--text .ovui-cascader-panel-search__text-wrapper--active { color: rgb(0, 87, 255); }
.ovui-cascader-panel-search--text:hover:active, .ovui-cascader-panel-search--text .ovui-cascader-panel-search__text-wrapper--active:active { color: rgb(0, 63, 210); }
.ovui-cascader-panel-search--text .ovui-cascader-panel-search__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.ovui-cascader-panel-search--text .ovui-cascader-panel-search__arrow { margin-right: 0px; }
.ovui-cascader-panel-search--text.ovui-cascader-panel-search--disabled, .ovui-cascader-panel-search--text.ovui-cascader-panel-search--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-cascader-panel-search--xs { font-size: 12px; line-height: 18px; }
.ovui-cascader-panel-search--xs .ovui-cascader-panel-search__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-cascader-panel-search--sm { font-size: 12px; line-height: 18px; }
.ovui-cascader-panel-search--sm .ovui-cascader-panel-search__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-cascader-panel-search--md, .ovui-cascader-panel-search--lg { font-size: 14px; line-height: 22px; }
.ovui-cascader-panel-search--xl { font-size: 16px; line-height: 24px; }
.ovui-cascader-panel-search--disabled .ovui-cascader-panel-search__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-cascader-panel-search--disabled .ovui-cascader-panel-search__arrow { color: rgb(205, 209, 216); }
.ovui-cascader-panel-search__multiple .ovui-custom-input { padding: 3px 8px; color: rgb(49, 52, 59); }
.ovui-cascader-panel-search__multiple .ovui-custom-input__content { padding-right: 54px; overflow-y: auto; }
.ovui-cascader-panel-search__multiple .ovui-custom-input__after { position: absolute; right: 8px; }
.ovui-cascader-panel-search__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; display: none; background-color: rgb(255, 255, 255); }
.ovui-cascader-panel-search__popper--show { display: block; }
.ovui-cascader-panel-search__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-cascader-panel-search__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-cascader-panel-search--rtl { direction: rtl; }
.ovui-cascader-panel-search--rtl .ovui-cascader-panel-search__tips { margin-right: 0px; margin-left: 4px; }
.ovui-cascader-panel-search__popper--rtl { direction: rtl; }
.ovui-cascader-panel-search-fade-enter-active, .ovui-cascader-panel-search-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-cascader-panel-search-fade-enter-from, .ovui-cascader-panel-search-fade-leave-to { opacity: 0; }
.ovui-cascader-panel-search-fade-enter-to, .ovui-cascader-panel-search-fade-leave-from { opacity: 1; }
.ovui-cascader__popper-wrapper { display: none; }
.ovui-cascader__popper-wrapper--show { display: block; }
.ovui-checkbox-option { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; cursor: default; border-radius: 2px; }
.ovui-checkbox-option--stroke { color: rgb(98, 101, 108); }
.ovui-checkbox-option--stroke:hover { background-color: rgb(242, 244, 247); }
.ovui-checkbox-option--stroke:active { background-color: rgb(232, 234, 237); }
.ovui-checkbox-option--stroke.ovui-checkbox-option--checked, .ovui-checkbox-option--stroke.ovui-checkbox-option--checked:hover, .ovui-checkbox-option--stroke.ovui-checkbox-option--checked:active { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.ovui-checkbox-option--stroke.ovui-checkbox-option--disabled, .ovui-checkbox-option--stroke.ovui-checkbox-option--disabled:hover, .ovui-checkbox-option--stroke.ovui-checkbox-option--disabled:active { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.ovui-checkbox-option--stroke.ovui-checkbox-option--checked.ovui-checkbox-option--disabled, .ovui-checkbox-option--stroke.ovui-checkbox-option--checked.ovui-checkbox-option--disabled:hover, .ovui-checkbox-option--stroke.ovui-checkbox-option--checked.ovui-checkbox-option--disabled:active { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.ovui-checkbox-option--fill { color: rgb(98, 101, 108); }
.ovui-checkbox-option--fill:hover { background-color: rgb(222, 224, 227); }
.ovui-checkbox-option--fill:active { background-color: rgb(205, 209, 216); }
.ovui-checkbox-option--fill.ovui-checkbox-option--checked, .ovui-checkbox-option--fill.ovui-checkbox-option--checked:hover, .ovui-checkbox-option--fill.ovui-checkbox-option--checked:active { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.ovui-checkbox-option--fill.ovui-checkbox-option--disabled, .ovui-checkbox-option--fill.ovui-checkbox-option--disabled:hover, .ovui-checkbox-option--fill.ovui-checkbox-option--disabled:active { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.ovui-checkbox-option--fill.ovui-checkbox-option--checked.ovui-checkbox-option--disabled, .ovui-checkbox-option--fill.ovui-checkbox-option--checked.ovui-checkbox-option--disabled:hover, .ovui-checkbox-option--fill.ovui-checkbox-option--checked.ovui-checkbox-option--disabled:active { background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-checkbox-option--checked::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(0, 87, 255); transform: rotate(-45deg); border-radius: 2px; }
.ovui-checkbox-option--checked.ovui-checkbox-option--disabled::after { border-left-color: rgb(186, 218, 255); }
.ovui-checkbox-option--single::after { display: none; }
.ovui-checkbox-option--xs { font-size: 12px; line-height: 18px; padding: 0px 12px; }
.ovui-checkbox-option--sm { font-size: 12px; line-height: 18px; padding: 1px 12px; }
.ovui-checkbox-option--md { font-size: 14px; line-height: 22px; padding: 2px 12px; }
.ovui-checkbox-option--lg { font-size: 14px; line-height: 22px; padding: 4px 12px; }
.ovui-checkbox-option--xl { font-size: 16px; line-height: 24px; padding: 5px 12px; }
.ovui-checkbox-group { display: inline-flex; position: relative; }
.ovui-checkbox-group .ovui-checkbox-button:not(:first-child):not(:last-child) { border-radius: 0px; }
.ovui-checkbox-group .ovui-checkbox-button:not(:last-child) { margin-right: -1px; }
.ovui-checkbox-group .ovui-checkbox-button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ovui-checkbox-group .ovui-checkbox-button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-checkbox-group .ovui-checkbox-button::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(222, 224, 227); transform: rotate(-45deg); border-radius: 2px; }
.ovui-checkbox-group .ovui-checkbox-button--single::after { border-top: 0px; border-bottom: 0px; border-left: 0px; }
.ovui-checkbox-group .ovui-checkbox-button:hover, .ovui-checkbox-group .ovui-checkbox-button:focus, .ovui-checkbox-group .ovui-checkbox-button:active { z-index: 1; }
.ovui-checkbox-group .ovui-checkbox-button:hover::after, .ovui-checkbox-group .ovui-checkbox-button:focus::after, .ovui-checkbox-group .ovui-checkbox-button:active::after { border-left-color: rgb(0, 87, 255); }
.ovui-checkbox-group .ovui-checkbox-button--checked, .ovui-checkbox-group .ovui-checkbox-button--checked:hover, .ovui-checkbox-group .ovui-checkbox-button--checked:focus, .ovui-checkbox-group .ovui-checkbox-button--checked:active { z-index: 3; }
.ovui-checkbox-group .ovui-checkbox-button--checked::after, .ovui-checkbox-group .ovui-checkbox-button--checked:hover::after, .ovui-checkbox-group .ovui-checkbox-button--checked:focus::after, .ovui-checkbox-group .ovui-checkbox-button--checked:active::after { border-left-color: rgb(0, 87, 255); }
.ovui-checkbox-group .ovui-checkbox-button[disabled]:hover::after, .ovui-checkbox-group .ovui-checkbox-button[disabled]:focus::after, .ovui-checkbox-group .ovui-checkbox-button[disabled]:active::after { border-left-color: rgb(222, 224, 227); }
.ovui-checkbox-group .ovui-checkbox-button[disabled].ovui-checkbox-button--checked::after, .ovui-checkbox-group .ovui-checkbox-button[disabled].ovui-checkbox-button--checked:hover::after, .ovui-checkbox-group .ovui-checkbox-button[disabled].ovui-checkbox-button--checked:focus::after, .ovui-checkbox-group .ovui-checkbox-button[disabled].ovui-checkbox-button--checked:active::after { border-left-color: rgb(186, 218, 255); }
.ovui-checkbox-group .ovui-checkbox:not(:first-child) { margin-left: 16px; }
.ovui-checkbox-option-group { display: inline-flex; border-radius: 4px; padding: 0px 2px; }
.ovui-checkbox-option-group.ovui-checkbox-group--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.ovui-checkbox-option-group.ovui-checkbox-group--fill { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); }
.ovui-checkbox-option-group .ovui-checkbox-option--xs { margin: 2px; }
.ovui-checkbox-option-group .ovui-checkbox-option--sm, .ovui-checkbox-option-group .ovui-checkbox-option--md, .ovui-checkbox-option-group .ovui-checkbox-option--lg, .ovui-checkbox-option-group .ovui-checkbox-option--xl { margin: 3px 2px; }
.ovui-checkbox-item-group { display: inline-flex; border-radius: 4px; }
.ovui-checkbox-item-group.ovui-checkbox-group--stroke::before { z-index: 1; pointer-events: none; content: ""; position: absolute; inset: 0px; margin-top: 8px; border-radius: 4px; border: 1px solid rgb(222, 224, 227); }
.ovui-checkbox-item-group.ovui-checkbox-group--stroke.ovui-checkbox-group--disabled::before { border: 1px solid rgb(242, 244, 247); }
.ovui-checkbox-item-group .ovui-checkbox-item:not(:first-child):not(:last-child), .ovui-checkbox-item-group .ovui-checkbox-item:not(:first-child):not(:last-child)::after { border-radius: 0px; }
.ovui-checkbox-item-group .ovui-checkbox-item:not(:last-child) { margin-right: -1px; }
.ovui-checkbox-item-group .ovui-checkbox-item:first-child:not(:last-child), .ovui-checkbox-item-group .ovui-checkbox-item:first-child:not(:last-child)::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ovui-checkbox-item-group .ovui-checkbox-item:last-child:not(:first-child), .ovui-checkbox-item-group .ovui-checkbox-item:last-child:not(:first-child)::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-checkbox-item-group .ovui-checkbox-item--initial + .ovui-checkbox-item-group .ovui-checkbox-item--initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.ovui-checkbox-group--rtl { direction: rtl; }
.ovui-checkbox-group--rtl .ovui-checkbox-button { margin-right: 0px; }
.ovui-checkbox-group--rtl .ovui-checkbox-button:not(:first-child) { margin-right: -1px; }
.ovui-checkbox-group--rtl .ovui-checkbox-button:first-child:not(:last-child) { border-radius: 0px 8px 8px 0px; }
.ovui-checkbox-group--rtl .ovui-checkbox-button:last-child:not(:first-child) { border-radius: 8px 0px 0px 8px; }
.ovui-checkbox-group--rtl .ovui-checkbox:first-child { margin-left: 0px; }
.ovui-checkbox-group--rtl .ovui-checkbox:not(:last-child) { margin-left: 16px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item { margin-right: 0px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item:not(:first-child) { margin-right: -1px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item:first-child:not(:last-child), .ovui-checkbox-group--rtl .ovui-checkbox-item:first-child:not(:last-child)::after { border-radius: 0px 8px 8px 0px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item:last-child:not(:first-child), .ovui-checkbox-group--rtl .ovui-checkbox-item:last-child:not(:first-child)::after { border-radius: 8px 0px 0px 8px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item .ovui-checkbox-item__checkbox { margin-right: 0px; margin-left: 4px; }
.ovui-checkbox-group--rtl .ovui-checkbox-item .ovui-checkbox-item--empty .ovui-checkbox-item__checkbox { margin-left: 0px; }
.ovui-checkbox-item { display: inline-flex; position: relative; cursor: pointer; border-radius: 8px; }
.ovui-checkbox-item--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.ovui-checkbox-item--stroke.ovui-checkbox-item--border-initial::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.ovui-checkbox-item--stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-checkbox-item--stroke:hover::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-checkbox-item--stroke:focus, .ovui-checkbox-item--stroke.ovui-checkbox-item--checked { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-checkbox-item--stroke:focus::after, .ovui-checkbox-item--stroke.ovui-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-checkbox-item--stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); }
.ovui-checkbox-item--stroke:active::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 63, 210); }
.ovui-checkbox-item--stroke.ovui-checkbox-item--disabled, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:hover, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:focus, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:active { color: rgb(147, 150, 157); background-color: rgb(245, 247, 250); cursor: not-allowed; }
.ovui-checkbox-item--stroke.ovui-checkbox-item--disabled::after, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:hover::after, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:focus::after, .ovui-checkbox-item--stroke.ovui-checkbox-item--disabled:active::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.ovui-checkbox-item--stroke.ovui-checkbox-item--disabled.ovui-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.ovui-checkbox-item--stroke.ovui-checkbox-item--disabled.ovui-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.ovui-checkbox-item--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-checkbox-item--fill:hover { background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); }
.ovui-checkbox-item--fill:active { background-color: rgb(245, 247, 250); color: rgb(0, 63, 210); }
.ovui-checkbox-item--fill:focus, .ovui-checkbox-item--fill.ovui-checkbox-item--checked { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.ovui-checkbox-item--fill:focus::after, .ovui-checkbox-item--fill.ovui-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-checkbox-item--fill.ovui-checkbox-item--disabled { background-color: rgb(245, 247, 250); color: rgb(147, 150, 157); cursor: not-allowed; }
.ovui-checkbox-item--fill.ovui-checkbox-item--disabled.ovui-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.ovui-checkbox-item--fill.ovui-checkbox-item--disabled.ovui-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.ovui-checkbox-item--divider-initial + .ovui-checkbox-item--divider-initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.ovui-checkbox-item--xs { font-size: 12px; line-height: 18px; padding: 3px 16px; }
.ovui-checkbox-item--sm { font-size: 12px; line-height: 18px; padding: 5px 16px; }
.ovui-checkbox-item--md { font-size: 14px; line-height: 22px; padding: 5px 16px; }
.ovui-checkbox-item--lg { font-size: 14px; line-height: 22px; padding: 7px 16px; }
.ovui-checkbox-item--xl { font-size: 16px; line-height: 24px; padding: 8px 16px; }
.ovui-checkbox-item .ovui-checkbox-item__checkbox { margin-right: 4px; }
.ovui-checkbox-item--empty .ovui-checkbox-item__checkbox { margin-right: 0px; }
.ovui-checkbox { display: inline-flex; position: relative; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
.ovui-checkbox__wrapper { position: relative; display: inline-block; }
.ovui-checkbox__input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; }
.ovui-checkbox .ovui-checkbox__checked-icon, .ovui-checkbox .ovui-checkbox__indeterminate-icon { display: none; }
.ovui-checkbox .ovui-checkbox__inner { display: block; position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(185, 188, 195); border-radius: 4px; transition: 0.1s ease-in-out; }
.ovui-checkbox .ovui-checkbox__inner:hover { border-color: rgb(69, 68, 91); background-color: rgb(255, 255, 255); }
.ovui-checkbox .ovui-checkbox__inner:active { background-color: rgba(56, 55, 79, 0.1); }
.ovui-checkbox .ovui-checkbox__label { color: rgb(49, 52, 59); word-break: break-all; }
.ovui-checkbox .ovui-checkbox__label:hover, .ovui-checkbox .ovui-checkbox__label:active { color: rgb(49, 52, 59); }
.ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner { color: rgb(255, 255, 255); }
.ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner, .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__checked-icon { display: block; }
.ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner { color: rgb(255, 255, 255); }
.ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner, .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__indeterminate-icon { display: block; }
.ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label, .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label, .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label:hover, .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label:hover, .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__label:active, .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__label:active { color: rgb(49, 52, 59); }
.ovui-checkbox.ovui-checkbox--disabled, .ovui-checkbox.ovui-checkbox--disabled:hover { cursor: not-allowed; color: rgb(205, 209, 216); }
.ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__inner, .ovui-checkbox.ovui-checkbox--disabled:hover .ovui-checkbox__inner { border-color: rgb(243, 243, 244); background-color: rgb(245, 247, 250); }
.ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label, .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label:hover, .ovui-checkbox.ovui-checkbox--disabled .ovui-checkbox__label:active { color: rgb(185, 188, 195); }
.ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner { border-color: rgb(179, 178, 187); background-color: rgb(179, 178, 187); }
.ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label:hover, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label:hover, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__label:active, .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__label:active { color: rgb(185, 188, 195); }
.ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner, .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner:hover, .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); }
.ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner, .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner, .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner:hover, .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.ovui-checkbox--xl { font-size: 14px; line-height: 22px; }
.ovui-checkbox--xl .ovui-checkbox__wrapper { margin: 1px 0px; }
.ovui-checkbox--xl .ovui-checkbox__inner { width: 20px; height: 20px; }
.ovui-checkbox--xl .ovui-checkbox__inner .ovui-checkbox__checked-icon, .ovui-checkbox--xl .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon { font-size: 18px; }
.ovui-checkbox--xl .ovui-checkbox__label { margin: 0px 8px; }
.ovui-checkbox--lg { font-size: 14px; line-height: 22px; }
.ovui-checkbox--lg .ovui-checkbox__wrapper { margin: 1px 0px; }
.ovui-checkbox--lg .ovui-checkbox__inner { width: 20px; height: 20px; }
.ovui-checkbox--lg .ovui-checkbox__inner .ovui-checkbox__checked-icon, .ovui-checkbox--lg .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon { font-size: 18px; }
.ovui-checkbox--lg .ovui-checkbox__label { margin: 0px 8px; }
.ovui-checkbox--md { font-size: 14px; line-height: 22px; }
.ovui-checkbox--md .ovui-checkbox__wrapper { margin: 3px 0px; }
.ovui-checkbox--md .ovui-checkbox__inner { width: 16px; height: 16px; }
.ovui-checkbox--md .ovui-checkbox__inner .ovui-checkbox__checked-icon, .ovui-checkbox--md .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon { font-size: 14px; }
.ovui-checkbox--md .ovui-checkbox__label { margin: 0px 8px; }
.ovui-checkbox--sm { font-size: 12px; line-height: 18px; }
.ovui-checkbox--sm .ovui-checkbox__wrapper { margin: 2px 0px; }
.ovui-checkbox--sm .ovui-checkbox__inner { width: 14px; height: 14px; }
.ovui-checkbox--sm .ovui-checkbox__inner .ovui-checkbox__checked-icon, .ovui-checkbox--sm .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon { font-size: 12px; }
.ovui-checkbox--sm .ovui-checkbox__label { margin: 0px 8px; }
.ovui-checkbox--xs { font-size: 12px; line-height: 18px; }
.ovui-checkbox--xs .ovui-checkbox__wrapper { margin: 3px 0px; }
.ovui-checkbox--xs .ovui-checkbox__inner { width: 12px; height: 12px; }
.ovui-checkbox--xs .ovui-checkbox__inner .ovui-checkbox__checked-icon, .ovui-checkbox--xs .ovui-checkbox__inner .ovui-checkbox__indeterminate-icon { font-size: 10px; }
.ovui-checkbox--xs .ovui-checkbox__label { margin: 0px 8px; }
.ovui-checkbox--rtl { direction: rtl; }
.ovui-collapse-item { overflow: hidden; }
.ovui-collapse-item--border { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(222, 224, 227) rgb(222, 224, 227); border-image: none; }
.ovui-collapse-item--disabled { cursor: not-allowed; }
.ovui-collapse-item--disabled .ovui-collapse-item__header, .ovui-collapse-item--disabled .ovui-collapse-item__icon-wrapper { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-collapse-item__icon-wrapper { display: inline-flex; align-items: center; transition: transform 0.2s; color: rgb(147, 150, 157); }
.ovui-collapse-item__icon-wrapper--start { margin-right: 16px; }
.ovui-collapse-item__icon-wrapper--end { margin-left: 16px; }
.ovui-collapse-item__icon { transform: rotate(90deg); }
.ovui-collapse-item__icon--open { transform: rotate(-90deg); }
.ovui-collapse-item__body { color: rgb(49, 52, 59); padding: 16px 32px; font-size: 14px; line-height: 22px; word-break: break-all; }
.ovui-collapse-item__body--border { border-top: 1px solid rgb(222, 224, 227); }
.ovui-collapse-item__header { position: relative; display: flex; align-self: stretch; align-items: center; cursor: pointer; padding: 12px 16px; color: rgb(49, 52, 59); line-height: 22px; font-size: 14px; font-weight: 500; background: rgb(255, 255, 255); }
.ovui-collapse-item__header .ovui-collapse-item__title { flex: 1 1 0%; overflow: hidden; }
.ovui-collapse-item--rtl { direction: rtl; }
.ovui-collapse-item--rtl .ovui-collapse-item__icon-wrapper--start { margin-right: 0px; margin-left: 16px; }
.ovui-collapse-item--rtl .ovui-collapse-item__icon-wrapper--end { margin-left: 0px; margin-right: 16px; }
.ovui-collapse { position: relative; }
.ovui-collapse-item:first-of-type { border-radius: 4px 4px 0px 0px; }
.ovui-collapse-item:last-of-type { border-radius: 0px 0px 4px 4px; }
.ovui-collapse-item--border:first-of-type { border-top: 1px solid rgb(222, 224, 227); }
.ovui-collapse-item--border:last-of-type { border-bottom: 1px solid rgb(222, 224, 227); }
.ovui-collapse--rtl { direction: rtl; }
.ovui-count-down { display: flex; flex-direction: column; }
.ovui-count-down__title { font-size: 12px; }
.ovui-count-down__time { font-size: 30px; font-weight: 600; line-height: 44px; margin-top: 3px; }
.ovui-date { display: inline-flex; flex-direction: column; min-width: 288px; }
.ovui-date--box { position: relative; }
.ovui-date__mask { position: absolute; z-index: 100; display: none; background: rgba(51, 51, 51, 0.05); border: 1px solid rgb(193, 193, 193); pointer-events: none; }
.ovui-date__header { display: flex; align-self: stretch; align-items: center; justify-content: center; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; font-weight: 600; line-height: 22px; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(222, 224, 227); }
.ovui-date__header-label { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.ovui-date__header-btn { cursor: pointer; margin: 0px 2px; }
.ovui-date__header-btn:hover { color: rgb(0, 87, 255); }
.ovui-date__header-btn:active { color: rgb(0, 63, 210); }
.ovui-date__header-btn-not-click { cursor: unset; }
.ovui-date__header-btn-not-click:hover { color: rgb(49, 52, 59); }
.ovui-date__header-next-icon, .ovui-date__header-prev-icon { user-select: none; color: rgb(49, 52, 59); cursor: pointer; font-size: 16px; }
.ovui-date__header-next-icon:hover, .ovui-date__header-prev-icon:hover { color: rgb(0, 87, 255); }
.ovui-date__header-next-icon:active, .ovui-date__header-prev-icon:active { color: rgb(0, 63, 210); }
.ovui-date__header-next-icon--hidden, .ovui-date__header-prev-icon--hidden { visibility: hidden; }
.ovui-date__header-prev-month { margin-left: 8px; }
.ovui-date__header-prev-month-disabled { color: rgb(232, 234, 237); cursor: not-allowed; }
.ovui-date__header-prev-month-disabled:hover { color: rgb(232, 234, 237); }
.ovui-date__header-next-month { margin-right: 8px; }
.ovui-date__body { display: flex; }
.ovui-date__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; width: 288px; height: 240px; padding: 16px; }
.ovui-date__day { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); flex: 1 1 0%; }
.ovui-date__row { flex: 1 1 0%; display: flex; }
.ovui-date__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.ovui-date__cell-inner { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 8px; border: 1px solid transparent; background: rgb(255, 255, 255); cursor: pointer; z-index: 1; }
.ovui-date--has-week .ovui-date__week { margin: -8px 0px; padding-top: 44px; border-right: 1px solid rgb(232, 234, 237); width: 49px; display: flex; flex-direction: column; align-items: center; }
.ovui-date--has-week .ovui-date__week-cell { position: relative; padding: 4px 6px; font-size: 14px; line-height: 22px; }
.ovui-date--has-week .ovui-date__week-cell-inner { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); cursor: pointer; border: 1px solid transparent; background: rgb(255, 255, 255); border-radius: 8px; }
.ovui-date--has-week .ovui-date__week-cell--week-hover .ovui-date__week-cell-inner { background-color: rgb(242, 244, 247); }
.ovui-date--has-week .ovui-date__week-cell--selected .ovui-date__week-cell-inner { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.ovui-date--has-week .ovui-date__body { padding-left: 0px; }
.ovui-date--has-week .ovui-date__cell--week-hover.ovui-date__cell--inview::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-date--has-week .ovui-date__cell--week-hover.ovui-date__cell--inview .ovui-date__cell-inner, .ovui-date--has-week .ovui-date__cell--week-hover.ovui-date__cell--inview .ovui-date__cell-inner:hover { background: rgb(242, 244, 247); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-date--has-week .ovui-date__cell--selected::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(0, 87, 255); }
.ovui-date .ovui-date__cell .ovui-date__cell-inner:hover { background-color: rgb(242, 244, 247); }
.ovui-date .ovui-date__cell--inview .ovui-date__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--inview .ovui-date__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--inview .ovui-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--now .ovui-date__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.ovui-date .ovui-date__cell--now .ovui-date__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.ovui-date .ovui-date__cell--now .ovui-date__cell-inner:active { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.ovui-date .ovui-date__cell--selected .ovui-date__cell-inner { background: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--selected .ovui-date__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--selected .ovui-date__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--disabled .ovui-date__cell-inner { cursor: not-allowed; }
.ovui-date .ovui-date__cell--disabled .ovui-date__cell-inner, .ovui-date .ovui-date__cell--disabled .ovui-date__cell-inner:hover, .ovui-date .ovui-date__cell--disabled .ovui-date__cell-inner:active { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.ovui-date .ovui-date__cell--disabled.ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner:hover, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner:active { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.ovui-date .ovui-date__cell--disabled.ovui-date__cell--selected .ovui-date__cell-inner, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--selected .ovui-date__cell-inner:hover, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--selected .ovui-date__cell-inner:active { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.ovui-date .ovui-date__cell--disabled.ovui-date__cell--now .ovui-date__cell-inner, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--now .ovui-date__cell-inner:hover, .ovui-date .ovui-date__cell--disabled.ovui-date__cell--now .ovui-date__cell-inner:active { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.ovui-date .ovui-date__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-date .ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--range:not(.ovui-date__cell--selected) .ovui-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-date .ovui-date__cell--range-hover:not(.ovui-date__cell--selected) .ovui-date__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--range-hover:not(.ovui-date__cell--selected) .ovui-date__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--range-hover:not(.ovui-date__cell--selected) .ovui-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-date .ovui-date__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.ovui-date .ovui-date__cell--hover:not(.ovui-date__cell--selected) .ovui-date__cell-inner:hover { background-color: transparent; }
.ovui-date .ovui-date__cell--hover:not(.ovui-date__cell--selected) .ovui-date__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.ovui-date .ovui-date__cell--before-left-after-right::before { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date .ovui-date__cell--before-left-after-right::after { left: 0px; right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date .ovui-date__cell--left .ovui-date__cell-inner { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date .ovui-date__cell--left::before { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date .ovui-date__cell--left::after { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date .ovui-date__cell--before-right-after-left::before { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date .ovui-date__cell--before-right-after-left::after { right: 0px; left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date .ovui-date__cell--right .ovui-date__cell-inner { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date .ovui-date__cell--right::before { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date .ovui-date__cell--right::after { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date--rtl { direction: rtl; }
.ovui-date--rtl .ovui-date__cell::before, .ovui-date--rtl .ovui-date__cell::after { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-date--rtl .ovui-date__cell--hover::after { left: 0px; right: 2px; }
.ovui-date--rtl .ovui-date__cell--before-left-after-right::before { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--before-left-after-right::after { right: 0px; left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--left::before { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--left::after { right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--before-right-after-left::before { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--before-right-after-left::after { left: 0px; right: 6px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--right::before { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date--rtl .ovui-date__cell--right::after { left: 6px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-date--rtl.ovui-date--has-week .ovui-date__week { border-right: 0px; border-left: 1px solid rgb(232, 234, 237); margin-right: 0px; margin-left: 6px; }
.ovui-date--rtl.ovui-date--has-week .ovui-date__body { padding-right: 0px; }
.ovui-time { display: inline-flex; flex: 1 1 0%; flex-direction: column; }
.ovui-time:not(:first-child) { border-left: 1px solid rgb(232, 234, 237); }
.ovui-time__header { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); padding: 8px 16px; border-bottom: 1px solid rgb(242, 244, 247); display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; font-weight: 600; height: 39px; }
.ovui-time__body { display: flex; position: relative; }
.ovui-time__column { flex: 1 1 0%; position: relative; display: block; width: 67px; max-height: 244px; overflow-y: auto; list-style: none; padding: 0px; margin: 0px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); background: rgb(255, 255, 255); cursor: pointer; }
.ovui-time__column::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-time__column::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-time__column::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-time__column::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-time__column::after { content: ""; display: block; height: calc(100% - 30px); width: 100%; }
.ovui-time__column:not(:first-child) { border-left: 1px solid rgb(232, 234, 237); }
.ovui-time__option { position: relative; display: block; padding: 4px 0px; margin: 0px; text-align: center; }
.ovui-time__option:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-time__option:active { background-color: rgb(232, 234, 237); color: rgb(0, 87, 255); }
.ovui-time__option--selected { color: rgb(0, 87, 255); background: rgb(255, 255, 255); }
.ovui-time__option--selected:hover { color: rgb(0, 87, 255); background: rgb(242, 244, 247); }
.ovui-time__option--selected:active { color: rgb(0, 87, 255); background: rgb(232, 234, 237); }
.ovui-time__option--selected::after { content: ""; position: absolute; top: 50%; left: 0px; right: 0px; height: 32px; margin-top: -16px; }
.ovui-time__option:first-child.ovui-time__option--selected::after { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.ovui-time__option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); background: rgb(255, 255, 255); }
.ovui-time__option--disabled, .ovui-time__option--disabled:hover, .ovui-time__option--disabled:active { background: rgb(255, 255, 255); color: rgb(185, 188, 195); }
.ovui-time__option--disabled.ovui-time__option--selected, .ovui-time__option--disabled.ovui-time__option--selected:hover, .ovui-time__option--disabled.ovui-time__option--selected:active { color: rgb(186, 218, 255); background: rgb(255, 255, 255); }
.ovui-time--rtl:not(:first-child) { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(232, 234, 237); }
.ovui-time--rtl .ovui-time__column:not(:first-child) { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(232, 234, 237); }
.ovui-month { display: inline-flex; flex-direction: column; }
.ovui-month__header { display: flex; align-self: stretch; align-items: center; justify-content: center; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(232, 234, 237); }
.ovui-month__header-label { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.ovui-month__header-next-icon, .ovui-month__header-prev-icon { user-select: none; color: rgb(147, 150, 157); cursor: pointer; }
.ovui-month__header-next-icon:hover, .ovui-month__header-prev-icon:hover { color: rgb(0, 87, 255); }
.ovui-month__body { padding: 16px; display: flex; width: 288px; height: 240px; }
.ovui-month__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; }
.ovui-month__row { flex: 1 1 0%; display: flex; }
.ovui-month__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.ovui-month__cell-inner { width: 48px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 8px; cursor: pointer; z-index: 1; }
.ovui-month .ovui-month__cell .ovui-month__cell-inner:hover { background-color: rgb(242, 244, 247); }
.ovui-month .ovui-month__cell--inview .ovui-month__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--inview .ovui-month__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--inview .ovui-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--now .ovui-month__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.ovui-month .ovui-month__cell--now .ovui-month__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.ovui-month .ovui-month__cell--now .ovui-month__cell-inner:active { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.ovui-month .ovui-month__cell--selected .ovui-month__cell-inner { background: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--selected .ovui-month__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--selected .ovui-month__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--disabled .ovui-month__cell-inner { cursor: not-allowed; }
.ovui-month .ovui-month__cell--disabled .ovui-month__cell-inner, .ovui-month .ovui-month__cell--disabled .ovui-month__cell-inner:hover, .ovui-month .ovui-month__cell--disabled .ovui-month__cell-inner:active { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.ovui-month .ovui-month__cell--disabled.ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner:hover, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner:active { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.ovui-month .ovui-month__cell--disabled.ovui-month__cell--selected .ovui-month__cell-inner, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--selected .ovui-month__cell-inner:hover, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--selected .ovui-month__cell-inner:active { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.ovui-month .ovui-month__cell--disabled.ovui-month__cell--now .ovui-month__cell-inner, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--now .ovui-month__cell-inner:hover, .ovui-month .ovui-month__cell--disabled.ovui-month__cell--now .ovui-month__cell-inner:active { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.ovui-month .ovui-month__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-month .ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--range:not(.ovui-month__cell--selected) .ovui-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-month .ovui-month__cell--range-hover:not(.ovui-month__cell--selected) .ovui-month__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--range-hover:not(.ovui-month__cell--selected) .ovui-month__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--range-hover:not(.ovui-month__cell--selected) .ovui-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-month .ovui-month__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.ovui-month .ovui-month__cell--hover:not(.ovui-month__cell--selected) .ovui-month__cell-inner:hover { background-color: transparent; }
.ovui-month .ovui-month__cell--hover:not(.ovui-month__cell--selected) .ovui-month__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.ovui-month .ovui-month__cell--before-left-after-right::before { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month .ovui-month__cell--before-left-after-right::after { left: 0px; right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month .ovui-month__cell--left .ovui-month__cell-inner { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month .ovui-month__cell--left::before { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month .ovui-month__cell--left::after { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month .ovui-month__cell--before-right-after-left::before { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month .ovui-month__cell--before-right-after-left::after { right: 0px; left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month .ovui-month__cell--right .ovui-month__cell-inner { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month .ovui-month__cell--right::before { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month .ovui-month__cell--right::after { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month--rtl .ovui-month__cell::before, .ovui-month--rtl .ovui-month__cell::after { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-month--rtl .ovui-month__cell--hover::after { left: 0px; right: 2px; }
.ovui-month--rtl .ovui-month__cell--before-left-after-right::before { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--before-left-after-right::after { right: 0px; left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--left::before { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--left::after { right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--before-right-after-left::before { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--before-right-after-left::after { left: 0px; right: 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--right::before { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-month--rtl .ovui-month__cell--right::after { left: 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year { display: inline-flex; flex-direction: column; }
.ovui-year__header { display: flex; align-self: stretch; align-items: center; justify-content: center; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(232, 234, 237); }
.ovui-year__header-label { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.ovui-year__header-next-icon, .ovui-year__header-prev-icon { user-select: none; color: rgb(147, 150, 157); cursor: pointer; }
.ovui-year__header-next-icon:hover, .ovui-year__header-prev-icon:hover { color: rgb(0, 87, 255); }
.ovui-year__body { padding: 16px; display: flex; width: 288px; height: 240px; }
.ovui-year__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; }
.ovui-year__row { flex: 1 1 0%; display: flex; }
.ovui-year__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.ovui-year__cell-inner { width: 48px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 8px; cursor: pointer; z-index: 1; }
.ovui-year .ovui-year__cell .ovui-year__cell-inner:hover { background-color: rgb(242, 244, 247); }
.ovui-year .ovui-year__cell--inview .ovui-year__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--inview .ovui-year__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--inview .ovui-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--now .ovui-year__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.ovui-year .ovui-year__cell--now .ovui-year__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.ovui-year .ovui-year__cell--now .ovui-year__cell-inner:active { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.ovui-year .ovui-year__cell--selected .ovui-year__cell-inner { background: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--selected .ovui-year__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--selected .ovui-year__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--disabled .ovui-year__cell-inner { cursor: not-allowed; }
.ovui-year .ovui-year__cell--disabled .ovui-year__cell-inner, .ovui-year .ovui-year__cell--disabled .ovui-year__cell-inner:hover, .ovui-year .ovui-year__cell--disabled .ovui-year__cell-inner:active { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.ovui-year .ovui-year__cell--disabled.ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner:hover, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner:active { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.ovui-year .ovui-year__cell--disabled.ovui-year__cell--selected .ovui-year__cell-inner, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--selected .ovui-year__cell-inner:hover, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--selected .ovui-year__cell-inner:active { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.ovui-year .ovui-year__cell--disabled.ovui-year__cell--now .ovui-year__cell-inner, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--now .ovui-year__cell-inner:hover, .ovui-year .ovui-year__cell--disabled.ovui-year__cell--now .ovui-year__cell-inner:active { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.ovui-year .ovui-year__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-year .ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--range:not(.ovui-year__cell--selected) .ovui-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.ovui-year .ovui-year__cell--range-hover:not(.ovui-year__cell--selected) .ovui-year__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--range-hover:not(.ovui-year__cell--selected) .ovui-year__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--range-hover:not(.ovui-year__cell--selected) .ovui-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.ovui-year .ovui-year__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.ovui-year .ovui-year__cell--hover:not(.ovui-year__cell--selected) .ovui-year__cell-inner:hover { background-color: transparent; }
.ovui-year .ovui-year__cell--hover:not(.ovui-year__cell--selected) .ovui-year__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.ovui-year .ovui-year__cell--before-left-after-right::before { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year .ovui-year__cell--before-left-after-right::after { left: 0px; right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year .ovui-year__cell--left .ovui-year__cell-inner { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year .ovui-year__cell--left::before { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year .ovui-year__cell--left::after { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year .ovui-year__cell--before-right-after-left::before { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year .ovui-year__cell--before-right-after-left::after { right: 0px; left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year .ovui-year__cell--right .ovui-year__cell-inner { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year .ovui-year__cell--right::before { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year .ovui-year__cell--right::after { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year--rtl .ovui-year__cell::before, .ovui-year--rtl .ovui-year__cell::after { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-year--rtl .ovui-year__cell--hover::after { left: 0px; right: 2px; }
.ovui-year--rtl .ovui-year__cell--before-left-after-right::before { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--before-left-after-right::after { right: 0px; left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--left::before { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--left::after { right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--before-right-after-left::before { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--before-right-after-left::after { left: 0px; right: 22px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--right::before { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-year--rtl .ovui-year__cell--right::after { left: 22px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-shortcut { padding: 8px 12px; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); cursor: pointer; }
.ovui-shortcut:hover:not(.ovui-shortcut--disabled) { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-shortcut:active:not(.ovui-shortcut--disabled) { color: rgb(0, 63, 210); }
.ovui-shortcut--disabled { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-panel-date, .ovui-panel-time, .ovui-panel-datetime, .ovui-panel-month, .ovui-panel-year { display: flex; border-radius: 8px; overflow: hidden; }
.ovui-panel-datetime-range { border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.ovui-panel-datetime-range .ovui-time { min-width: 288px; }
.ovui-panel-datetime-range__content, .ovui-panel-datetime-range__buttons { display: flex; }
.ovui-panel-datetime-range__button { flex: 1 1 0%; border-top: 1px solid rgb(232, 234, 237); display: flex; width: 288px; }
.ovui-panel-datetime-range__start-date, .ovui-panel-datetime-range__start-time, .ovui-panel-datetime-range__end-date, .ovui-panel-datetime-range__end-time { display: flex; flex: 1 1 0%; width: 50%; cursor: pointer; padding: 12px 16px; color: rgb(98, 101, 108); font-size: 14px; line-height: 22px; align-items: center; }
.ovui-panel-datetime-range__start-date-format, .ovui-panel-datetime-range__start-time-format, .ovui-panel-datetime-range__end-date-format, .ovui-panel-datetime-range__end-time-format { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovui-panel-datetime-range__start-date:hover, .ovui-panel-datetime-range__start-time:hover, .ovui-panel-datetime-range__end-date:hover, .ovui-panel-datetime-range__end-time:hover { color: rgb(0, 87, 255); }
.ovui-panel-datetime-range__start-date--selected, .ovui-panel-datetime-range__start-time--selected, .ovui-panel-datetime-range__end-date--selected, .ovui-panel-datetime-range__end-time--selected { color: rgb(49, 52, 59); font-weight: 600; }
.ovui-panel-datetime-range__start-date--disabled, .ovui-panel-datetime-range__start-time--disabled, .ovui-panel-datetime-range__end-date--disabled, .ovui-panel-datetime-range__end-time--disabled, .ovui-panel-datetime-range__start-date--disabled:hover, .ovui-panel-datetime-range__start-time--disabled:hover, .ovui-panel-datetime-range__end-date--disabled:hover, .ovui-panel-datetime-range__end-time--disabled:hover { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-panel-datetime-range__calendar-icon, .ovui-panel-datetime-range__time-icon { margin-right: 8px; }
.ovui-panel-datetime-range--rtl .ovui-panel-datetime-range__calendar-icon, .ovui-panel-datetime-range--rtl .ovui-panel-datetime-range__time-icon { margin-right: 0px; margin-left: 8px; }
.ovui-date-picker { display: inline-flex; width: 100%; }
.ovui-date-picker--multiple { height: 32px; }
.ovui-date-picker--multiple .ovui-custom-input__clear { position: absolute; right: 0px; margin-right: 0px; }
.ovui-date-picker .ovui-date-picker__calendar-icon { color: rgb(147, 150, 157); }
.ovui-date-picker .ovui-date-picker__calendar-icon--clear { opacity: 0; }
.ovui-date-picker .ovui-date-picker__multiple-input-total { display: flex; align-items: center; justify-content: space-between; }
.ovui-date-picker .ovui-date-picker__multiple-input-total .ovui-date-picker__multiple-input-total-num { margin-right: 8px; padding: 0px 8px; border-radius: 50%; font-size: 12px; border: 1px solid transparent; background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.ovui-date-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; background-color: rgb(255, 255, 255); }
.ovui-date-picker__popper--show { display: block; }
.ovui-date-picker__content { display: flex; align-self: stretch; }
.ovui-date-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.ovui-date-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-date-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-date-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-date-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-date-picker__shortcuts + div { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-date-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-date-picker-fade-enter-active, .ovui-date-picker-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-date-picker-fade-enter-from, .ovui-date-picker-fade-leave-to { opacity: 0; }
.ovui-date-picker-fade-enter-to, .ovui-date-picker-fade-leave-from { opacity: 1; }
.ovui-date-picker__popper--rtl { direction: rtl; }
.ovui-date-picker__popper--rtl .ovui-date-picker__footer-btn { text-align: left; }
.ovui-date-picker__popper--rtl .ovui-date-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-panel-datetime__divider { width: 0px; border-left: 1px solid rgb(232, 234, 237); }
.ovui-date-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 8px; }
.ovui-date-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-date-picker-panel--rtl { direction: rtl; }
.ovui-date-picker-panel--rtl .ovui-date-picker-panel__footer-btn { text-align: left; }
.ovui-date-range-picker { display: inline-flex; width: 100%; }
.ovui-date-range-picker__input { flex: 1 1 0%; }
.ovui-date-range-picker__seperator { display: flex; align-items: center; margin-left: 4px; margin-right: 4px; }
.ovui-date-range-picker__bar { position: absolute; bottom: 0px; height: 0px; left: 0px; border-bottom: 2px solid rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-date-range-picker--multiple { height: 32px; }
.ovui-date-range-picker--multiple .ovui-custom-input__clear { position: absolute; right: 0px; margin-right: 0px; }
.ovui-date-range-picker .ovui-date-range-picker__calendar-icon { color: rgb(147, 150, 157); }
.ovui-date-range-picker .ovui-date-range-picker__calendar-icon--clear { opacity: 0; }
.ovui-date-range-picker .ovui-date-range-picker__multiple-input-total { display: flex; align-items: center; justify-content: space-between; }
.ovui-date-range-picker .ovui-date-range-picker__multiple-input-total .ovui-date-range-picker__multiple-input-total-num { margin-right: 8px; padding: 0px 8px; border-radius: 50%; font-size: 12px; border: 1px solid transparent; background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.ovui-date-range-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; background-color: rgb(255, 255, 255); }
.ovui-date-range-picker__popper--show { display: block; }
.ovui-date-range-picker__content { display: flex; align-self: stretch; }
.ovui-date-range-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.ovui-date-range-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-date-range-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-date-range-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-date-range-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-date-range-picker__shortcuts + div { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-date-range-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-date-range-picker-fade-enter-active, .ovui-date-range-picker-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-date-range-picker-fade-enter-from, .ovui-date-range-picker-fade-leave-to { opacity: 0; }
.ovui-date-range-picker-fade-enter-to, .ovui-date-range-picker-fade-leave-from { opacity: 1; }
.ovui-date-range-picker__popper--rtl { direction: rtl; }
.ovui-date-range-picker__popper--rtl .ovui-date-range-picker__footer-btn { text-align: left; }
.ovui-date-range-picker__popper--rtl .ovui-date-range-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-date-range-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 8px; }
.ovui-date-range-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-date-range-picker-panel--rtl { direction: rtl; }
.ovui-date-range-picker-panel--rtl .ovui-date-range-picker-panel__footer-btn { text-align: left; }
.ovui-description__title { color: rgb(49, 52, 59); font-size: 16px; margin-bottom: 24px; }
.ovui-description__table { border-collapse: collapse; width: 100%; table-layout: auto; }
.ovui-description__row { text-align: start; }
.ovui-description__row:last-child .ovui-description-item { padding-bottom: 0px; }
.ovui-description .ovui-description-item { padding-bottom: 16px; padding-right: 16px; vertical-align: top; }
.ovui-description .ovui-description-item:last-child { padding-right: 0px; }
.ovui-description .ovui-description-item__container { display: flex; align-items: flex-start; }
.ovui-description .ovui-description-item div.ovui-description-item__label { display: inline-flex; font-size: 14px; color: rgb(98, 101, 108); margin-right: 6px; }
.ovui-description .ovui-description-item div.ovui-description-item__content { display: inline-flex; font-size: 14px; color: rgb(49, 52, 59); word-break: break-word; overflow-wrap: break-word; }
.ovui-description--border .ovui-description-item__label, .ovui-description--border .ovui-description-item__content { padding: 13px 16px; border: 1px solid rgb(232, 234, 237); margin-right: 0px; text-align: start; }
.ovui-description--border .ovui-description-item__label { background: rgb(247, 249, 252); }
.ovui-description--border .ovui-description-item__content { word-break: break-word; overflow-wrap: break-word; }
.ovui-divider { position: relative; border-style: solid; border-color: rgb(232, 234, 237); border-width: 0px; }
.ovui-divider--horizontal { border-top-width: 1px; display: flex; width: 100%; margin: 16px 0px; }
.ovui-divider--vertical { border-left-width: 1px; display: inline-flex; height: 1em; vertical-align: middle; margin: 0px 16px; }
.ovui-divider--dashed { border-style: dashed; }
.ovui-divider__context { position: absolute; line-height: 24px; font-size: 16px; font-weight: 700; padding: 0px 24px; color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); }
.ovui-divider--center .ovui-divider__context { left: 50%; transform: translateY(-50%) translate(-50%); }
.ovui-divider--start .ovui-divider__context { left: 32px; transform: translateY(-50%); }
.ovui-divider--end .ovui-divider__context { right: 32px; transform: translateY(-50%); }
.ovui-divider--rtl { direction: rtl; }
.ovui-divider--rtl.ovui-divider--end .ovui-divider__context { left: 32px; right: unset; transform: translateY(-50%); }
.ovui-divider--rtl.ovui-divider--start .ovui-divider__context { right: 32px; left: unset; transform: translateY(-50%); }
.ovui-drawer-left-enter-active, .ovui-drawer-left-leave-active { transition: transform 0.3s ease-in-out; }
.ovui-drawer-left-enter-from, .ovui-drawer-left-leave-to { transform: translate(-100%); }
.ovui-drawer-left-enter-to, .ovui-drawer-left-leave-from { transform: translate(0px); }
.ovui-drawer-right-enter-active, .ovui-drawer-right-leave-active { transition: transform 0.3s ease-in-out; }
.ovui-drawer-right-enter-from, .ovui-drawer-right-leave-to { transform: translate(100%); }
.ovui-drawer-right-enter-to, .ovui-drawer-right-leave-from { transform: translate(0px); }
.ovui-drawer__wrap { position: fixed; display: flex; top: 0px; bottom: 0px; width: 100%; align-items: center; box-shadow: none; }
.ovui-drawer__wrap--hide { display: none; }
.ovui-drawer__wrap--no-maskable { width: 0px; }
.ovui-drawer__wrap--no-maskable.ovui-drawer__wrap--right { right: 0px; }
.ovui-drawer__wrap--no-maskable.ovui-drawer__wrap--left { left: 0px; }
.ovui-drawer { position: absolute; display: flex; flex-direction: column; top: 0px; bottom: 0px; background: rgb(255, 255, 255); font-size: 14px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; transition: transform 0.3s; }
.ovui-drawer--right { right: 0px; }
.ovui-drawer--left { left: 0px; }
.ovui-drawer--no-maskable { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; }
.ovui-drawer__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); background: rgb(255, 255, 255); }
.ovui-drawer__header--no-border { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ovui-drawer__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.ovui-drawer__body { padding: 0px 24px; flex-grow: 1; overflow: auto; }
.ovui-drawer__outer-close-btn { position: absolute; background: rgb(51, 138, 255); border-radius: 4px 0px 0px 4px; justify-content: center; align-items: center; top: 19px; left: -32px; display: flex; color: rgb(255, 255, 255); font-size: 15px; width: 32px; height: 32px; cursor: pointer; }
.ovui-drawer__close-icon { position: absolute; width: 20px; height: 20px; color: rgb(49, 52, 59); font-size: 20px; top: 25px; right: 25px; cursor: pointer; }
.ovui-drawer__close-icon:hover { color: rgb(0, 87, 255); }
.ovui-drawer__close-icon:active { color: rgb(0, 63, 210); }
.ovui-drawer__close-icon--hide { display: none; }
.ovui-drawer--rtl { direction: rtl; }
.ovui-dropdown-item { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.ovui-dropdown-item__action { margin-right: 8px; display: inline-flex; align-items: center; }
.ovui-dropdown-item__content { flex: 1 1 0%; align-items: center; }
.ovui-dropdown-item__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ovui-dropdown-item__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.ovui-dropdown-item__expand--icon { color: rgb(49, 52, 59); }
.ovui-dropdown-item.ovui-dropdown-item--grouped { padding-left: 24px; padding-right: 24px; }
.ovui-dropdown-item--single.ovui-dropdown-item--selected { color: rgb(0, 87, 255); }
.ovui-dropdown-item.ovui-dropdown-item--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-dropdown-item.ovui-dropdown-item--disabled .ovui-dropdown-item__expand--icon { color: rgb(185, 188, 195); }
.ovui-dropdown-item.ovui-dropdown-item--disabled.ovui-dropdown-item--single.ovui-dropdown-item--selected { color: rgb(186, 218, 255); }
.ovui-dropdown-item:hover:not(.ovui-dropdown-item--disabled) { background-color: rgb(242, 244, 247); }
.ovui-dropdown-item--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.ovui-dropdown-item--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.ovui-dropdown-item--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.ovui-dropdown-item--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.ovui-dropdown-item--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.ovui-dropdown-item--rtl { direction: rtl; }
.ovui-dropdown-item--rtl .ovui-dropdown-item__action { margin-right: 0px; margin-left: 8px; }
.ovui-dropdown-item--rtl .ovui-dropdown-item__expand { margin-left: 0px; margin-right: 8px; }
.ovui-dropdown__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; background-color: rgb(255, 255, 255); max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.ovui-dropdown__popper--hide { display: none; }
.ovui-dropdown__popper--show { display: block; }
.ovui-dropdown__popper::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-dropdown__popper::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-dropdown__popper::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-dropdown__popper::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.dropdown-transition-enter-active, .dropdown-transition-leave-active { transition: opacity 0.1s ease-in-out; }
.dropdown-transition-enter-from, .dropdown-transition-leave-to { opacity: 0; }
.dropdown-transition-enter-to, .dropdown-transition-leave-from { opacity: 1; }
.ovui-empty { color: rgb(185, 188, 195); line-height: 22px; font-size: 14px; }
.ovui-empty__image { text-align: center; margin: auto; width: 38px; height: 38px; }
.ovui-empty__image .ovui-empty__image-icon { width: 100%; height: 100%; }
.ovui-empty__description { margin-top: 8px; text-align: center; line-height: 22px; font-size: 14px; }
.ovui-empty__content { margin-top: 8px; text-align: center; line-height: 22px; font-size: 14px; padding: 0px 12px 12px; }
.ovui-box { display: flex; }
.ovui-box--align-top { align-items: flex-start; }
.ovui-box--align-bottom { align-items: flex-end; }
.ovui-box--align-center { align-items: center; }
.ovui-box--justify-start { justify-content: flex-start; }
.ovui-box--justify-center { justify-content: center; }
.ovui-box--justify-end { justify-content: flex-end; }
.ovui-box--justify-space-around { justify-content: space-around; }
.ovui-box--justify-space-between { justify-content: space-between; }
.ovui-box--wrap { flex-wrap: wrap; }
.ovui-box--direction-row { flex-direction: row; }
.ovui-box--direction-column { flex-direction: column; }
.ovui-box--direction-row-reverse { flex-direction: row-reverse; }
.ovui-box--direction-column-reverse { flex-direction: column-reverse; }
.ovui-box--rtl { direction: rtl; }
.ovui-col { display: block; box-sizing: border-box; flex: 1 0 auto; max-width: 100%; position: relative; }
.ovui-col--span-0 { display: none; }
@media screen and (min-width: 0) {
  .ovui-col--span-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-23 { margin-left: 95.8333%; }
  .ovui-col--offset-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-22 { margin-left: 91.6667%; }
  .ovui-col--offset-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-21 { margin-left: 87.5%; }
  .ovui-col--offset-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-20 { margin-left: 83.3333%; }
  .ovui-col--offset-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-19 { margin-left: 79.1667%; }
  .ovui-col--offset-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-18 { margin-left: 75%; }
  .ovui-col--offset-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-17 { margin-left: 70.8333%; }
  .ovui-col--offset-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-16 { margin-left: 66.6667%; }
  .ovui-col--offset-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-15 { margin-left: 62.5%; }
  .ovui-col--offset-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-14 { margin-left: 58.3333%; }
  .ovui-col--offset-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-13 { margin-left: 54.1667%; }
  .ovui-col--offset-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-12 { margin-left: 50%; }
  .ovui-col--offset-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-11 { margin-left: 45.8333%; }
  .ovui-col--offset-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-10 { margin-left: 41.6667%; }
  .ovui-col--offset-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-9 { margin-left: 37.5%; }
  .ovui-col--offset-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-8 { margin-left: 33.3333%; }
  .ovui-col--offset-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-7 { margin-left: 29.1667%; }
  .ovui-col--offset-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-6 { margin-left: 25%; }
  .ovui-col--offset-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-5 { margin-left: 20.8333%; }
  .ovui-col--offset-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-4 { margin-left: 16.6667%; }
  .ovui-col--offset-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-3 { margin-left: 12.5%; }
  .ovui-col--offset-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-2 { margin-left: 8.33333%; }
  .ovui-col--offset-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-1 { margin-left: 4.16667%; }
  .ovui-col--offset-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-0 { margin-left: 0%; }
  .ovui-col--offset-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-1 { order: 1; }
  .ovui-col--order-2 { order: 2; }
  .ovui-col--order-3 { order: 3; }
  .ovui-col--order-4 { order: 4; }
  .ovui-col--order-5 { order: 5; }
  .ovui-col--order-6 { order: 6; }
  .ovui-col--order-7 { order: 7; }
  .ovui-col--order-8 { order: 8; }
  .ovui-col--order-9 { order: 9; }
  .ovui-col--order-10 { order: 10; }
  .ovui-col--order-11 { order: 11; }
  .ovui-col--order-12 { order: 12; }
  .ovui-col--order-13 { order: 13; }
  .ovui-col--order-14 { order: 14; }
  .ovui-col--order-15 { order: 15; }
  .ovui-col--order-16 { order: 16; }
  .ovui-col--order-17 { order: 17; }
  .ovui-col--order-18 { order: 18; }
  .ovui-col--order-19 { order: 19; }
  .ovui-col--order-20 { order: 20; }
  .ovui-col--order-21 { order: 21; }
  .ovui-col--order-22 { order: 22; }
  .ovui-col--order-23 { order: 23; }
  .ovui-col--order-24 { order: 24; }
  .ovui-col--pull-23 { right: 95.8333%; }
  .ovui-col--pull-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-22 { right: 91.6667%; }
  .ovui-col--pull-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-21 { right: 87.5%; }
  .ovui-col--pull-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-20 { right: 83.3333%; }
  .ovui-col--pull-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-19 { right: 79.1667%; }
  .ovui-col--pull-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-18 { right: 75%; }
  .ovui-col--pull-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-17 { right: 70.8333%; }
  .ovui-col--pull-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-16 { right: 66.6667%; }
  .ovui-col--pull-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-15 { right: 62.5%; }
  .ovui-col--pull-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-14 { right: 58.3333%; }
  .ovui-col--pull-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-13 { right: 54.1667%; }
  .ovui-col--pull-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-12 { right: 50%; }
  .ovui-col--pull-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-11 { right: 45.8333%; }
  .ovui-col--pull-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-10 { right: 41.6667%; }
  .ovui-col--pull-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-9 { right: 37.5%; }
  .ovui-col--pull-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-8 { right: 33.3333%; }
  .ovui-col--pull-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-7 { right: 29.1667%; }
  .ovui-col--pull-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-6 { right: 25%; }
  .ovui-col--pull-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-5 { right: 20.8333%; }
  .ovui-col--pull-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-4 { right: 16.6667%; }
  .ovui-col--pull-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-3 { right: 12.5%; }
  .ovui-col--pull-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-2 { right: 8.33333%; }
  .ovui-col--pull-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-1 { right: 4.16667%; }
  .ovui-col--pull-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-0 { right: 0%; }
  .ovui-col--pull-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-23 { left: 95.8333%; }
  .ovui-col--push-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-22 { left: 91.6667%; }
  .ovui-col--push-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-21 { left: 87.5%; }
  .ovui-col--push-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-20 { left: 83.3333%; }
  .ovui-col--push-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-19 { left: 79.1667%; }
  .ovui-col--push-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-18 { left: 75%; }
  .ovui-col--push-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-17 { left: 70.8333%; }
  .ovui-col--push-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-16 { left: 66.6667%; }
  .ovui-col--push-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-15 { left: 62.5%; }
  .ovui-col--push-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-14 { left: 58.3333%; }
  .ovui-col--push-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-13 { left: 54.1667%; }
  .ovui-col--push-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-12 { left: 50%; }
  .ovui-col--push-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-11 { left: 45.8333%; }
  .ovui-col--push-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-10 { left: 41.6667%; }
  .ovui-col--push-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-9 { left: 37.5%; }
  .ovui-col--push-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-8 { left: 33.3333%; }
  .ovui-col--push-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-7 { left: 29.1667%; }
  .ovui-col--push-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-6 { left: 25%; }
  .ovui-col--push-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-5 { left: 20.8333%; }
  .ovui-col--push-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-4 { left: 16.6667%; }
  .ovui-col--push-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-3 { left: 12.5%; }
  .ovui-col--push-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-2 { left: 8.33333%; }
  .ovui-col--push-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-1 { left: 4.16667%; }
  .ovui-col--push-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-0 { left: 0%; }
  .ovui-col--push-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-col--span-sm-0 { display: none; }
@media screen and (min-width: 576px) {
  .ovui-col--span-sm-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-sm-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-sm-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-sm-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-sm-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-sm-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-sm-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-sm-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-sm-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-sm-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-sm-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-sm-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-sm-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-sm-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-sm-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-sm-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-sm-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-sm-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-sm-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-sm-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-sm-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-sm-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-sm-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-sm-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-sm-23 { margin-left: 95.8333%; }
  .ovui-col--offset-sm-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-sm-22 { margin-left: 91.6667%; }
  .ovui-col--offset-sm-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-sm-21 { margin-left: 87.5%; }
  .ovui-col--offset-sm-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-sm-20 { margin-left: 83.3333%; }
  .ovui-col--offset-sm-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-sm-19 { margin-left: 79.1667%; }
  .ovui-col--offset-sm-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-sm-18 { margin-left: 75%; }
  .ovui-col--offset-sm-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-sm-17 { margin-left: 70.8333%; }
  .ovui-col--offset-sm-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-sm-16 { margin-left: 66.6667%; }
  .ovui-col--offset-sm-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-sm-15 { margin-left: 62.5%; }
  .ovui-col--offset-sm-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-sm-14 { margin-left: 58.3333%; }
  .ovui-col--offset-sm-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-sm-13 { margin-left: 54.1667%; }
  .ovui-col--offset-sm-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-sm-12 { margin-left: 50%; }
  .ovui-col--offset-sm-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-sm-11 { margin-left: 45.8333%; }
  .ovui-col--offset-sm-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-sm-10 { margin-left: 41.6667%; }
  .ovui-col--offset-sm-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-sm-9 { margin-left: 37.5%; }
  .ovui-col--offset-sm-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-sm-8 { margin-left: 33.3333%; }
  .ovui-col--offset-sm-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-sm-7 { margin-left: 29.1667%; }
  .ovui-col--offset-sm-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-sm-6 { margin-left: 25%; }
  .ovui-col--offset-sm-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-sm-5 { margin-left: 20.8333%; }
  .ovui-col--offset-sm-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-sm-4 { margin-left: 16.6667%; }
  .ovui-col--offset-sm-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-sm-3 { margin-left: 12.5%; }
  .ovui-col--offset-sm-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-sm-2 { margin-left: 8.33333%; }
  .ovui-col--offset-sm-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-sm-1 { margin-left: 4.16667%; }
  .ovui-col--offset-sm-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-sm-0 { margin-left: 0%; }
  .ovui-col--offset-sm-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-sm-1 { order: 1; }
  .ovui-col--order-sm-2 { order: 2; }
  .ovui-col--order-sm-3 { order: 3; }
  .ovui-col--order-sm-4 { order: 4; }
  .ovui-col--order-sm-5 { order: 5; }
  .ovui-col--order-sm-6 { order: 6; }
  .ovui-col--order-sm-7 { order: 7; }
  .ovui-col--order-sm-8 { order: 8; }
  .ovui-col--order-sm-9 { order: 9; }
  .ovui-col--order-sm-10 { order: 10; }
  .ovui-col--order-sm-11 { order: 11; }
  .ovui-col--order-sm-12 { order: 12; }
  .ovui-col--order-sm-13 { order: 13; }
  .ovui-col--order-sm-14 { order: 14; }
  .ovui-col--order-sm-15 { order: 15; }
  .ovui-col--order-sm-16 { order: 16; }
  .ovui-col--order-sm-17 { order: 17; }
  .ovui-col--order-sm-18 { order: 18; }
  .ovui-col--order-sm-19 { order: 19; }
  .ovui-col--order-sm-20 { order: 20; }
  .ovui-col--order-sm-21 { order: 21; }
  .ovui-col--order-sm-22 { order: 22; }
  .ovui-col--order-sm-23 { order: 23; }
  .ovui-col--order-sm-24 { order: 24; }
  .ovui-col--pull-sm-23 { right: 95.8333%; }
  .ovui-col--pull-sm-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-sm-22 { right: 91.6667%; }
  .ovui-col--pull-sm-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-sm-21 { right: 87.5%; }
  .ovui-col--pull-sm-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-sm-20 { right: 83.3333%; }
  .ovui-col--pull-sm-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-sm-19 { right: 79.1667%; }
  .ovui-col--pull-sm-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-sm-18 { right: 75%; }
  .ovui-col--pull-sm-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-sm-17 { right: 70.8333%; }
  .ovui-col--pull-sm-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-sm-16 { right: 66.6667%; }
  .ovui-col--pull-sm-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-sm-15 { right: 62.5%; }
  .ovui-col--pull-sm-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-sm-14 { right: 58.3333%; }
  .ovui-col--pull-sm-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-sm-13 { right: 54.1667%; }
  .ovui-col--pull-sm-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-sm-12 { right: 50%; }
  .ovui-col--pull-sm-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-sm-11 { right: 45.8333%; }
  .ovui-col--pull-sm-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-sm-10 { right: 41.6667%; }
  .ovui-col--pull-sm-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-sm-9 { right: 37.5%; }
  .ovui-col--pull-sm-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-sm-8 { right: 33.3333%; }
  .ovui-col--pull-sm-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-sm-7 { right: 29.1667%; }
  .ovui-col--pull-sm-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-sm-6 { right: 25%; }
  .ovui-col--pull-sm-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-sm-5 { right: 20.8333%; }
  .ovui-col--pull-sm-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-sm-4 { right: 16.6667%; }
  .ovui-col--pull-sm-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-sm-3 { right: 12.5%; }
  .ovui-col--pull-sm-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-sm-2 { right: 8.33333%; }
  .ovui-col--pull-sm-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-sm-1 { right: 4.16667%; }
  .ovui-col--pull-sm-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-sm-0 { right: 0%; }
  .ovui-col--pull-sm-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-sm-23 { left: 95.8333%; }
  .ovui-col--push-sm-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-sm-22 { left: 91.6667%; }
  .ovui-col--push-sm-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-sm-21 { left: 87.5%; }
  .ovui-col--push-sm-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-sm-20 { left: 83.3333%; }
  .ovui-col--push-sm-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-sm-19 { left: 79.1667%; }
  .ovui-col--push-sm-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-sm-18 { left: 75%; }
  .ovui-col--push-sm-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-sm-17 { left: 70.8333%; }
  .ovui-col--push-sm-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-sm-16 { left: 66.6667%; }
  .ovui-col--push-sm-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-sm-15 { left: 62.5%; }
  .ovui-col--push-sm-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-sm-14 { left: 58.3333%; }
  .ovui-col--push-sm-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-sm-13 { left: 54.1667%; }
  .ovui-col--push-sm-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-sm-12 { left: 50%; }
  .ovui-col--push-sm-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-sm-11 { left: 45.8333%; }
  .ovui-col--push-sm-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-sm-10 { left: 41.6667%; }
  .ovui-col--push-sm-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-sm-9 { left: 37.5%; }
  .ovui-col--push-sm-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-sm-8 { left: 33.3333%; }
  .ovui-col--push-sm-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-sm-7 { left: 29.1667%; }
  .ovui-col--push-sm-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-sm-6 { left: 25%; }
  .ovui-col--push-sm-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-sm-5 { left: 20.8333%; }
  .ovui-col--push-sm-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-sm-4 { left: 16.6667%; }
  .ovui-col--push-sm-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-sm-3 { left: 12.5%; }
  .ovui-col--push-sm-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-sm-2 { left: 8.33333%; }
  .ovui-col--push-sm-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-sm-1 { left: 4.16667%; }
  .ovui-col--push-sm-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-sm-0 { left: 0%; }
  .ovui-col--push-sm-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-col--span-md-0 { display: none; }
@media screen and (min-width: 768px) {
  .ovui-col--span-md-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-md-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-md-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-md-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-md-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-md-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-md-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-md-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-md-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-md-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-md-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-md-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-md-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-md-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-md-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-md-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-md-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-md-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-md-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-md-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-md-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-md-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-md-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-md-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-md-23 { margin-left: 95.8333%; }
  .ovui-col--offset-md-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-md-22 { margin-left: 91.6667%; }
  .ovui-col--offset-md-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-md-21 { margin-left: 87.5%; }
  .ovui-col--offset-md-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-md-20 { margin-left: 83.3333%; }
  .ovui-col--offset-md-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-md-19 { margin-left: 79.1667%; }
  .ovui-col--offset-md-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-md-18 { margin-left: 75%; }
  .ovui-col--offset-md-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-md-17 { margin-left: 70.8333%; }
  .ovui-col--offset-md-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-md-16 { margin-left: 66.6667%; }
  .ovui-col--offset-md-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-md-15 { margin-left: 62.5%; }
  .ovui-col--offset-md-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-md-14 { margin-left: 58.3333%; }
  .ovui-col--offset-md-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-md-13 { margin-left: 54.1667%; }
  .ovui-col--offset-md-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-md-12 { margin-left: 50%; }
  .ovui-col--offset-md-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-md-11 { margin-left: 45.8333%; }
  .ovui-col--offset-md-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-md-10 { margin-left: 41.6667%; }
  .ovui-col--offset-md-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-md-9 { margin-left: 37.5%; }
  .ovui-col--offset-md-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-md-8 { margin-left: 33.3333%; }
  .ovui-col--offset-md-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-md-7 { margin-left: 29.1667%; }
  .ovui-col--offset-md-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-md-6 { margin-left: 25%; }
  .ovui-col--offset-md-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-md-5 { margin-left: 20.8333%; }
  .ovui-col--offset-md-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-md-4 { margin-left: 16.6667%; }
  .ovui-col--offset-md-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-md-3 { margin-left: 12.5%; }
  .ovui-col--offset-md-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-md-2 { margin-left: 8.33333%; }
  .ovui-col--offset-md-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-md-1 { margin-left: 4.16667%; }
  .ovui-col--offset-md-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-md-0 { margin-left: 0%; }
  .ovui-col--offset-md-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-md-1 { order: 1; }
  .ovui-col--order-md-2 { order: 2; }
  .ovui-col--order-md-3 { order: 3; }
  .ovui-col--order-md-4 { order: 4; }
  .ovui-col--order-md-5 { order: 5; }
  .ovui-col--order-md-6 { order: 6; }
  .ovui-col--order-md-7 { order: 7; }
  .ovui-col--order-md-8 { order: 8; }
  .ovui-col--order-md-9 { order: 9; }
  .ovui-col--order-md-10 { order: 10; }
  .ovui-col--order-md-11 { order: 11; }
  .ovui-col--order-md-12 { order: 12; }
  .ovui-col--order-md-13 { order: 13; }
  .ovui-col--order-md-14 { order: 14; }
  .ovui-col--order-md-15 { order: 15; }
  .ovui-col--order-md-16 { order: 16; }
  .ovui-col--order-md-17 { order: 17; }
  .ovui-col--order-md-18 { order: 18; }
  .ovui-col--order-md-19 { order: 19; }
  .ovui-col--order-md-20 { order: 20; }
  .ovui-col--order-md-21 { order: 21; }
  .ovui-col--order-md-22 { order: 22; }
  .ovui-col--order-md-23 { order: 23; }
  .ovui-col--order-md-24 { order: 24; }
  .ovui-col--pull-md-23 { right: 95.8333%; }
  .ovui-col--pull-md-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-md-22 { right: 91.6667%; }
  .ovui-col--pull-md-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-md-21 { right: 87.5%; }
  .ovui-col--pull-md-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-md-20 { right: 83.3333%; }
  .ovui-col--pull-md-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-md-19 { right: 79.1667%; }
  .ovui-col--pull-md-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-md-18 { right: 75%; }
  .ovui-col--pull-md-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-md-17 { right: 70.8333%; }
  .ovui-col--pull-md-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-md-16 { right: 66.6667%; }
  .ovui-col--pull-md-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-md-15 { right: 62.5%; }
  .ovui-col--pull-md-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-md-14 { right: 58.3333%; }
  .ovui-col--pull-md-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-md-13 { right: 54.1667%; }
  .ovui-col--pull-md-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-md-12 { right: 50%; }
  .ovui-col--pull-md-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-md-11 { right: 45.8333%; }
  .ovui-col--pull-md-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-md-10 { right: 41.6667%; }
  .ovui-col--pull-md-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-md-9 { right: 37.5%; }
  .ovui-col--pull-md-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-md-8 { right: 33.3333%; }
  .ovui-col--pull-md-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-md-7 { right: 29.1667%; }
  .ovui-col--pull-md-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-md-6 { right: 25%; }
  .ovui-col--pull-md-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-md-5 { right: 20.8333%; }
  .ovui-col--pull-md-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-md-4 { right: 16.6667%; }
  .ovui-col--pull-md-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-md-3 { right: 12.5%; }
  .ovui-col--pull-md-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-md-2 { right: 8.33333%; }
  .ovui-col--pull-md-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-md-1 { right: 4.16667%; }
  .ovui-col--pull-md-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-md-0 { right: 0%; }
  .ovui-col--pull-md-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-md-23 { left: 95.8333%; }
  .ovui-col--push-md-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-md-22 { left: 91.6667%; }
  .ovui-col--push-md-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-md-21 { left: 87.5%; }
  .ovui-col--push-md-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-md-20 { left: 83.3333%; }
  .ovui-col--push-md-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-md-19 { left: 79.1667%; }
  .ovui-col--push-md-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-md-18 { left: 75%; }
  .ovui-col--push-md-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-md-17 { left: 70.8333%; }
  .ovui-col--push-md-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-md-16 { left: 66.6667%; }
  .ovui-col--push-md-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-md-15 { left: 62.5%; }
  .ovui-col--push-md-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-md-14 { left: 58.3333%; }
  .ovui-col--push-md-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-md-13 { left: 54.1667%; }
  .ovui-col--push-md-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-md-12 { left: 50%; }
  .ovui-col--push-md-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-md-11 { left: 45.8333%; }
  .ovui-col--push-md-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-md-10 { left: 41.6667%; }
  .ovui-col--push-md-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-md-9 { left: 37.5%; }
  .ovui-col--push-md-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-md-8 { left: 33.3333%; }
  .ovui-col--push-md-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-md-7 { left: 29.1667%; }
  .ovui-col--push-md-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-md-6 { left: 25%; }
  .ovui-col--push-md-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-md-5 { left: 20.8333%; }
  .ovui-col--push-md-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-md-4 { left: 16.6667%; }
  .ovui-col--push-md-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-md-3 { left: 12.5%; }
  .ovui-col--push-md-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-md-2 { left: 8.33333%; }
  .ovui-col--push-md-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-md-1 { left: 4.16667%; }
  .ovui-col--push-md-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-md-0 { left: 0%; }
  .ovui-col--push-md-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-col--span-lg-0 { display: none; }
@media screen and (min-width: 992px) {
  .ovui-col--span-lg-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-lg-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-lg-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-lg-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-lg-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-lg-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-lg-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-lg-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-lg-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-lg-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-lg-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-lg-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-lg-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-lg-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-lg-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-lg-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-lg-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-lg-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-lg-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-lg-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-lg-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-lg-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-lg-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-lg-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-lg-23 { margin-left: 95.8333%; }
  .ovui-col--offset-lg-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-lg-22 { margin-left: 91.6667%; }
  .ovui-col--offset-lg-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-lg-21 { margin-left: 87.5%; }
  .ovui-col--offset-lg-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-lg-20 { margin-left: 83.3333%; }
  .ovui-col--offset-lg-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-lg-19 { margin-left: 79.1667%; }
  .ovui-col--offset-lg-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-lg-18 { margin-left: 75%; }
  .ovui-col--offset-lg-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-lg-17 { margin-left: 70.8333%; }
  .ovui-col--offset-lg-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-lg-16 { margin-left: 66.6667%; }
  .ovui-col--offset-lg-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-lg-15 { margin-left: 62.5%; }
  .ovui-col--offset-lg-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-lg-14 { margin-left: 58.3333%; }
  .ovui-col--offset-lg-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-lg-13 { margin-left: 54.1667%; }
  .ovui-col--offset-lg-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-lg-12 { margin-left: 50%; }
  .ovui-col--offset-lg-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-lg-11 { margin-left: 45.8333%; }
  .ovui-col--offset-lg-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-lg-10 { margin-left: 41.6667%; }
  .ovui-col--offset-lg-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-lg-9 { margin-left: 37.5%; }
  .ovui-col--offset-lg-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-lg-8 { margin-left: 33.3333%; }
  .ovui-col--offset-lg-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-lg-7 { margin-left: 29.1667%; }
  .ovui-col--offset-lg-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-lg-6 { margin-left: 25%; }
  .ovui-col--offset-lg-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-lg-5 { margin-left: 20.8333%; }
  .ovui-col--offset-lg-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-lg-4 { margin-left: 16.6667%; }
  .ovui-col--offset-lg-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-lg-3 { margin-left: 12.5%; }
  .ovui-col--offset-lg-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-lg-2 { margin-left: 8.33333%; }
  .ovui-col--offset-lg-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-lg-1 { margin-left: 4.16667%; }
  .ovui-col--offset-lg-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-lg-0 { margin-left: 0%; }
  .ovui-col--offset-lg-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-lg-1 { order: 1; }
  .ovui-col--order-lg-2 { order: 2; }
  .ovui-col--order-lg-3 { order: 3; }
  .ovui-col--order-lg-4 { order: 4; }
  .ovui-col--order-lg-5 { order: 5; }
  .ovui-col--order-lg-6 { order: 6; }
  .ovui-col--order-lg-7 { order: 7; }
  .ovui-col--order-lg-8 { order: 8; }
  .ovui-col--order-lg-9 { order: 9; }
  .ovui-col--order-lg-10 { order: 10; }
  .ovui-col--order-lg-11 { order: 11; }
  .ovui-col--order-lg-12 { order: 12; }
  .ovui-col--order-lg-13 { order: 13; }
  .ovui-col--order-lg-14 { order: 14; }
  .ovui-col--order-lg-15 { order: 15; }
  .ovui-col--order-lg-16 { order: 16; }
  .ovui-col--order-lg-17 { order: 17; }
  .ovui-col--order-lg-18 { order: 18; }
  .ovui-col--order-lg-19 { order: 19; }
  .ovui-col--order-lg-20 { order: 20; }
  .ovui-col--order-lg-21 { order: 21; }
  .ovui-col--order-lg-22 { order: 22; }
  .ovui-col--order-lg-23 { order: 23; }
  .ovui-col--order-lg-24 { order: 24; }
  .ovui-col--pull-lg-23 { right: 95.8333%; }
  .ovui-col--pull-lg-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-lg-22 { right: 91.6667%; }
  .ovui-col--pull-lg-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-lg-21 { right: 87.5%; }
  .ovui-col--pull-lg-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-lg-20 { right: 83.3333%; }
  .ovui-col--pull-lg-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-lg-19 { right: 79.1667%; }
  .ovui-col--pull-lg-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-lg-18 { right: 75%; }
  .ovui-col--pull-lg-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-lg-17 { right: 70.8333%; }
  .ovui-col--pull-lg-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-lg-16 { right: 66.6667%; }
  .ovui-col--pull-lg-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-lg-15 { right: 62.5%; }
  .ovui-col--pull-lg-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-lg-14 { right: 58.3333%; }
  .ovui-col--pull-lg-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-lg-13 { right: 54.1667%; }
  .ovui-col--pull-lg-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-lg-12 { right: 50%; }
  .ovui-col--pull-lg-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-lg-11 { right: 45.8333%; }
  .ovui-col--pull-lg-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-lg-10 { right: 41.6667%; }
  .ovui-col--pull-lg-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-lg-9 { right: 37.5%; }
  .ovui-col--pull-lg-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-lg-8 { right: 33.3333%; }
  .ovui-col--pull-lg-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-lg-7 { right: 29.1667%; }
  .ovui-col--pull-lg-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-lg-6 { right: 25%; }
  .ovui-col--pull-lg-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-lg-5 { right: 20.8333%; }
  .ovui-col--pull-lg-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-lg-4 { right: 16.6667%; }
  .ovui-col--pull-lg-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-lg-3 { right: 12.5%; }
  .ovui-col--pull-lg-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-lg-2 { right: 8.33333%; }
  .ovui-col--pull-lg-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-lg-1 { right: 4.16667%; }
  .ovui-col--pull-lg-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-lg-0 { right: 0%; }
  .ovui-col--pull-lg-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-lg-23 { left: 95.8333%; }
  .ovui-col--push-lg-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-lg-22 { left: 91.6667%; }
  .ovui-col--push-lg-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-lg-21 { left: 87.5%; }
  .ovui-col--push-lg-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-lg-20 { left: 83.3333%; }
  .ovui-col--push-lg-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-lg-19 { left: 79.1667%; }
  .ovui-col--push-lg-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-lg-18 { left: 75%; }
  .ovui-col--push-lg-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-lg-17 { left: 70.8333%; }
  .ovui-col--push-lg-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-lg-16 { left: 66.6667%; }
  .ovui-col--push-lg-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-lg-15 { left: 62.5%; }
  .ovui-col--push-lg-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-lg-14 { left: 58.3333%; }
  .ovui-col--push-lg-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-lg-13 { left: 54.1667%; }
  .ovui-col--push-lg-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-lg-12 { left: 50%; }
  .ovui-col--push-lg-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-lg-11 { left: 45.8333%; }
  .ovui-col--push-lg-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-lg-10 { left: 41.6667%; }
  .ovui-col--push-lg-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-lg-9 { left: 37.5%; }
  .ovui-col--push-lg-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-lg-8 { left: 33.3333%; }
  .ovui-col--push-lg-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-lg-7 { left: 29.1667%; }
  .ovui-col--push-lg-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-lg-6 { left: 25%; }
  .ovui-col--push-lg-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-lg-5 { left: 20.8333%; }
  .ovui-col--push-lg-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-lg-4 { left: 16.6667%; }
  .ovui-col--push-lg-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-lg-3 { left: 12.5%; }
  .ovui-col--push-lg-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-lg-2 { left: 8.33333%; }
  .ovui-col--push-lg-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-lg-1 { left: 4.16667%; }
  .ovui-col--push-lg-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-lg-0 { left: 0%; }
  .ovui-col--push-lg-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-col--span-xl-0 { display: none; }
@media screen and (min-width: 1200px) {
  .ovui-col--span-xl-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-xl-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-xl-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-xl-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-xl-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-xl-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-xl-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-xl-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-xl-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-xl-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-xl-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-xl-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-xl-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-xl-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-xl-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-xl-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-xl-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-xl-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-xl-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-xl-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-xl-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-xl-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-xl-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-xl-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-xl-23 { margin-left: 95.8333%; }
  .ovui-col--offset-xl-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-xl-22 { margin-left: 91.6667%; }
  .ovui-col--offset-xl-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-xl-21 { margin-left: 87.5%; }
  .ovui-col--offset-xl-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-xl-20 { margin-left: 83.3333%; }
  .ovui-col--offset-xl-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-xl-19 { margin-left: 79.1667%; }
  .ovui-col--offset-xl-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-xl-18 { margin-left: 75%; }
  .ovui-col--offset-xl-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-xl-17 { margin-left: 70.8333%; }
  .ovui-col--offset-xl-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-xl-16 { margin-left: 66.6667%; }
  .ovui-col--offset-xl-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-xl-15 { margin-left: 62.5%; }
  .ovui-col--offset-xl-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-xl-14 { margin-left: 58.3333%; }
  .ovui-col--offset-xl-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-xl-13 { margin-left: 54.1667%; }
  .ovui-col--offset-xl-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-xl-12 { margin-left: 50%; }
  .ovui-col--offset-xl-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-xl-11 { margin-left: 45.8333%; }
  .ovui-col--offset-xl-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-xl-10 { margin-left: 41.6667%; }
  .ovui-col--offset-xl-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-xl-9 { margin-left: 37.5%; }
  .ovui-col--offset-xl-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-xl-8 { margin-left: 33.3333%; }
  .ovui-col--offset-xl-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-xl-7 { margin-left: 29.1667%; }
  .ovui-col--offset-xl-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-xl-6 { margin-left: 25%; }
  .ovui-col--offset-xl-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-xl-5 { margin-left: 20.8333%; }
  .ovui-col--offset-xl-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-xl-4 { margin-left: 16.6667%; }
  .ovui-col--offset-xl-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-xl-3 { margin-left: 12.5%; }
  .ovui-col--offset-xl-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-xl-2 { margin-left: 8.33333%; }
  .ovui-col--offset-xl-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-xl-1 { margin-left: 4.16667%; }
  .ovui-col--offset-xl-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-xl-0 { margin-left: 0%; }
  .ovui-col--offset-xl-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-xl-1 { order: 1; }
  .ovui-col--order-xl-2 { order: 2; }
  .ovui-col--order-xl-3 { order: 3; }
  .ovui-col--order-xl-4 { order: 4; }
  .ovui-col--order-xl-5 { order: 5; }
  .ovui-col--order-xl-6 { order: 6; }
  .ovui-col--order-xl-7 { order: 7; }
  .ovui-col--order-xl-8 { order: 8; }
  .ovui-col--order-xl-9 { order: 9; }
  .ovui-col--order-xl-10 { order: 10; }
  .ovui-col--order-xl-11 { order: 11; }
  .ovui-col--order-xl-12 { order: 12; }
  .ovui-col--order-xl-13 { order: 13; }
  .ovui-col--order-xl-14 { order: 14; }
  .ovui-col--order-xl-15 { order: 15; }
  .ovui-col--order-xl-16 { order: 16; }
  .ovui-col--order-xl-17 { order: 17; }
  .ovui-col--order-xl-18 { order: 18; }
  .ovui-col--order-xl-19 { order: 19; }
  .ovui-col--order-xl-20 { order: 20; }
  .ovui-col--order-xl-21 { order: 21; }
  .ovui-col--order-xl-22 { order: 22; }
  .ovui-col--order-xl-23 { order: 23; }
  .ovui-col--order-xl-24 { order: 24; }
  .ovui-col--pull-xl-23 { right: 95.8333%; }
  .ovui-col--pull-xl-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-xl-22 { right: 91.6667%; }
  .ovui-col--pull-xl-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-xl-21 { right: 87.5%; }
  .ovui-col--pull-xl-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-xl-20 { right: 83.3333%; }
  .ovui-col--pull-xl-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-xl-19 { right: 79.1667%; }
  .ovui-col--pull-xl-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-xl-18 { right: 75%; }
  .ovui-col--pull-xl-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-xl-17 { right: 70.8333%; }
  .ovui-col--pull-xl-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-xl-16 { right: 66.6667%; }
  .ovui-col--pull-xl-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-xl-15 { right: 62.5%; }
  .ovui-col--pull-xl-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-xl-14 { right: 58.3333%; }
  .ovui-col--pull-xl-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-xl-13 { right: 54.1667%; }
  .ovui-col--pull-xl-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-xl-12 { right: 50%; }
  .ovui-col--pull-xl-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-xl-11 { right: 45.8333%; }
  .ovui-col--pull-xl-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-xl-10 { right: 41.6667%; }
  .ovui-col--pull-xl-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-xl-9 { right: 37.5%; }
  .ovui-col--pull-xl-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-xl-8 { right: 33.3333%; }
  .ovui-col--pull-xl-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-xl-7 { right: 29.1667%; }
  .ovui-col--pull-xl-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-xl-6 { right: 25%; }
  .ovui-col--pull-xl-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-xl-5 { right: 20.8333%; }
  .ovui-col--pull-xl-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-xl-4 { right: 16.6667%; }
  .ovui-col--pull-xl-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-xl-3 { right: 12.5%; }
  .ovui-col--pull-xl-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-xl-2 { right: 8.33333%; }
  .ovui-col--pull-xl-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-xl-1 { right: 4.16667%; }
  .ovui-col--pull-xl-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-xl-0 { right: 0%; }
  .ovui-col--pull-xl-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-xl-23 { left: 95.8333%; }
  .ovui-col--push-xl-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-xl-22 { left: 91.6667%; }
  .ovui-col--push-xl-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-xl-21 { left: 87.5%; }
  .ovui-col--push-xl-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-xl-20 { left: 83.3333%; }
  .ovui-col--push-xl-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-xl-19 { left: 79.1667%; }
  .ovui-col--push-xl-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-xl-18 { left: 75%; }
  .ovui-col--push-xl-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-xl-17 { left: 70.8333%; }
  .ovui-col--push-xl-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-xl-16 { left: 66.6667%; }
  .ovui-col--push-xl-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-xl-15 { left: 62.5%; }
  .ovui-col--push-xl-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-xl-14 { left: 58.3333%; }
  .ovui-col--push-xl-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-xl-13 { left: 54.1667%; }
  .ovui-col--push-xl-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-xl-12 { left: 50%; }
  .ovui-col--push-xl-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-xl-11 { left: 45.8333%; }
  .ovui-col--push-xl-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-xl-10 { left: 41.6667%; }
  .ovui-col--push-xl-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-xl-9 { left: 37.5%; }
  .ovui-col--push-xl-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-xl-8 { left: 33.3333%; }
  .ovui-col--push-xl-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-xl-7 { left: 29.1667%; }
  .ovui-col--push-xl-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-xl-6 { left: 25%; }
  .ovui-col--push-xl-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-xl-5 { left: 20.8333%; }
  .ovui-col--push-xl-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-xl-4 { left: 16.6667%; }
  .ovui-col--push-xl-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-xl-3 { left: 12.5%; }
  .ovui-col--push-xl-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-xl-2 { left: 8.33333%; }
  .ovui-col--push-xl-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-xl-1 { left: 4.16667%; }
  .ovui-col--push-xl-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-xl-0 { left: 0%; }
  .ovui-col--push-xl-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-col--span-xxl-0 { display: none; }
@media screen and (min-width: 1400px) {
  .ovui-col--span-xxl-24 { flex-basis: 100%; max-width: 100%; }
  .ovui-col--span-xxl-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .ovui-col--span-xxl-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .ovui-col--span-xxl-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .ovui-col--span-xxl-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .ovui-col--span-xxl-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .ovui-col--span-xxl-18 { flex-basis: 75%; max-width: 75%; }
  .ovui-col--span-xxl-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .ovui-col--span-xxl-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .ovui-col--span-xxl-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .ovui-col--span-xxl-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .ovui-col--span-xxl-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .ovui-col--span-xxl-12 { flex-basis: 50%; max-width: 50%; }
  .ovui-col--span-xxl-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .ovui-col--span-xxl-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .ovui-col--span-xxl-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .ovui-col--span-xxl-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .ovui-col--span-xxl-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .ovui-col--span-xxl-6 { flex-basis: 25%; max-width: 25%; }
  .ovui-col--span-xxl-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .ovui-col--span-xxl-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .ovui-col--span-xxl-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .ovui-col--span-xxl-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .ovui-col--span-xxl-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .ovui-col--offset-xxl-23 { margin-left: 95.8333%; }
  .ovui-col--offset-xxl-23.ovui-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .ovui-col--offset-xxl-22 { margin-left: 91.6667%; }
  .ovui-col--offset-xxl-22.ovui-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .ovui-col--offset-xxl-21 { margin-left: 87.5%; }
  .ovui-col--offset-xxl-21.ovui-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .ovui-col--offset-xxl-20 { margin-left: 83.3333%; }
  .ovui-col--offset-xxl-20.ovui-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .ovui-col--offset-xxl-19 { margin-left: 79.1667%; }
  .ovui-col--offset-xxl-19.ovui-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .ovui-col--offset-xxl-18 { margin-left: 75%; }
  .ovui-col--offset-xxl-18.ovui-col--rtl { margin-right: 75%; margin-left: 0px; }
  .ovui-col--offset-xxl-17 { margin-left: 70.8333%; }
  .ovui-col--offset-xxl-17.ovui-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .ovui-col--offset-xxl-16 { margin-left: 66.6667%; }
  .ovui-col--offset-xxl-16.ovui-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .ovui-col--offset-xxl-15 { margin-left: 62.5%; }
  .ovui-col--offset-xxl-15.ovui-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .ovui-col--offset-xxl-14 { margin-left: 58.3333%; }
  .ovui-col--offset-xxl-14.ovui-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .ovui-col--offset-xxl-13 { margin-left: 54.1667%; }
  .ovui-col--offset-xxl-13.ovui-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .ovui-col--offset-xxl-12 { margin-left: 50%; }
  .ovui-col--offset-xxl-12.ovui-col--rtl { margin-right: 50%; margin-left: 0px; }
  .ovui-col--offset-xxl-11 { margin-left: 45.8333%; }
  .ovui-col--offset-xxl-11.ovui-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .ovui-col--offset-xxl-10 { margin-left: 41.6667%; }
  .ovui-col--offset-xxl-10.ovui-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .ovui-col--offset-xxl-9 { margin-left: 37.5%; }
  .ovui-col--offset-xxl-9.ovui-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .ovui-col--offset-xxl-8 { margin-left: 33.3333%; }
  .ovui-col--offset-xxl-8.ovui-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .ovui-col--offset-xxl-7 { margin-left: 29.1667%; }
  .ovui-col--offset-xxl-7.ovui-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .ovui-col--offset-xxl-6 { margin-left: 25%; }
  .ovui-col--offset-xxl-6.ovui-col--rtl { margin-right: 25%; margin-left: 0px; }
  .ovui-col--offset-xxl-5 { margin-left: 20.8333%; }
  .ovui-col--offset-xxl-5.ovui-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .ovui-col--offset-xxl-4 { margin-left: 16.6667%; }
  .ovui-col--offset-xxl-4.ovui-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .ovui-col--offset-xxl-3 { margin-left: 12.5%; }
  .ovui-col--offset-xxl-3.ovui-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .ovui-col--offset-xxl-2 { margin-left: 8.33333%; }
  .ovui-col--offset-xxl-2.ovui-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .ovui-col--offset-xxl-1 { margin-left: 4.16667%; }
  .ovui-col--offset-xxl-1.ovui-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .ovui-col--offset-xxl-0 { margin-left: 0%; }
  .ovui-col--offset-xxl-0.ovui-col--rtl { margin-right: 0%; margin-left: 0px; }
  .ovui-col--order-xxl-1 { order: 1; }
  .ovui-col--order-xxl-2 { order: 2; }
  .ovui-col--order-xxl-3 { order: 3; }
  .ovui-col--order-xxl-4 { order: 4; }
  .ovui-col--order-xxl-5 { order: 5; }
  .ovui-col--order-xxl-6 { order: 6; }
  .ovui-col--order-xxl-7 { order: 7; }
  .ovui-col--order-xxl-8 { order: 8; }
  .ovui-col--order-xxl-9 { order: 9; }
  .ovui-col--order-xxl-10 { order: 10; }
  .ovui-col--order-xxl-11 { order: 11; }
  .ovui-col--order-xxl-12 { order: 12; }
  .ovui-col--order-xxl-13 { order: 13; }
  .ovui-col--order-xxl-14 { order: 14; }
  .ovui-col--order-xxl-15 { order: 15; }
  .ovui-col--order-xxl-16 { order: 16; }
  .ovui-col--order-xxl-17 { order: 17; }
  .ovui-col--order-xxl-18 { order: 18; }
  .ovui-col--order-xxl-19 { order: 19; }
  .ovui-col--order-xxl-20 { order: 20; }
  .ovui-col--order-xxl-21 { order: 21; }
  .ovui-col--order-xxl-22 { order: 22; }
  .ovui-col--order-xxl-23 { order: 23; }
  .ovui-col--order-xxl-24 { order: 24; }
  .ovui-col--pull-xxl-23 { right: 95.8333%; }
  .ovui-col--pull-xxl-23.ovui-col--rtl { left: 95.8333%; right: 0px; }
  .ovui-col--pull-xxl-22 { right: 91.6667%; }
  .ovui-col--pull-xxl-22.ovui-col--rtl { left: 91.6667%; right: 0px; }
  .ovui-col--pull-xxl-21 { right: 87.5%; }
  .ovui-col--pull-xxl-21.ovui-col--rtl { left: 87.5%; right: 0px; }
  .ovui-col--pull-xxl-20 { right: 83.3333%; }
  .ovui-col--pull-xxl-20.ovui-col--rtl { left: 83.3333%; right: 0px; }
  .ovui-col--pull-xxl-19 { right: 79.1667%; }
  .ovui-col--pull-xxl-19.ovui-col--rtl { left: 79.1667%; right: 0px; }
  .ovui-col--pull-xxl-18 { right: 75%; }
  .ovui-col--pull-xxl-18.ovui-col--rtl { left: 75%; right: 0px; }
  .ovui-col--pull-xxl-17 { right: 70.8333%; }
  .ovui-col--pull-xxl-17.ovui-col--rtl { left: 70.8333%; right: 0px; }
  .ovui-col--pull-xxl-16 { right: 66.6667%; }
  .ovui-col--pull-xxl-16.ovui-col--rtl { left: 66.6667%; right: 0px; }
  .ovui-col--pull-xxl-15 { right: 62.5%; }
  .ovui-col--pull-xxl-15.ovui-col--rtl { left: 62.5%; right: 0px; }
  .ovui-col--pull-xxl-14 { right: 58.3333%; }
  .ovui-col--pull-xxl-14.ovui-col--rtl { left: 58.3333%; right: 0px; }
  .ovui-col--pull-xxl-13 { right: 54.1667%; }
  .ovui-col--pull-xxl-13.ovui-col--rtl { left: 54.1667%; right: 0px; }
  .ovui-col--pull-xxl-12 { right: 50%; }
  .ovui-col--pull-xxl-12.ovui-col--rtl { left: 50%; right: 0px; }
  .ovui-col--pull-xxl-11 { right: 45.8333%; }
  .ovui-col--pull-xxl-11.ovui-col--rtl { left: 45.8333%; right: 0px; }
  .ovui-col--pull-xxl-10 { right: 41.6667%; }
  .ovui-col--pull-xxl-10.ovui-col--rtl { left: 41.6667%; right: 0px; }
  .ovui-col--pull-xxl-9 { right: 37.5%; }
  .ovui-col--pull-xxl-9.ovui-col--rtl { left: 37.5%; right: 0px; }
  .ovui-col--pull-xxl-8 { right: 33.3333%; }
  .ovui-col--pull-xxl-8.ovui-col--rtl { left: 33.3333%; right: 0px; }
  .ovui-col--pull-xxl-7 { right: 29.1667%; }
  .ovui-col--pull-xxl-7.ovui-col--rtl { left: 29.1667%; right: 0px; }
  .ovui-col--pull-xxl-6 { right: 25%; }
  .ovui-col--pull-xxl-6.ovui-col--rtl { left: 25%; right: 0px; }
  .ovui-col--pull-xxl-5 { right: 20.8333%; }
  .ovui-col--pull-xxl-5.ovui-col--rtl { left: 20.8333%; right: 0px; }
  .ovui-col--pull-xxl-4 { right: 16.6667%; }
  .ovui-col--pull-xxl-4.ovui-col--rtl { left: 16.6667%; right: 0px; }
  .ovui-col--pull-xxl-3 { right: 12.5%; }
  .ovui-col--pull-xxl-3.ovui-col--rtl { left: 12.5%; right: 0px; }
  .ovui-col--pull-xxl-2 { right: 8.33333%; }
  .ovui-col--pull-xxl-2.ovui-col--rtl { left: 8.33333%; right: 0px; }
  .ovui-col--pull-xxl-1 { right: 4.16667%; }
  .ovui-col--pull-xxl-1.ovui-col--rtl { left: 4.16667%; right: 0px; }
  .ovui-col--pull-xxl-0 { right: 0%; }
  .ovui-col--pull-xxl-0.ovui-col--rtl { left: 0%; right: 0px; }
  .ovui-col--push-xxl-23 { left: 95.8333%; }
  .ovui-col--push-xxl-23.ovui-col--rtl { right: 95.8333%; left: 0px; }
  .ovui-col--push-xxl-22 { left: 91.6667%; }
  .ovui-col--push-xxl-22.ovui-col--rtl { right: 91.6667%; left: 0px; }
  .ovui-col--push-xxl-21 { left: 87.5%; }
  .ovui-col--push-xxl-21.ovui-col--rtl { right: 87.5%; left: 0px; }
  .ovui-col--push-xxl-20 { left: 83.3333%; }
  .ovui-col--push-xxl-20.ovui-col--rtl { right: 83.3333%; left: 0px; }
  .ovui-col--push-xxl-19 { left: 79.1667%; }
  .ovui-col--push-xxl-19.ovui-col--rtl { right: 79.1667%; left: 0px; }
  .ovui-col--push-xxl-18 { left: 75%; }
  .ovui-col--push-xxl-18.ovui-col--rtl { right: 75%; left: 0px; }
  .ovui-col--push-xxl-17 { left: 70.8333%; }
  .ovui-col--push-xxl-17.ovui-col--rtl { right: 70.8333%; left: 0px; }
  .ovui-col--push-xxl-16 { left: 66.6667%; }
  .ovui-col--push-xxl-16.ovui-col--rtl { right: 66.6667%; left: 0px; }
  .ovui-col--push-xxl-15 { left: 62.5%; }
  .ovui-col--push-xxl-15.ovui-col--rtl { right: 62.5%; left: 0px; }
  .ovui-col--push-xxl-14 { left: 58.3333%; }
  .ovui-col--push-xxl-14.ovui-col--rtl { right: 58.3333%; left: 0px; }
  .ovui-col--push-xxl-13 { left: 54.1667%; }
  .ovui-col--push-xxl-13.ovui-col--rtl { right: 54.1667%; left: 0px; }
  .ovui-col--push-xxl-12 { left: 50%; }
  .ovui-col--push-xxl-12.ovui-col--rtl { right: 50%; left: 0px; }
  .ovui-col--push-xxl-11 { left: 45.8333%; }
  .ovui-col--push-xxl-11.ovui-col--rtl { right: 45.8333%; left: 0px; }
  .ovui-col--push-xxl-10 { left: 41.6667%; }
  .ovui-col--push-xxl-10.ovui-col--rtl { right: 41.6667%; left: 0px; }
  .ovui-col--push-xxl-9 { left: 37.5%; }
  .ovui-col--push-xxl-9.ovui-col--rtl { right: 37.5%; left: 0px; }
  .ovui-col--push-xxl-8 { left: 33.3333%; }
  .ovui-col--push-xxl-8.ovui-col--rtl { right: 33.3333%; left: 0px; }
  .ovui-col--push-xxl-7 { left: 29.1667%; }
  .ovui-col--push-xxl-7.ovui-col--rtl { right: 29.1667%; left: 0px; }
  .ovui-col--push-xxl-6 { left: 25%; }
  .ovui-col--push-xxl-6.ovui-col--rtl { right: 25%; left: 0px; }
  .ovui-col--push-xxl-5 { left: 20.8333%; }
  .ovui-col--push-xxl-5.ovui-col--rtl { right: 20.8333%; left: 0px; }
  .ovui-col--push-xxl-4 { left: 16.6667%; }
  .ovui-col--push-xxl-4.ovui-col--rtl { right: 16.6667%; left: 0px; }
  .ovui-col--push-xxl-3 { left: 12.5%; }
  .ovui-col--push-xxl-3.ovui-col--rtl { right: 12.5%; left: 0px; }
  .ovui-col--push-xxl-2 { left: 8.33333%; }
  .ovui-col--push-xxl-2.ovui-col--rtl { right: 8.33333%; left: 0px; }
  .ovui-col--push-xxl-1 { left: 4.16667%; }
  .ovui-col--push-xxl-1.ovui-col--rtl { right: 4.16667%; left: 0px; }
  .ovui-col--push-xxl-0 { left: 0%; }
  .ovui-col--push-xxl-0.ovui-col--rtl { right: 0%; left: 0px; }
}
.ovui-form { display: block; }
.ovui-form-item { display: flex; margin-bottom: 32px; }
.ovui-form-item--with-error { margin-bottom: 8px; }
.ovui-form-item__label { line-height: 22px; padding: 6px 16px; position: relative; font-size: 14px; color: rgb(49, 52, 59) !important; }
.ovui-form-item__label--required::after { background-color: rgb(227, 73, 73); content: ""; position: absolute; width: 4px; height: 4px; top: 15px; right: 6px; border-radius: 50%; }
.ovui-form-item--align-left .ovui-form-item__label { text-align: left; }
.ovui-form-item--align-right .ovui-form-item__label { text-align: right; }
.ovui-form-item__control { flex: 1 1 0px; align-items: center; flex-direction: column; }
.ovui-form-item__control__content { display: flex; align-items: center; flex: 1 1 auto; max-width: 100%; min-height: 34px; }
.ovui-form-item__control__extra { margin-top: 4px; }
.ovui-form-item__control__error { color: rgb(227, 73, 73); font-size: 12px; line-height: 18px; }
.ovui-form-item__control__help { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; }
.ovui-form-item__control__error + .ovui-form-item__control__help { padding-bottom: 4px; }
.ovui-form-item--layout-vertical { display: block; }
.ovui-form-item--layout-vertical .ovui-form-item__label { display: block; padding: 0px; text-align: left; margin-bottom: 8px; }
.ovui-form-item--layout-vertical .ovui-form-item__label::after { content: none; }
.ovui-form-item--layout-vertical .ovui-form-item__label--required label { position: relative; color: rgb(49, 52, 59); }
.ovui-form-item--layout-vertical .ovui-form-item__label--required label::after { background-color: rgb(227, 73, 73); content: ""; position: absolute; width: 4px; height: 4px; top: 7px; right: -12px; border-radius: 50%; }
.ovui-grid { display: grid; }
@keyframes v-okee-loading-opacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes v-okee-spin-loading-rotate { 
  100% { transform: rotate(360deg); }
}
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(9) { animation: 0.8s linear 0s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(8) { animation: 0.8s linear -0.1s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(7) { animation: 0.8s linear -0.2s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(6) { animation: 0.8s linear -0.3s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(5) { animation: 0.8s linear -0.4s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(4) { animation: 0.8s linear -0.5s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(3) { animation: 0.8s linear -0.6s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(2) { animation: 0.8s linear -0.7s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(1) { animation: 0.8s linear -0.8s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__loading .ovui-icon__loading-path-item:nth-child(0) { animation: 0.8s linear -0.9s infinite normal none running v-okee-loading-opacity; }
.ovui-icon__spin-loading { transform: rotate(0deg); animation: 0.8s linear 0s infinite normal none running v-okee-spin-loading-rotate; }
.ovui-icon { display: inline-block; }
.ovui-icon svg { display: block; }
.ovui-image-preview { position: fixed; inset: 0px; display: flex; }
.ovui-image-preview__mask { position: fixed; inset: 0px; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; }
.ovui-image-preview__wrap { position: fixed; inset: 0px; z-index: 1000; overflow: auto; outline: 0px; }
.ovui-image-preview__img-container { display: flex; position: absolute; inset: 0px; pointer-events: none; }
.ovui-image-preview__img { max-height: 100%; max-width: 100%; margin: auto; user-select: none; cursor: grab; pointer-events: all; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1); }
.ovui-image-preview__toolbar { display: flex; align-items: center; position: absolute; bottom: 32px; left: 50%; transform: translate(-50%); list-style: none; padding: 0px 20px; border-radius: 24px; height: 42px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.4); z-index: 1; }
.ovui-image-preview__toolbar-item { display: inline-flex; justify-content: center; margin: 0px 8px; cursor: pointer; user-select: none; }
.ovui-image-preview__toolbar-item .ovui-icon { display: inline-flex; align-items: center; }
.ovui-image-preview__toolbar-item.zoom-percent { font-size: 14px; }
.ovui-image-preview__toolbar-item.divider { height: 16px; width: 1px; background: rgb(255, 255, 255); opacity: 0.3; }
.ovui-image-preview__toolbar-item__percent { display: inline-flex; justify-content: center; width: 38px; }
.ovui-image-preview__left-switcher { color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); left: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.ovui-image-preview__left-switcher .ovui-icon svg { width: 20px; height: 20px; }
.ovui-image-preview__right-switcher { color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.ovui-image-preview__right-switcher .ovui-icon svg { width: 20px; height: 20px; }
.ovui-image-preview__close { color: rgb(255, 255, 255); position: absolute; top: 32px; right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.ovui-image { display: inline-flex; }
.ovui-image__hidden { display: none; }
.ovui-image__img { width: 100%; display: block; }
.ovui-image__img--preview { cursor: zoom-in; }
.ovui-image__extra-count { position: absolute; background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); width: 100%; height: 100%; inset: 0px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-family: OC-OPPOSans; font-weight: 600; cursor: pointer; }
.ovui-infinite-scroll { overflow: auto; }
.ovui-infinite-scroll::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-infinite-scroll::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-infinite-scroll::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-infinite-scroll::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-infinite-scroll__loader { display: flex; justify-content: center; font-size: 14px; line-height: 22px; }
.ovui-input-group { position: relative; width: 100%; display: flex; align-self: stretch; border-radius: 8px; }
.ovui-input-group > :not(:last-child):not(:first-child)[data-okee-fill="false"] { margin-right: -1px; }
.ovui-input-group > :not(:last-child):not(:first-child), .ovui-input-group > :not(:last-child):not(:first-child) .ovui-input__wrapper, .ovui-input-group > :not(:last-child):not(:first-child) .ovui-custom-input { border-radius: 0px; }
.ovui-input-group > :first-child:not(:last-child)[data-okee-fill="false"] { margin-right: -1px; }
.ovui-input-group > :first-child:not(:last-child), .ovui-input-group > :first-child:not(:last-child) .ovui-input__wrapper, .ovui-input-group > :first-child:not(:last-child) .ovui-custom-input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ovui-input-group > :last-child:not(:first-child), .ovui-input-group > :last-child:not(:first-child) .ovui-input__wrapper, .ovui-input-group > :last-child:not(:first-child) .ovui-custom-input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-input-group > .ovui-button:not(.ovui-button--disabled):hover, .ovui-input-group > .ovui-button:not(.ovui-button--disabled):focus, .ovui-input-group > .ovui-button:not(.ovui-button--disabled):active { z-index: 3; }
.ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled).ovui-custom-input--error { z-index: 1; }
.ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled).ovui-custom-input--focused { z-index: 4; }
.ovui-input-group .ovui-custom-input:not(.ovui-custom-input--disabled):hover { z-index: 3; }
.ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled).ovui-input__wrapper--error { z-index: 1; }
.ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled).ovui-input__wrapper--focused { z-index: 4; }
.ovui-input-group .ovui-input__wrapper:not(.ovui-input__wrapper--disabled):hover { z-index: 3; }
.ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled).ovui-textarea__wrapper--error { z-index: 1; }
.ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled).ovui-textarea__wrapper--focused { z-index: 4; }
.ovui-input-group .ovui-textarea__wrapper:not(.ovui-textarea__wrapper--disabled):hover { z-index: 3; }
.ovui-input-group--xs, .ovui-input-group--sm { font-size: 12px; line-height: 18px; }
.ovui-input-group--md, .ovui-input-group--lg { font-size: 14px; line-height: 22px; }
.ovui-input-group--xl { font-size: 16px; line-height: 24px; }
.ovui-input-group__addon { padding: 0px 5px; border: 1px solid; white-space: nowrap; display: flex; align-self: stretch; align-items: center; justify-content: center; }
.ovui-input-group__addon:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; margin-right: -1px; }
.ovui-input-group__addon:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.ovui-input-group__addon--stroke { background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.ovui-input-group__addon--stroke.ovui-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.ovui-input-group__addon--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-color: rgb(242, 244, 247); }
.ovui-input-group__addon--fill.ovui-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.ovui-input-group--rtl { direction: rtl; }
.ovui-input-group--rtl > :first-child:not(:last-child)[data-okee-fill="false"] { margin-left: -1px; margin-right: 0px; }
.ovui-input-group--rtl > :first-child:not(:last-child), .ovui-input-group--rtl > :first-child:not(:last-child) .ovui-input__wrapper, .ovui-input-group--rtl > :first-child:not(:last-child) .ovui-custom-input { border-radius: 0px 8px 8px 0px; }
.ovui-input-group--rtl > :last-child:not(:first-child), .ovui-input-group--rtl > :last-child:not(:first-child) .ovui-input__wrapper, .ovui-input-group--rtl > :last-child:not(:first-child) .ovui-custom-input { border-radius: 8px 0px 0px 8px; }
.ovui-input-group--rtl .ovui-input-group__addon { border-radius: 8px; }
.ovui-input-group--rtl .ovui-input-group__addon:first-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(222, 224, 227); margin-left: -1px; margin-right: 0px; }
.ovui-input-group--rtl .ovui-input-group__addon:last-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgb(222, 224, 227); }
.ovui-input__wrapper { display: inline-flex; position: relative; border-radius: 8px; width: 100%; }
.ovui-input__wrapper .ovui-input { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; }
.ovui-input__wrapper .ovui-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.ovui-input__wrapper .ovui-input[type="text"], .ovui-input__wrapper .ovui-input[type="number"], .ovui-input__wrapper .ovui-input[type="password"] { appearance: none; }
.ovui-input__wrapper .ovui-input[type="number"]::-webkit-inner-spin-button { appearance: none; }
.ovui-input__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-input__wrapper--fill .ovui-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.ovui-input__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-input__wrapper--fill.ovui-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.ovui-input__wrapper--fill.ovui-input__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.ovui-input__wrapper--fill.ovui-input__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.ovui-input__wrapper--fill.ovui-input__wrapper--error.ovui-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.ovui-input__wrapper--fill.ovui-input__wrapper--disabled, .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover, .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.ovui-input__wrapper--fill.ovui-input__wrapper--disabled .ovui-input::-webkit-input-placeholder, .ovui-input__wrapper--fill.ovui-input__wrapper--disabled:hover .ovui-input::-webkit-input-placeholder, .ovui-input__wrapper--fill.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.ovui-input__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.ovui-input__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-input__wrapper--stroke.ovui-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.ovui-input__wrapper--stroke.ovui-input__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.ovui-input__wrapper--stroke.ovui-input__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.ovui-input__wrapper--stroke.ovui-input__wrapper--error.ovui-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
@keyframes bui-input-focus-effect_error { 
  0% { box-shadow: rgb(227, 73, 73) 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
}
.ovui-input__wrapper--stroke.ovui-input__wrapper--disabled, .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled:hover, .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled.ovui-input__wrapper--focused { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.ovui-input__wrapper--stroke.ovui-input__wrapper--disabled .ovui-input::-webkit-input-placeholder, .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled:hover .ovui-input::-webkit-input-placeholder, .ovui-input__wrapper--stroke.ovui-input__wrapper--disabled.ovui-input__wrapper--focused .ovui-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.ovui-input__wrapper--xs { padding: 2px 8px; }
.ovui-input__wrapper--xs, .ovui-input__wrapper--xs .ovui-input { font-size: 12px; line-height: 18px; }
.ovui-input__wrapper--sm { padding: 4px 8px; }
.ovui-input__wrapper--sm, .ovui-input__wrapper--sm .ovui-input { font-size: 12px; line-height: 18px; }
.ovui-input__wrapper--md { padding: 4px 8px; }
.ovui-input__wrapper--md, .ovui-input__wrapper--md .ovui-input { font-size: 14px; line-height: 22px; }
.ovui-input__wrapper--lg { padding: 6px 8px; }
.ovui-input__wrapper--lg, .ovui-input__wrapper--lg .ovui-input { font-size: 14px; line-height: 22px; }
.ovui-input__wrapper--xl { padding: 7px 8px; }
.ovui-input__wrapper--xl, .ovui-input__wrapper--xl .ovui-input { font-size: 16px; line-height: 24px; }
.ovui-input__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.ovui-input__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.ovui-input__wrapper .ovui-input__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.ovui-input__wrapper .ovui-input__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.ovui-input__wrapper .ovui-input__clear--margin-right { margin-right: 4px; }
.ovui-input__wrapper .ovui-input__clear:hover { color: rgb(98, 101, 108); }
.ovui-input__wrapper .ovui-input__clear:active { color: rgb(49, 52, 59); }
.ovui-input__wrapper .ovui-input__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.ovui-input__wrapper .ovui-input__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.ovui-input__wrapper .ovui-input__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.ovui-input__wrapper .ovui-input__suffix .ovui-input__clear { opacity: 0; pointer-events: none; }
.ovui-input__wrapper .ovui-input__suffix .ovui-input__clear--show { opacity: 1; pointer-events: auto; }
.ovui-input__wrapper .ovui-input__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.ovui-input__wrapper .ovui-input__after--has-clear .ovui-icon { opacity: 0; }
.ovui-input__wrapper .ovui-input__after .ovui-input__clear { display: none; }
.ovui-input__wrapper .ovui-input__after .ovui-input__clear--show { display: block; opacity: 1; }
.ovui-input__wrapper--disabled, .ovui-input__wrapper--disabled .ovui-input { cursor: not-allowed; }
.ovui-input__wrapper--disabled .ovui-input__prefix, .ovui-input__wrapper--disabled .ovui-input__suffix { color: rgb(205, 209, 216); }
.ovui-input__wrapper:hover:not(.ovui-input__wrapper--disabled):not(.ovui-input__wrapper--error) .ovui-input--stroke { border-color: rgb(0, 87, 255); }
.ovui-input__wrapper--rtl, .ovui-input__wrapper--rtl .ovui-input { direction: rtl; }
.ovui-input__wrapper--rtl .ovui-input__clear--absolute { right: auto; left: 12px; }
.ovui-input__wrapper--rtl .ovui-input__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.ovui-input__wrapper--rtl .ovui-input__prefix { padding-right: 0px; padding-left: 4px; }
.ovui-input__wrapper--rtl .ovui-input__suffix, .ovui-input__wrapper--rtl .ovui-input__after { padding-left: 0px; padding-right: 4px; }
.ovui-input-number { width: auto; }
.ovui-input-number__content-wrapper { width: auto; flex: 1 1 0%; }
.ovui-input-number__content { flex-wrap: nowrap; }
.ovui-input-number__vertical-wrapper { display: flex; flex-direction: column; justify-content: center; align-self: stretch; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-input-number__up, .ovui-input-number__down { display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; flex: 1 1 0%; cursor: pointer; }
.ovui-input-number__up:hover, .ovui-input-number__down:hover { color: rgb(0, 87, 255); }
.ovui-input-number__up:active, .ovui-input-number__down:active { color: rgb(0, 63, 210); }
.ovui-input-number__angle-up { transform: rotate(180deg); }
.ovui-input-number__prev { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.ovui-input-number__prev::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.ovui-input-number__next { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.ovui-input-number__next::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.ovui-input-number__prev, .ovui-input-number__next { position: relative; width: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; }
.ovui-input-number__prev:hover, .ovui-input-number__next:hover { color: rgb(0, 87, 255); }
.ovui-input-number__prev:active, .ovui-input-number__next:active { color: rgb(0, 63, 210); }
.ovui-input-number--stroke .ovui-custom-input__prefix, .ovui-input-number--stroke .ovui-custom-input__prefix .ovui-input-number__prev { height: 100%; }
.ovui-input-number--stroke .ovui-input-number__prev, .ovui-input-number--stroke .ovui-input-number__next { background-color: rgb(247, 249, 252); }
.ovui-input-number--fill .ovui-input-number__prev::after { border-color: rgb(223, 224, 226); }
.ovui-input-number--fill .ovui-input-number__next::after { border-color: rgb(223, 224, 226); top: 8px; bottom: 8px; }
.ovui-input-number.ovui-input-number--horizontal { padding: 0px; }
.ovui-input-number.ovui-input-number--display-vertical, .ovui-input-number.ovui-input-number--default-vertical { padding-right: 0px; }
.ovui-input-number.ovui-input-number--default-vertical .ovui-input-number__suffix { visibility: hidden; }
.ovui-input-number.ovui-input-number--default-vertical .ovui-input-number__suffix--focused, .ovui-input-number.ovui-input-number--default-vertical:hover .ovui-input-number__suffix { visibility: visible; }
.ovui-input-number--disabled, .ovui-input-number--disabled .ovui-input-number__content-wrapper { cursor: not-allowed; color: inherit; }
.ovui-input-number--disabled .ovui-input-number__vertical-wrapper .ovui-input-number__prev, .ovui-input-number--disabled .ovui-input-number__next { background-color: transparent; }
.ovui-input-number--disabled .ovui-input-number__up, .ovui-input-number--disabled .ovui-input-number__down, .ovui-input-number .ovui-input-number__up--disabled, .ovui-input-number .ovui-input-number__down--disabled, .ovui-input-number--disabled .ovui-input-number__divider, .ovui-input-number--disabled .ovui-input-number__prev, .ovui-input-number--disabled .ovui-input-number__next, .ovui-input-number .ovui-input-number__prev--disabled, .ovui-input-number .ovui-input-number__next--disabled { cursor: not-allowed; border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.ovui-input-number--rtl.ovui-input-number--display-vertical, .ovui-input-number--rtl.ovui-input-number--default-vertical { padding-right: 8px; padding-left: 0px; }
.ovui-input-number--rtl .ovui-input-number__vertical-wrapper { border-radius: 8px 0px 0px 8px; }
.ovui-input-number--rtl .ovui-input-number__prev { border-radius: 0px 4px 4px 0px; }
.ovui-input-number--rtl .ovui-input-number__prev::after { left: 0px; right: auto; }
.ovui-input-number--rtl .ovui-input-number__next { border-radius: 8px 0px 0px 8px; }
.ovui-input-number--rtl .ovui-input-number__next::after { right: 0px; left: auto; }
.ovui-input-number--rtl.ovui-input-number--stroke .ovui-input-number__up, .ovui-input-number--rtl.ovui-input-number--stroke .ovui-input-number__down { border-right: 1px solid rgb(222, 224, 227); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper { width: 24px; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__down svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__down:hover svg { width: 14px; height: 14px; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__up:has(+ .ovui-input-number__down:hover) svg { width: 10px; height: 10px; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__up svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover svg { width: 14px; height: 14px; }
.ovui-custom-input--xs .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover + .ovui-input-number__down svg { width: 10px; height: 10px; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper { width: 24px; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__down svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__down:hover svg { width: 14px; height: 14px; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__up:has(+ .ovui-input-number__down:hover) svg { width: 10px; height: 10px; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__up svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover svg { width: 14px; height: 14px; }
.ovui-custom-input--sm .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover + .ovui-input-number__down svg { width: 10px; height: 10px; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper { width: 28px; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__down svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__down:hover svg { width: 18px; height: 18px; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__up:has(+ .ovui-input-number__down:hover) svg { width: 12px; height: 12px; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__up svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover svg { width: 18px; height: 18px; }
.ovui-custom-input--md .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover + .ovui-input-number__down svg { width: 12px; height: 12px; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper { width: 32px; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__down svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__down:hover svg { width: 18px; height: 18px; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__up:has(+ .ovui-input-number__down:hover) svg { width: 12px; height: 12px; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__up svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover svg { width: 18px; height: 18px; }
.ovui-custom-input--xl .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover + .ovui-input-number__down svg { width: 12px; height: 12px; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper { width: 28px; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__down svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__down:hover svg { width: 20px; height: 20px; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__up:has(+ .ovui-input-number__down:hover) svg { width: 14px; height: 14px; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__up svg { transition: 0.1s ease-in-out; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover svg { width: 20px; height: 20px; }
.ovui-custom-input--lg .ovui-input-number__vertical-wrapper .ovui-input-number__up:hover + .ovui-input-number__down svg { width: 14px; height: 14px; }
.ovui-layout { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; }
.ovui-layout--has-sider { flex-direction: row; }
.ovui-layout--has-sider > .ovui-layout, .ovui-layout--has-sider > .ovui-layout-content { width: 0px; }
.ovui-layout-header, .ovui-layout-footer { flex: 0 0 auto; }
.ovui-layout-content { flex: 1 1 auto; min-height: 0px; }
.ovui-layout-sider { position: relative; min-width: 0px; }
.ovui-list { display: flex; flex-direction: column; position: relative; border-radius: 4px; border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); overflow: hidden; }
.ovui-list__header { padding: 6px 12px; background-color: rgb(242, 244, 247); border-bottom: 1px solid rgb(222, 224, 227); font-size: 14px; line-height: 22px; display: flex; justify-content: space-between; }
.ovui-list__title { font-weight: 600; flex: 1 1 0%; }
.ovui-list__body--disabled { cursor: not-allowed; }
.ovui-list__body-scroller { height: 192px; overflow-y: auto; padding: 6px 0px; }
.ovui-list__body-scroller::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-list__body-scroller::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-list__body-scroller::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-list__body-scroller::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-list__body-scroller--hidden { display: none; }
.ovui-list__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-list__footer { padding: 6px 12px; }
.ovui-list .ovui-list-item__close { display: inline-flex; align-items: center; }
.ovui-list .ovui-list-tag { display: flex; margin: 0px 6px 6px; }
.ovui-list .ovui-list-tag:last-child { margin-bottom: 0px; }
.ovui-list .ovui-list-tag__content { flex: 1 1 0%; }
.ovui-list-item { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.ovui-list-item__action { margin-right: 8px; display: inline-flex; align-items: center; }
.ovui-list-item__content { flex: 1 1 0%; align-items: center; }
.ovui-list-item__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ovui-list-item__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.ovui-list-item__expand--icon { color: rgb(49, 52, 59); }
.ovui-list-item.ovui-list-item--grouped { padding-left: 24px; padding-right: 24px; }
.ovui-list-item--single.ovui-list-item--selected { color: rgb(0, 87, 255); }
.ovui-list-item.ovui-list-item--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-list-item.ovui-list-item--disabled .ovui-list-item__expand--icon { color: rgb(185, 188, 195); }
.ovui-list-item.ovui-list-item--disabled.ovui-list-item--single.ovui-list-item--selected { color: rgb(186, 218, 255); }
.ovui-list-item:hover:not(.ovui-list-item--disabled) { background-color: rgb(242, 244, 247); }
.ovui-list-item--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.ovui-list-item--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.ovui-list-item--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.ovui-list-item--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.ovui-list-item--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.ovui-list-item--rtl { direction: rtl; }
.ovui-list-item--rtl .ovui-list-item__action { margin-right: 0px; margin-left: 8px; }
.ovui-list-item--rtl .ovui-list-item__expand { margin-left: 0px; margin-right: 8px; }
.ovui-menu-item { height: 46px; color: rgb(49, 52, 59); font-size: 14px; }
.ovui-menu-item-group__title { display: flex; align-items: center; height: 46px; color: rgb(147, 150, 157); font-size: 14px; }
.ovui-sub-menu__header { display: grid; grid-template-areas: "icon title arrow"; grid-template-columns: auto 1fr auto; align-items: center; height: 46px; color: rgb(49, 52, 59); font-size: 14px; transition: color 0.1s, background-color 0.1s; padding-right: 18px; }
.ovui-sub-menu__header:hover { cursor: pointer; color: rgb(0, 87, 255); background-color: unset; }
.ovui-sub-menu__header:hover .ovui-sub-menu__icon-arrow svg { fill: currentcolor; }
.ovui-sub-menu__header .ovui-sub-menu__icon-arrow { display: inline-flex; }
.ovui-sub-menu__header .ovui-sub-menu__icon-arrow svg { transition: transform 0.2s; }
.ovui-sub-menu__header--open { color: rgb(0, 87, 255); }
.ovui-sub-menu__header--open .ovui-sub-menu__icon-arrow svg { transform: rotate(180deg); }
.ovui-sub-menu__header .ovui-sub-menu__icon { grid-area: icon; margin-right: 8px; display: inline-flex; }
.ovui-sub-menu__header .ovui-sub-menu__title { grid-area: title; white-space: nowrap; }
.ovui-sub-menu__header .ovui-sub-menu__arrow { grid-area: arrow; }
.ovui-sub-menu__header--hide .ovui-sub-menu__title, .ovui-sub-menu__header--hide .ovui-sub-menu__arrow { opacity: 0; }
.ovui-sub-menu__list { padding: 0px; overflow: hidden; }
.ovui-sub-menu--rtl .ovui-sub-menu__header { padding-left: 24px; }
.ovui-menu-content { display: grid; grid-template-areas: "icon title"; grid-template-columns: auto 1fr; align-items: center; height: 46px; color: rgb(49, 52, 59); font-size: 14px; transition: color 0.1s, background-color 0.1s; padding-right: 18px; }
.ovui-menu-content--active { background-color: rgb(232, 244, 255); cursor: pointer; color: rgb(0, 87, 255); }
.ovui-menu-content:hover { cursor: pointer; color: rgb(0, 87, 255); }
.ovui-menu-content.ovui-sub-menu__header:hover { background-color: unset; }
.ovui-menu-content__icon { display: inline-flex; grid-area: icon; margin-right: 8px; }
.ovui-menu-content__title { grid-area: title; white-space: nowrap; transition: 0.2s; }
.ovui-menu-content__title--hide { opacity: 0; }
.ovui-menu-content .ovui-icon__arrow { grid-area: arrow; }
.ovui-menu-content .ovui-icon__arrow svg { transition: transform 0.2s; }
.ovui-menu-content--open { color: rgb(0, 87, 255); }
.ovui-menu-content--open .ovui-icon__arrow svg { transform: rotate(180deg); }
.ovui-menu-popper--hide { display: none; }
.ovui-menu-popper .ovui-sub-menu__list--collapsed .ovui-sub-menu__header .ovui-sub-menu__icon-arrow svg { transform: rotate(-90deg); }
.ovui-menu-popper__inner { margin: 0px 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 4px; background: rgb(255, 255, 255); padding: 5px 0px; min-width: 200px; }
.ovui-menu-popper .ovui-sub-menu__popper-title { font-size: 12px; color: rgb(147, 150, 157); padding-left: 24px; padding-top: 16px; }
.ovui-menu { width: 200px; list-style: none; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); transition: 0.2s; overflow: hidden; }
.ovui-menu--rtl { direction: rtl; }
.ovui-menu--horizontal { display: flex; width: auto; justify-content: center; }
.ovui-message-fade-enter-from, .ovui-message-fade-leave-to { opacity: 0; transform: translateY(-100%); }
.ovui-message-fade-enter-active, .ovui-message-fade-leave-active { transition: 0.2s ease-in-out; }
.ovui-message { padding: 6px; text-align: center; }
.ovui-message:first-child { margin-top: -6px; }
.ovui-message__content { display: inline-flex; align-items: center; pointer-events: all; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 8px; padding: 8px 16px; font-size: 12px; font-weight: 400; line-height: 22px; color: rgb(49, 52, 59); word-break: break-all; }
.ovui-message__icon + .ovui-message__text { margin-left: 8px; }
.ovui-message__text { display: inline-flex; }
.ovui-message--info .ovui-message__icon { color: rgb(0, 87, 255); }
.ovui-message--success .ovui-message__icon { color: rgb(13, 166, 0); }
.ovui-message--warning .ovui-message__icon { color: rgb(235, 150, 23); }
.ovui-message--danger .ovui-message__icon { color: rgb(227, 73, 73); }
.ovui-message--loading .ovui-message__icon { color: rgb(0, 87, 255); }
.ovui-message--rtl { direction: rtl; }
.ovui-message--rtl .ovui-message__icon + .ovui-message__text { margin-right: 8px; margin-left: 0px; }
.ovui-message--teleport { position: absolute; transform: translate(-50%); left: 50%; z-index: 9999; }
#okee-message-container { position: fixed; width: 100%; top: 16px; left: 0px; pointer-events: none; }
.ovui-modal-fade-enter-active, .ovui-modal-fade-leave-active { transition: 0.2s ease-in-out; }
.ovui-modal-fade-enter-from, .ovui-modal-fade-leave-to { transform: scale(0.8); }
.ovui-modal-fade-enter-to, .ovui-modal-fade-leave-from { transform: scale(1); }
.ovui-modal { position: relative; width: 600px; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; margin: auto; }
.ovui-modal--topfix { align-items: flex-start; }
.ovui-modal--hide { display: none; }
.ovui-modal__wrap { display: flex; overflow: auto; position: fixed; inset: 0px; align-items: center; }
.ovui-modal__wrap--hide { display: none; }
.ovui-modal__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); }
.ovui-modal__header-with-close { margin-right: 25px; }
.ovui-modal__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.ovui-modal__body { padding: 0px 24px; color: inherit; font-size: inherit; line-height: inherit; }
.ovui-modal__body-with-status { padding-left: 50px; }
.ovui-modal__footer { padding: 24px; }
.ovui-modal__close-icon { position: absolute; width: 20px; height: 20px; font-size: 20px; color: rgb(49, 52, 59); top: 25px; right: 25px; cursor: pointer; z-index: 1; }
.ovui-modal__close-icon--hide { display: none; }
.ovui-modal__close-icon:hover { color: rgb(0, 87, 255); }
.ovui-modal__close-icon:active { color: rgb(0, 63, 210); }
.ovui-modal__header-info, .ovui-modal__header-success, .ovui-modal__header-warning, .ovui-modal__header-error { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; }
.ovui-modal__header-info .ovui-icon, .ovui-modal__header-success .ovui-icon, .ovui-modal__header-warning .ovui-icon, .ovui-modal__header-error .ovui-icon { font-size: 18px; margin-right: 8px; }
.ovui-modal__header-info .ovui-icon { color: rgb(0, 87, 255); }
.ovui-modal__header-success .ovui-icon { color: rgb(13, 166, 0); }
.ovui-modal__header-warning .ovui-icon { color: rgb(235, 150, 23); }
.ovui-modal__header-error .ovui-icon { color: rgb(227, 73, 73); }
.ovui-modal__footer-btn-box { display: flex; justify-content: flex-end; }
.ovui-modal__footer-btn-box .ovui-button + .ovui-button { margin-left: 12px; }
.ovui-modal--divider .ovui-modal__header { padding: 24px; }
.ovui-modal--divider .ovui-modal__body { background: rgb(247, 249, 252); border-top: 1px solid rgb(222, 224, 227); border-bottom: 1px solid rgb(222, 224, 227); padding: 0px; }
.ovui-modal--rtl { direction: rtl; }
.ovui-modal--rtl .ovui-modal__close-icon { right: auto; left: 25px; }
.ovui-multiple-input { position: relative; }
.ovui-multiple-input__textarea { overflow: auto; height: 96px; cursor: inherit; padding: 3px 0px 3px 3px !important; }
.ovui-multiple-input__textarea .ovui-custom-input__content { gap: 4px; max-height: 100%; padding-right: 6px; align-items: self-start; align-content: baseline; overflow-y: auto; }
.ovui-multiple-input__textarea .ovui-tag { margin: 0px !important; cursor: inherit !important; }
.ovui-multiple-input__textarea .ovui-tag__close { cursor: pointer !important; }
.ovui-multiple-input__textarea .ovui-custom-input__suffix { top: 3px; right: 8px; position: absolute; }
.ovui-multiple-input__textarea .ovui-custom-input__search { margin: 1px 0px 1px 2px !important; }
.ovui-multiple-input__empty .ovui-custom-input__search { margin-left: 4px !important; }
.ovui-multiple-input__total { position: absolute; right: 8px; bottom: 6px; color: rgb(150, 154, 160); font-size: 14px; }
.ovui-multiple-input__clearable .ovui-custom-input__content { padding-right: 24px; }
.ovui-multiple-input__total-show .ovui-custom-input__content { padding-right: 36px; }
.ovui-notification { display: flex; flex-direction: column; overflow-wrap: break-word; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; background: rgb(255, 255, 255); width: 384px; line-height: 22px; position: relative; margin-bottom: 12px; margin-left: 28px; margin-right: 16px; overflow: hidden; }
.ovui-notification__container { padding: 16px; }
.ovui-notification__header { display: flex; position: relative; }
.ovui-notification__header__title { display: inline-block; width: 100%; font-size: 14px; font-weight: 700; margin-bottom: 0px; line-height: 22px; }
.ovui-notification__header__type-icon { font-size: 16px; position: absolute; top: 2px; left: 0px; }
.ovui-notification__header__close { color: rgb(147, 150, 157); font-size: 16px; position: absolute; right: 0px; top: 2px; cursor: pointer; }
.ovui-notification__content { margin-top: 16px; font-size: 12px; line-height: 18px; }
.ovui-notification__action { margin-top: 16px; }
.ovui-notification__description { font-size: 12px; line-height: 18px; color: rgb(102, 102, 102); }
.ovui-notification--success .ovui-notification__header__title, .ovui-notification--warning .ovui-notification__header__title, .ovui-notification--danger .ovui-notification__header__title, .ovui-notification--info .ovui-notification__header__title { padding-left: 24px; }
.ovui-notification--success .ovui-notification__header__type-icon { color: rgb(13, 166, 0); }
.ovui-notification--warning .ovui-notification__header__type-icon { color: rgb(235, 150, 23); }
.ovui-notification--info .ovui-notification__header__type-icon { color: rgb(0, 87, 255); }
.ovui-notification--danger .ovui-notification__header__type-icon { color: rgb(227, 73, 73); }
.ovui-notification--closable .ovui-notification__header__title { padding-right: 22px; }
#__okee-notification-container__ .notification-placement-container { position: fixed; }
#__okee-notification-container__ .notification-placement-container-top-right { right: 0px; top: 24px; bottom: auto; }
#__okee-notification-container__ .notification-placement-container-top-left { left: 0px; top: 24px; bottom: auto; }
#__okee-notification-container__ .notification-placement-container-bottom-right { right: 0px; top: auto; bottom: 24px; }
#__okee-notification-container__ .notification-placement-container-bottom-left { left: 0px; top: auto; bottom: 24px; }
.ovui-notification-transition-top-right-enter-from, .ovui-notification-transition-top-right-leave-to, .ovui-notification-transition-bottom-right-enter-from, .ovui-notification-transition-bottom-right-leave-to { opacity: 0; transform: translate(100%); padding: 0px; margin: 0px; }
.ovui-notification-transition-top-left-enter-from, .ovui-notification-transition-top-left-leave-to, .ovui-notification-transition-bottom-left-enter-from, .ovui-notification-transition-bottom-left-leave-to { opacity: 0; transform: translate(-100%); padding: 0px; margin: 0px; }
.ovui-notification-transition-top-right-leave-from, .ovui-notification-transition-top-right-enter-to, .ovui-notification-transition-bottom-right-leave-from, .ovui-notification-transition-bottom-right-enter-to, .ovui-notification-transition-top-left-leave-from, .ovui-notification-transition-top-left-enter-to, .ovui-notification-transition-bottom-left-leave-from, .ovui-notification-transition-bottom-left-enter-to { opacity: 1; transform: translate(0px); }
.ovui-notification-transition-top-right-enter-active, .ovui-notification-transition-top-right-leave-active, .ovui-notification-transition-bottom-right-enter-active, .ovui-notification-transition-bottom-right-leave-active, .ovui-notification-transition-top-left-enter-active, .ovui-notification-transition-top-left-leave-active, .ovui-notification-transition-bottom-left-enter-active, .ovui-notification-transition-bottom-left-leave-active { transition: 0.2s ease-in-out; }
.ovui-pagination .ovui-page-turner { display: inline-flex; align-items: center; list-style: none; margin: 0px; padding: 0px; }
.ovui-pagination .ovui-page-turner__item { display: flex; align-items: center; justify-content: center; height: 24px; font-size: 12px; color: rgb(49, 52, 59); border: 1px solid rgb(222, 224, 227); border-radius: 8px; margin-left: 8px; padding: 0px 5px; box-sizing: border-box; min-width: 24px; background-color: rgb(255, 255, 255); }
.ovui-pagination .ovui-page-turner__item:first-of-type { margin-left: 0px; }
.ovui-pagination .ovui-page-turner__item .ovui-page-turner__prev-icon { transform: rotate(90deg); }
.ovui-pagination .ovui-page-turner__item .ovui-page-turner__next-icon { transform: rotate(-90deg); }
.ovui-pagination .ovui-page-turner__item--active { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-pagination .ovui-page-turner__item:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); cursor: pointer; }
.ovui-pagination .ovui-page-turner__item:active { background-color: rgb(255, 255, 255); color: rgb(0, 63, 210); border: 1px solid rgb(0, 63, 210); }
.ovui-pagination .ovui-page-turner__item--disabled, .ovui-pagination .ovui-page-turner__item--disabled:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.ovui-pagination .ovui-page-turner__item--disabled--active, .ovui-pagination .ovui-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-pagination .ovui-page-turner__prev-ellipsis, .ovui-pagination .ovui-page-turner__next-ellipsis { display: flex; align-items: center; margin-left: 8px; }
.ovui-pagination .ovui-page-turner__prev-ellipsis span, .ovui-pagination .ovui-page-turner__next-ellipsis span { padding-bottom: 0.6em; }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item { border: rgb(255, 255, 255); color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item--active { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item--disabled { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-pagination .ovui-page-turner--text .ovui-page-turner__item--disabled:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.ovui-pagination .ovui-page-turner--rtl .ovui-page-turner__item:last-of-type { margin-left: 0px; }
.ovui-pagination .ovui-page-turner--rtl .ovui-page-turner__item:first-of-type { margin-left: 8px; }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item:hover { border: 1px solid rgb(0, 87, 255); background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); cursor: pointer; }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--active, .ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--active:hover { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item:active { border: 1px solid rgb(232, 234, 237); background-color: rgb(232, 234, 237); color: rgb(49, 52, 59); }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--disabled, .ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--disabled:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--disabled--active, .ovui-pagination .ovui-page-turner--fill .ovui-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-pagination--sm .ovui-page-turner__item { min-width: 28px; height: 28px; font-size: 12px; }
.ovui-pagination--disabled .ovui-page-turner__item, .ovui-pagination--disabled .ovui-page-turner__item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.ovui-pagination--disabled .ovui-page-turner__item--active, .ovui-pagination--disabled .ovui-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-pagination--disabled .ovui-page-turner__prev-ellipsis, .ovui-pagination--disabled .ovui-page-turner__next-ellipsis { color: rgb(205, 209, 216); }
.ovui-pagination--disabled .ovui-page-turner--text .ovui-page-turner__item, .ovui-pagination--disabled .ovui-page-turner--text .ovui-page-turner__item:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.ovui-pagination--disabled .ovui-page-turner--text .ovui-page-turner__item--active, .ovui-pagination--disabled .ovui-page-turner--text .ovui-page-turner__item--active:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.ovui-pagination--disabled .ovui-page-turner--fill .ovui-page-turner__item, .ovui-pagination--disabled .ovui-page-turner--fill .ovui-page-turner__item:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.ovui-pagination--disabled .ovui-page-turner--fill .ovui-page-turner__item--active, .ovui-pagination--disabled .ovui-page-turner--fill .ovui-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item, .disabled-pagination-item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item--active, .disabled-pagination-item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item-fill, .disabled-pagination-item-fill:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item-fill--active, .disabled-pagination-item-fill--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-page-total { display: inline-flex; font-size: 14px; color: rgb(49, 52, 59); }
.ovui-page-jumper { display: inline-flex; align-items: center; }
.ovui-page-jumper__label { flex-shrink: 0; color: rgb(49, 52, 59); font-size: 14px; margin-right: 8px; }
.ovui-page-jumper__input { width: 56px; }
.ovui-page-jumper__input.ovui-input--sm { padding: 4px 8px !important; }
.ovui-page-jumper--rtl .ovui-page-jumper__label { margin-right: auto; margin-left: 8px; }
.ovui-page-select { margin: 0px 10px; min-width: 100px; }
.ovui-pagination { display: inline-flex; align-items: center; }
.ovui-pagination--rtl { direction: rtl; }
.ovui-popover { padding: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 12px; background: rgb(255, 255, 255); font-size: 12px; line-height: 18px; color: rgb(98, 101, 108); }
.ovui-popover[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.ovui-popover[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgb(255, 255, 255) 50%); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.ovui-popover[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.ovui-popover[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgb(255, 255, 255) 50%); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.ovui-popover[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.ovui-popover[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgb(255, 255, 255) 50%, transparent 50%); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.ovui-popover[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.ovui-popover[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgb(255, 255, 255) 50%); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.ovui-popover.ovui-popover--hide { display: none; }
.ovui-popover--tooltip { padding: 8px 16px; }
.ovui-popover[data-popper-reference-hidden="true"] { visibility: hidden; pointer-events: none; }
.ovui-popover .ovui-popover__arrow, .ovui-popover .ovui-popover__arrow::before { width: 10px; height: 10px; position: absolute; z-index: -2; }
.ovui-popover .ovui-popover__arrow::before { content: ""; transform: rotate(45deg); top: 0px; left: 0px; }
.ovui-popover .ovui-popover__arrow--hide { visibility: hidden; }
.ovui-popover__header { padding-bottom: 8px; }
.ovui-popover__title { font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.ovui-popover--dark { background: rgba(50, 51, 53, 0.95); color: rgb(255, 255, 255); }
.ovui-popover--dark[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.ovui-popover--dark[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.ovui-popover--dark[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.ovui-popover--dark[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.ovui-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.ovui-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgba(50, 51, 53, 0.95) 50%, transparent 50%); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.ovui-popover--dark[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.ovui-popover--dark[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgba(50, 51, 53, 0.95) 50%); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.ovui-popover--dark .ovui-popover__title { color: rgb(255, 255, 255); }
.ovui-popover-fade-enter-active, .ovui-popover-fade-leave-active { transition: opacity 0.2s ease-in-out; }
.ovui-popover-fade-enter-from, .ovui-popover-fade-leave-to { opacity: 0; }
.ovui-popover-fade-enter-to, .ovui-popover-fade-leave-from { opacity: 1; }
.ovui-popup-fade-enter-active, .ovui-popup-fade-leave-active { transition: opacity 0.24s linear; }
.ovui-popup-fade-enter-from, .ovui-popup-fade-leave-to { opacity: 0; }
.ovui-popup-fade-enter-to, .ovui-popup-fade-leave-from { opacity: 1; }
.ovui-popup__lock { overflow: hidden; }
.ovui-popup__mask { position: fixed; inset: 0px; background-color: rgba(26, 26, 27, 0.5); height: 100%; z-index: 1050; }
.ovui-progress { display: flex; height: 8px; overflow: hidden; position: relative; border-radius: 4px; text-align: end; }
.ovui-progress__bar { position: relative; z-index: 3; width: 0%; height: 100%; border-radius: 4px; transition: 0.3s ease-in-out; }
.ovui-progress__text-wrap { position: absolute; top: 0px; bottom: 0px; width: 100%; padding: 0px 12px; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); text-align: end; }
.ovui-progress::before { content: ""; display: block; background: rgb(232, 234, 237); position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 4px; }
.ovui-progress--default .ovui-progress__bar, .ovui-progress--primary .ovui-progress__bar, .ovui-progress--info .ovui-progress__bar { background-color: rgb(0, 87, 255); }
.ovui-progress--danger .ovui-progress__bar { background-color: rgb(227, 73, 73); }
.ovui-progress--warning .ovui-progress__bar { background-color: rgb(235, 150, 23); }
.ovui-progress--success .ovui-progress__bar { background-color: rgb(13, 166, 0); }
.ovui-progress--right { justify-content: flex-end; }
.ovui-progress--right .ovui-progress__text-wrap { text-align: left; }
.ovui-progress--center { justify-content: center; }
.ovui-progress--center .ovui-progress__text-wrap { text-align: center; }
.ovui-progress--xs { height: 2px; }
.ovui-progress--sm { height: 4px; }
.ovui-progress--md { height: 8px; }
.ovui-progress--inner { height: 20px; }
.ovui-progress--inner, .ovui-progress--inner::before, .ovui-progress--inner .ovui-progress__bar { border-radius: 10px; }
.ovui-progress-circular { position: relative; display: inline-block; font-size: 0px; }
.ovui-progress-circular__circle { transition: 0.2s; }
.ovui-progress-circular__content { display: flex; justify-content: center; align-items: center; position: absolute; inset: 0px; }
.ovui-progress-circular--info { stroke: rgb(0, 87, 255); }
.ovui-progress-circular--danger { stroke: rgb(227, 73, 73); }
.ovui-progress-circular--warning { stroke: rgb(235, 150, 23); }
.ovui-progress-circular--success { stroke: rgb(13, 166, 0); }
.ovui-progress-circular__circle-bg { stroke: rgb(232, 234, 237); }
.ovui-progress-circular--xs .ovui-progress-circular__content { font-size: 12px; }
.ovui-progress-circular--sm .ovui-progress-circular__content { font-size: 16px; }
.ovui-progress-circular--md .ovui-progress-circular__content { font-size: 20px; }
.ovui-progress--rtl { direction: rtl; }
.ovui-radio-group { position: relative; display: inline-flex; }
.ovui-radio-button-group .ovui-radio-button:not(:first-child):not(:last-child) { border-radius: 0px; }
.ovui-radio-button-group .ovui-radio-button:not(:first-child) { margin-right: -1px; }
.ovui-radio-button-group .ovui-radio-button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ovui-radio-button-group .ovui-radio-button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-radio-button-group .ovui-radio-button:hover, .ovui-radio-button-group .ovui-radio-button:focus, .ovui-radio-button-group .ovui-radio-button:active { z-index: 1; }
.ovui-radio-button-group .ovui-radio-button--checked, .ovui-radio-button-group .ovui-radio-button--checked:hover, .ovui-radio-button-group .ovui-radio-button--checked:focus, .ovui-radio-button-group .ovui-radio-button--checked:active { z-index: 3; }
.ovui-radio-option-group { display: inline-flex; border-radius: 4px; padding: 0px 2px; }
.ovui-radio-option-group.ovui-radio-group--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.ovui-radio-option-group.ovui-radio-group--fill { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); }
.ovui-radio-option-group .ovui-radio-option--xs { margin: 2px; }
.ovui-radio-option-group .ovui-radio-option--sm, .ovui-radio-option-group .ovui-radio-option--md, .ovui-radio-option-group .ovui-radio-option--lg, .ovui-radio-option-group .ovui-radio-option--xl { margin: 3px 2px; }
.ovui-radio-item-group { display: inline-flex; border-radius: 4px; }
.ovui-radio-item-group.ovui-radio-group--stroke::before { z-index: 1; pointer-events: none; content: ""; position: absolute; inset: 0px; margin-top: 8px; border-radius: 4px; border: 1px solid rgb(222, 224, 227); }
.ovui-radio-item-group.ovui-radio-group--stroke.ovui-radio-group--disabled::before { border: 1px solid rgb(242, 244, 247); }
.ovui-radio-item-group .ovui-radio-item:not(:first-child):not(:last-child), .ovui-radio-item-group .ovui-radio-item:not(:first-child):not(:last-child)::after { border-radius: 0px; }
.ovui-radio-item-group .ovui-radio-item:not(:last-child) { margin-right: -1px; }
.ovui-radio-item-group .ovui-radio-item:first-child:not(:last-child), .ovui-radio-item-group .ovui-radio-item:first-child:not(:last-child)::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ovui-radio-item-group .ovui-radio-item:last-child:not(:first-child), .ovui-radio-item-group .ovui-radio-item:last-child:not(:first-child)::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-radio-item-group .ovui-radio-item--initial + .ovui-radio-item-group .ovui-radio-item--initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.ovui-radio-group--rtl { direction: rtl; }
.ovui-radio-group--rtl .ovui-radio-button:first-child:not(:last-child) { border-radius: 0px 8px 8px 0px; }
.ovui-radio-group--rtl .ovui-radio-button:last-child:not(:first-child) { border-radius: 8px 0px 0px 8px; }
.ovui-radio-group--rtl .ovui-radio-item { margin-right: 0px; }
.ovui-radio-group--rtl .ovui-radio-item:not(:first-child) { margin-right: -1px; }
.ovui-radio-group--rtl .ovui-radio-item:first-child:not(:last-child), .ovui-radio-group--rtl .ovui-radio-item:first-child:not(:last-child)::after { border-radius: 0px 8px 8px 0px; }
.ovui-radio-group--rtl .ovui-radio-item:last-child:not(:first-child), .ovui-radio-group--rtl .ovui-radio-item:last-child:not(:first-child)::after { border-radius: 8px 0px 0px 8px; }
.ovui-radio-option { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; cursor: default; border-radius: 2px; }
.ovui-radio-option--stroke { color: rgb(98, 101, 108); }
.ovui-radio-option--stroke:hover { background-color: rgb(242, 244, 247); }
.ovui-radio-option--stroke:active { background-color: rgb(232, 234, 237); }
.ovui-radio-option--stroke.ovui-radio-option--checked, .ovui-radio-option--stroke.ovui-radio-option--checked:hover, .ovui-radio-option--stroke.ovui-radio-option--checked:active { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.ovui-radio-option--stroke.ovui-radio-option--disabled, .ovui-radio-option--stroke.ovui-radio-option--disabled:hover, .ovui-radio-option--stroke.ovui-radio-option--disabled:active { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.ovui-radio-option--stroke.ovui-radio-option--checked.ovui-radio-option--disabled, .ovui-radio-option--stroke.ovui-radio-option--checked.ovui-radio-option--disabled:hover, .ovui-radio-option--stroke.ovui-radio-option--checked.ovui-radio-option--disabled:active { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.ovui-radio-option--fill { color: rgb(98, 101, 108); }
.ovui-radio-option--fill:hover { background-color: rgb(222, 224, 227); }
.ovui-radio-option--fill:active { background-color: rgb(205, 209, 216); }
.ovui-radio-option--fill.ovui-radio-option--checked, .ovui-radio-option--fill.ovui-radio-option--checked:hover, .ovui-radio-option--fill.ovui-radio-option--checked:active { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.ovui-radio-option--fill.ovui-radio-option--disabled, .ovui-radio-option--fill.ovui-radio-option--disabled:hover, .ovui-radio-option--fill.ovui-radio-option--disabled:active { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.ovui-radio-option--fill.ovui-radio-option--checked.ovui-radio-option--disabled, .ovui-radio-option--fill.ovui-radio-option--checked.ovui-radio-option--disabled:hover, .ovui-radio-option--fill.ovui-radio-option--checked.ovui-radio-option--disabled:active { background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.ovui-radio-option--single::after { display: none; }
.ovui-radio-option--xs { font-size: 12px; line-height: 18px; padding: 0px 12px; }
.ovui-radio-option--sm { font-size: 12px; line-height: 18px; padding: 1px 12px; }
.ovui-radio-option--md { font-size: 14px; line-height: 22px; padding: 2px 12px; }
.ovui-radio-option--lg { font-size: 14px; line-height: 22px; padding: 4px 12px; }
.ovui-radio-option--xl { font-size: 16px; line-height: 24px; padding: 5px 12px; }
.ovui-radio-item { display: inline-flex; position: relative; cursor: pointer; border-radius: 8px; }
.ovui-radio-item--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.ovui-radio-item--stroke.ovui-radio-item--border-initial::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.ovui-radio-item--stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-radio-item--stroke:hover::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-radio-item--stroke:focus, .ovui-radio-item--stroke.ovui-radio-item--checked { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.ovui-radio-item--stroke:focus::after, .ovui-radio-item--stroke.ovui-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-radio-item--stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); }
.ovui-radio-item--stroke:active::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 63, 210); }
.ovui-radio-item--stroke.ovui-radio-item--disabled, .ovui-radio-item--stroke.ovui-radio-item--disabled:hover, .ovui-radio-item--stroke.ovui-radio-item--disabled:focus, .ovui-radio-item--stroke.ovui-radio-item--disabled:active { color: rgb(147, 150, 157); background-color: rgb(245, 247, 250); cursor: not-allowed; }
.ovui-radio-item--stroke.ovui-radio-item--disabled::after, .ovui-radio-item--stroke.ovui-radio-item--disabled:hover::after, .ovui-radio-item--stroke.ovui-radio-item--disabled:focus::after, .ovui-radio-item--stroke.ovui-radio-item--disabled:active::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.ovui-radio-item--stroke.ovui-radio-item--disabled.ovui-radio-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.ovui-radio-item--stroke.ovui-radio-item--disabled.ovui-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.ovui-radio-item--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-radio-item--fill:hover { background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); }
.ovui-radio-item--fill:active { background-color: rgb(245, 247, 250); color: rgb(0, 63, 210); }
.ovui-radio-item--fill:focus, .ovui-radio-item--fill.ovui-radio-item--checked { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.ovui-radio-item--fill:focus::after, .ovui-radio-item--fill.ovui-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.ovui-radio-item--fill.ovui-radio-item--disabled { background-color: rgb(245, 247, 250); color: rgb(147, 150, 157); cursor: not-allowed; }
.ovui-radio-item--fill.ovui-radio-item--disabled.ovui-radio-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.ovui-radio-item--fill.ovui-radio-item--disabled.ovui-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.ovui-radio-item--divider-initial + .ovui-radio-item--divider-initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.ovui-radio-item--xs { font-size: 12px; line-height: 18px; padding: 3px 16px; }
.ovui-radio-item--sm { font-size: 12px; line-height: 18px; padding: 5px 16px; }
.ovui-radio-item--md { font-size: 14px; line-height: 22px; padding: 5px 16px; }
.ovui-radio-item--lg { font-size: 14px; line-height: 22px; padding: 7px 16px; }
.ovui-radio-item--xl { font-size: 16px; line-height: 24px; padding: 8px 16px; }
.ovui-radio { display: inline-flex; position: relative; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
.ovui-radio__wrapper { position: relative; display: inline-block; }
.ovui-radio__input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; }
.ovui-radio .ovui-radio__inner { display: block; position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(185, 188, 195); border-radius: 50%; transition: 0.1s ease-in-out; }
.ovui-radio .ovui-radio__inner:hover { background-color: rgb(255, 255, 255); border-color: rgb(69, 68, 91); }
.ovui-radio .ovui-radio__label { word-break: break-all; color: rgb(49, 52, 59); }
.ovui-radio .ovui-radio__label:hover, .ovui-radio .ovui-radio__label:active { color: rgb(49, 52, 59); }
.ovui-radio.ovui-radio--checked .ovui-radio__inner, .ovui-radio.ovui-radio--checked .ovui-radio__inner:hover { background-color: rgb(56, 55, 79); border-color: rgb(56, 55, 79); }
.ovui-radio.ovui-radio--checked .ovui-radio__inner::after { content: ""; position: absolute; background-color: rgb(255, 255, 255); border-radius: 100%; width: 6px; height: 6px; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; }
.ovui-radio.ovui-radio--checked .ovui-radio__label, .ovui-radio.ovui-radio--checked .ovui-radio__label:hover, .ovui-radio.ovui-radio--checked .ovui-radio__label:active { color: rgb(49, 52, 59); }
.ovui-radio.ovui-radio--disabled, .ovui-radio.ovui-radio--disabled:hover { cursor: not-allowed; color: rgb(205, 209, 216); }
.ovui-radio.ovui-radio--disabled .ovui-radio__inner, .ovui-radio.ovui-radio--disabled:hover .ovui-radio__inner { border-color: rgb(243, 243, 244); background-color: rgb(245, 247, 250); }
.ovui-radio.ovui-radio--disabled .ovui-radio__label, .ovui-radio.ovui-radio--disabled .ovui-radio__label:hover, .ovui-radio.ovui-radio--disabled .ovui-radio__label:active { color: rgb(205, 209, 216); }
.ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__inner { border-color: rgb(179, 178, 187); background-color: rgb(179, 178, 187); }
.ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__inner::after { background-color: rgb(255, 255, 255); }
.ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__label, .ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__label:hover, .ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__label:active { color: rgb(205, 209, 216); }
.ovui-radio--xl { font-size: 14px; line-height: 22px; }
.ovui-radio--xl .ovui-radio__wrapper { margin: 1px 0px; }
.ovui-radio--xl .ovui-radio__inner { width: 20px; height: 20px; }
.ovui-radio--xl .ovui-radio__label { margin: 0px 8px; }
.ovui-radio--lg { font-size: 14px; line-height: 22px; }
.ovui-radio--lg .ovui-radio__wrapper { margin: 1px 0px; }
.ovui-radio--lg .ovui-radio__inner { width: 20px; height: 20px; }
.ovui-radio--lg .ovui-radio__label { margin: 0px 8px; }
.ovui-radio--md { font-size: 14px; line-height: 22px; }
.ovui-radio--md .ovui-radio__wrapper { margin: 3px 0px; }
.ovui-radio--md .ovui-radio__inner { width: 16px; height: 16px; }
.ovui-radio--md .ovui-radio__label { margin: 0px 8px; }
.ovui-radio--sm { font-size: 12px; line-height: 18px; }
.ovui-radio--sm .ovui-radio__wrapper { margin: 2px 0px; }
.ovui-radio--sm .ovui-radio__inner { width: 14px; height: 14px; }
.ovui-radio--sm .ovui-radio__label { margin: 0px 8px; }
.ovui-radio--xs { font-size: 12px; line-height: 18px; }
.ovui-radio--xs .ovui-radio__wrapper { margin: 3px 0px; }
.ovui-radio--xs .ovui-radio__inner { width: 12px; height: 12px; }
.ovui-radio--xs .ovui-radio__label { margin: 0px 8px; }
.ovui-radio + .ovui-radio { margin-left: 32px; }
.ovui-range-picker { display: inline-flex; width: 100%; }
.ovui-range-picker .ovui-custom-input__prefix { color: rgb(49, 52, 59); }
.ovui-range-picker__input { flex: 1 1 0%; }
.ovui-range-picker__input--disabled { color: rgb(185, 188, 195); }
.ovui-range-picker__seperator { display: flex; align-items: center; margin-left: 4px; margin-right: 4px; }
.ovui-range-picker__bar { position: absolute; bottom: 0px; height: 0px; left: 0px; border-bottom: 2px solid rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-range-picker--multiple { height: 32px; }
.ovui-range-picker--multiple .ovui-custom-input__clear { position: absolute; right: 0px; margin-right: 0px; }
.ovui-range-picker .ovui-range-picker__calendar-icon { color: rgb(147, 150, 157); }
.ovui-range-picker .ovui-range-picker__calendar-icon--clear { opacity: 0; }
.ovui-range-picker .ovui-range-picker__multiple-input-total { display: flex; align-items: center; justify-content: space-between; }
.ovui-range-picker .ovui-range-picker__multiple-input-total .ovui-range-picker__multiple-input-total-num { margin-right: 8px; padding: 0px 8px; border-radius: 50%; font-size: 12px; border: 1px solid transparent; background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.ovui-range-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; background-color: rgb(255, 255, 255); }
.ovui-range-picker__popper--show { display: block; }
.ovui-range-picker__content { display: flex; align-self: stretch; }
.ovui-range-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.ovui-range-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-range-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-range-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-range-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-range-picker__shortcuts + div { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ovui-range-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-range-picker-fade-enter-active, .ovui-range-picker-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-range-picker-fade-enter-from, .ovui-range-picker-fade-leave-to { opacity: 0; }
.ovui-range-picker-fade-enter-to, .ovui-range-picker-fade-leave-from { opacity: 1; }
.ovui-range-picker__popper--rtl { direction: rtl; }
.ovui-range-picker__popper--rtl .ovui-range-picker__footer-btn { text-align: left; }
.ovui-range-picker__popper--rtl .ovui-range-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-range-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 8px; }
.ovui-range-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.ovui-range-picker-panel--rtl { direction: rtl; }
.ovui-range-picker-panel--rtl .ovui-range-picker-panel__footer-btn { text-align: left; }
.ovui-rate-item { position: relative; display: inline-flex; color: inherit; cursor: pointer; line-height: 0; }
.ovui-rate-item--disabled { cursor: not-allowed; }
.ovui-rate-item__rated { position: absolute; overflow: hidden; width: 50%; height: 100%; opacity: 0; color: rgb(235, 150, 23); }
.ovui-rate-item__void { width: 100%; height: 100%; color: rgb(232, 234, 237); }
.ovui-rate { display: inline-flex; }
.ovui-rate--rtl { direction: rtl; }
.ovui-schedule { user-select: none; border: 1px solid rgb(232, 234, 237); border-radius: 8px; overflow: hidden; background-color: rgb(255, 255, 255); }
.ovui-schedule th, .ovui-schedule td { padding: 0px; }
.ovui-schedule__header { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; font-size: 12px; line-height: 18px; border-bottom: 1px solid rgb(232, 234, 237); }
.ovui-schedule__header__explain { display: flex; }
.ovui-schedule__header__explain__selected, .ovui-schedule__header__explain__selectable { display: flex; color: rgb(49, 52, 59); align-items: center; margin-right: 11px; }
.ovui-schedule__header__explain__selected::before, .ovui-schedule__header__explain__selectable::before { content: ""; display: block; width: 12px; height: 4px; background-color: rgb(0, 87, 255); border-radius: 2px; margin-right: 8px; }
.ovui-schedule__header__explain__selectable::before { border: 1px solid rgb(218, 223, 227); background-color: transparent; }
.ovui-schedule__time-table-wrap { margin: 0px auto; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table { width: 100%; border-spacing: 0px; table-layout: fixed; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table__head__time-range { height: 39px; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table__head__time-range__title { width: 80px; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table tr th, .ovui-schedule__time-table-wrap .ovui-schedule__time-table tr td { border-width: medium 1px 1px medium; border-style: none solid solid none; border-color: currentcolor rgb(232, 234, 237) rgb(232, 234, 237) currentcolor; font-size: 14px; text-align: center; min-width: 11px; line-height: 1.8em; transition: 0.1s; color: rgb(49, 52, 59); background: rgb(255, 255, 255); }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table tr th:last-child, .ovui-schedule__time-table-wrap .ovui-schedule__time-table tr td:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table tr th .ovui-checkbox, .ovui-schedule__time-table-wrap .ovui-schedule__time-table tr td .ovui-checkbox { padding: 0px 2px; display: flex; line-height: 1.8em; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__week-title { display: flex; justify-content: center; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__week-title .ovui-checkbox__label { margin: 0px 0px 0px 5px; }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__atom-time:hover:not(.ovui-schedule__atom-time--disabled) { background: rgb(242, 244, 247); }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__atom-time--active:not(.ovui-schedule__atom-time--disabled) { background-color: rgb(0, 87, 255); }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__atom-time--active:not(.ovui-schedule__atom-time--disabled):hover { background-color: rgb(0, 87, 255); }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__atom-time--active.ovui-schedule__atom-time--disabled { background-color: rgb(186, 218, 255); }
.ovui-schedule__time-table-wrap .ovui-schedule__time-table .ovui-schedule__atom-time--disabled { background: rgb(250, 250, 250); cursor: not-allowed; }
.ovui-schedule__time-table-wrap tr td.ovui-schedule__selected-display { padding: 16px; border-bottom-style: none; }
.ovui-schedule__clear { display: flex; justify-content: space-between; padding-bottom: 12px; }
.ovui-schedule__selected-des { height: 22px; font-weight: 400; font-size: 14px; line-height: 22px; }
.ovui-schedule__empty { font-size: 14px; line-height: 22px; }
.ovui-schedule__selected-tip-label { min-width: 60px; margin-right: 8px; }
.ovui-schedule__selected-time-range { display: flex; text-align: start; }
.ovui-schedule__selected-time-range .ovui-schedule__selected-tip-label { text-align: left; }
.ovui-schedule__select-range-mask { background: rgb(46, 123, 255); width: 0px; height: 0px; position: fixed; z-index: 2; top: 0px; left: 0px; pointer-events: none; opacity: 0.6; }
.ovui-schedule-shortcuts { display: flex; }
.ovui-schedule-shortcuts__shortcut { font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 14px; margin-right: 24px; line-height: 22px; }
.ovui-schedule-shortcuts__shortcut:hover { color: rgb(0, 87, 255); }
.ovui-option { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.ovui-option__action { margin-right: 8px; display: inline-flex; align-items: center; }
.ovui-option__content { flex: 1 1 0%; align-items: center; }
.ovui-option__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ovui-option__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.ovui-option__expand--icon { color: rgb(49, 52, 59); }
.ovui-option.ovui-option--grouped { padding-left: 24px; padding-right: 24px; }
.ovui-option--single.ovui-option--selected { color: rgb(0, 87, 255); }
.ovui-option.ovui-option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-option.ovui-option--disabled .ovui-option__expand--icon { color: rgb(185, 188, 195); }
.ovui-option.ovui-option--disabled.ovui-option--single.ovui-option--selected { color: rgb(186, 218, 255); }
.ovui-option:hover:not(.ovui-option--disabled) { background-color: rgb(242, 244, 247); }
.ovui-option--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.ovui-option--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.ovui-option--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.ovui-option--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.ovui-option--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.ovui-option--rtl { direction: rtl; }
.ovui-option--rtl .ovui-option__action { margin-right: 0px; margin-left: 8px; }
.ovui-option--rtl .ovui-option__expand { margin-left: 0px; margin-right: 8px; }
.ovui-optgroup { display: none; }
.ovui-optgroup__label { color: rgb(147, 150, 157); cursor: default; }
.ovui-optgroup__label--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-optgroup--visible { display: block; }
.ovui-optgroup--xs { font-size: 12px; line-height: 18px; }
.ovui-optgroup--xs .ovui-optgroup__label { padding: 3px 12px; }
.ovui-optgroup--sm { font-size: 12px; line-height: 18px; }
.ovui-optgroup--sm .ovui-optgroup__label { padding: 5px 12px; }
.ovui-optgroup--md { font-size: 14px; line-height: 22px; }
.ovui-optgroup--md .ovui-optgroup__label { padding: 6px 12px; }
.ovui-optgroup--lg { font-size: 14px; line-height: 22px; }
.ovui-optgroup--lg .ovui-optgroup__label { padding: 7px 12px; }
.ovui-optgroup--xl { font-size: 16px; line-height: 24px; }
.ovui-optgroup--xl .ovui-optgroup__label { padding: 8px 12px; }
.ovui-custom-input { position: relative; width: 100%; outline: none; padding: 0px 8px; border-radius: 8px; display: inline-flex; cursor: pointer; }
.ovui-custom-input::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-custom-input::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-custom-input::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-custom-input::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-custom-input__content { flex: 1 1 0%; display: flex; flex-wrap: wrap; max-width: 100%; word-break: break-all; align-items: center; gap: 4px; }
.ovui-custom-input__prefix { display: flex; align-items: center; margin-right: 4px; }
.ovui-custom-input__suffix, .ovui-custom-input__after { position: sticky; top: 0px; display: inline-flex; color: rgb(49, 52, 59); padding-left: 4px; align-items: center; }
.ovui-custom-input__search { max-width: 100%; width: 100%; min-width: 4px; flex: 1 1 0%; }
.ovui-custom-input__after--has-clear .ovui-icon { opacity: 0; }
.ovui-custom-input__after--has-clear .ovui-custom-input__clear { opacity: 1; }
.ovui-custom-input__clear { visibility: hidden; color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.ovui-custom-input__clear--absolute { position: absolute; display: none; right: 0px; }
.ovui-custom-input__clear--margin-right { margin-right: 12px; }
.ovui-custom-input__clear--show { visibility: visible; display: block; }
.ovui-custom-input__clear:hover { color: rgb(98, 101, 108); }
.ovui-custom-input__clear:active { color: rgb(49, 52, 59); }
.ovui-custom-input--collapsible { overflow-y: hidden; }
.ovui-custom-input--open { z-index: 3; border-radius: 8px; background-color: rgb(255, 255, 255); position: absolute; overflow-y: auto; }
.ovui-custom-input--expand { position: relative; }
.ovui-custom-input--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.ovui-custom-input--stroke:hover { border-color: rgb(0, 87, 255); }
.ovui-custom-input--stroke.ovui-custom-input--focused, .ovui-custom-input--stroke.ovui-custom-input--focused:hover { border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.ovui-custom-input--stroke.ovui-custom-input--focused.ovui-custom-input--error, .ovui-custom-input--stroke.ovui-custom-input--focused.ovui-custom-input--error:hover { border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.ovui-custom-input--stroke.ovui-custom-input--error, .ovui-custom-input--stroke.ovui-custom-input--error:hover { border-color: rgb(227, 73, 73); }
.ovui-custom-input--stroke.ovui-custom-input--disabled, .ovui-custom-input--stroke.ovui-custom-input--disabled.ovui-custom-input--error, .ovui-custom-input--stroke.ovui-custom-input--disabled.ovui-custom-input--focused, .ovui-custom-input--stroke.ovui-custom-input--disabled:hover, .ovui-custom-input--stroke.ovui-custom-input--disabled.ovui-custom-input--error:hover, .ovui-custom-input--stroke.ovui-custom-input--disabled.ovui-custom-input--focused:hover { background-color: rgb(245, 247, 250); border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.ovui-custom-input--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); }
.ovui-custom-input--fill:hover { border-color: rgb(0, 87, 255); background-color: rgb(242, 244, 247); }
.ovui-custom-input--fill.ovui-custom-input--error { border-color: transparent; background-color: rgb(253, 242, 242); }
.ovui-custom-input--fill.ovui-custom-input--error:hover { border-color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); }
.ovui-custom-input--fill.ovui-custom-input--focused, .ovui-custom-input--fill.ovui-custom-input--focused:hover { border-color: rgb(0, 87, 255); background-color: rgb(232, 234, 237); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.ovui-custom-input--fill.ovui-custom-input--focused.ovui-custom-input--error, .ovui-custom-input--fill.ovui-custom-input--focused.ovui-custom-input--error:hover { border-color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.ovui-custom-input--fill.ovui-custom-input--disabled, .ovui-custom-input--fill.ovui-custom-input--disabled.ovui-custom-input--error, .ovui-custom-input--fill.ovui-custom-input--disabled.ovui-custom-input--focused, .ovui-custom-input--fill.ovui-custom-input--disabled:hover, .ovui-custom-input--fill.ovui-custom-input--disabled.ovui-custom-input--error:hover, .ovui-custom-input--fill.ovui-custom-input--disabled.ovui-custom-input--focused:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); }
.ovui-custom-input--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.ovui-custom-input--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.ovui-custom-input--disabled, .ovui-custom-input--disabled:hover { box-shadow: none; cursor: not-allowed; animation: auto ease 0s 1 normal none running none; }
.ovui-custom-input--disabled .ovui-custom-input__suffix, .ovui-custom-input--disabled .ovui-custom-input__after { color: rgb(205, 209, 216); }
.ovui-custom-input--xs { font-size: 12px; line-height: 18px; min-height: 24px; }
.ovui-custom-input--xs .ovui-custom-input__content { gap: 3px 4px; }
.ovui-custom-input--xs .ovui-custom-input__search { margin: 2px 4px 2px 0px; }
.ovui-custom-input--xs .ovui-custom-input__suffix { height: 22px; }
.ovui-custom-input--xs .ovui-custom-input__suffix--center { top: calc(50% - 11px); }
.ovui-custom-input--xs.ovui-custom-input--collapsible { max-height: 24px; }
.ovui-custom-input--xs.ovui-custom-input--open { max-height: 86px; }
.ovui-custom-input--sm { font-size: 12px; line-height: 18px; min-height: 28px; }
.ovui-custom-input--sm .ovui-custom-input__search { margin: 4px 4px 4px 0px; }
.ovui-custom-input--sm .ovui-custom-input__suffix .ovui-custom-input__after { height: 26px; }
.ovui-custom-input--sm .ovui-custom-input__suffix .ovui-custom-input__after--center { top: calc(50% - 13px); }
.ovui-custom-input--sm.ovui-custom-input--collapsible { max-height: 28px; }
.ovui-custom-input--sm.ovui-custom-input--open { max-height: 93px; }
.ovui-custom-input--md { font-size: 14px; line-height: 22px; min-height: 32px; }
.ovui-custom-input--md .ovui-custom-input__search { margin: 5px 4px 5px 0px; }
.ovui-custom-input--md .ovui-custom-input__suffix, .ovui-custom-input--md .ovui-custom-input__after { height: 30px; }
.ovui-custom-input--md .ovui-custom-input__suffix--center, .ovui-custom-input--md .ovui-custom-input__after--center { top: calc(50% - 15px); }
.ovui-custom-input--md.ovui-custom-input--collapsible { max-height: 32px; }
.ovui-custom-input--md.ovui-custom-input--open { max-height: 107px; }
.ovui-custom-input--lg { font-size: 14px; line-height: 22px; min-height: 36px; }
.ovui-custom-input--lg .ovui-custom-input__search { margin: 6px 4px 6px 0px; }
.ovui-custom-input--lg .ovui-custom-input, .ovui-custom-input--lg .ovui-custom-input__after { height: 34px; }
.ovui-custom-input--lg .ovui-custom-input--center, .ovui-custom-input--lg .ovui-custom-input__after--center { top: calc(50% - 17px); }
.ovui-custom-input--lg.ovui-custom-input--collapsible { max-height: 36px; }
.ovui-custom-input--lg.ovui-custom-input--open { max-height: 121px; }
.ovui-custom-input--xl { font-size: 16px; line-height: 24px; min-height: 40px; }
.ovui-custom-input--xl .ovui-custom-input__search { margin: 8px 4px 8px 0px; }
.ovui-custom-input--xl .ovui-custom-input__suffix, .ovui-custom-input--xl .ovui-custom-input__after { height: 38px; }
.ovui-custom-input--xl .ovui-custom-input__suffix--center, .ovui-custom-input--xl .ovui-custom-input__after--center { top: calc(50% - 19px); }
.ovui-custom-input--xl.ovui-custom-input--collapsible { max-height: 40px; }
.ovui-custom-input--xl.ovui-custom-input--open { max-height: 135px; }
.ovui-custom-input__wrapper { width: 100%; position: relative; }
.ovui-custom-input__wrapper--xs { height: 24px; }
.ovui-custom-input__wrapper--sm { height: 28px; }
.ovui-custom-input__wrapper--md { height: 32px; }
.ovui-custom-input__wrapper--lg { height: 36px; }
.ovui-custom-input__wrapper--xl { height: 40px; }
.ovui-custom-input__wrapper--expand { height: unset; }
.ovui-custom-input--rtl { direction: rtl; }
.ovui-custom-input--rtl .ovui-custom-input__clear--absolute { right: auto; left: 0px; }
.ovui-custom-input--rtl .ovui-custom-input__clear--margin-right { margin-right: 0px; margin-left: 12px; }
.ovui-custom-input--rtl .ovui-custom-input__prefix { margin-left: 4px; margin-right: 0px; }
.ovui-custom-input--rtl .ovui-custom-input__suffix, .ovui-custom-input--rtl .ovui-custom-input__after { padding-right: 4px; padding-left: 0px; }
.ovui-custom-input--rtl.ovui-custom-input--xs .ovui-custom-input__search, .ovui-custom-input--rtl.ovui-custom-input--sm .ovui-custom-input__search, .ovui-custom-input--rtl.ovui-custom-input--md .ovui-custom-input__search, .ovui-custom-input--rtl.ovui-custom-input--lg .ovui-custom-input__search, .ovui-custom-input--rtl.ovui-custom-input--xl .ovui-custom-input__search { margin-left: 4px; margin-right: 0px; }
.ovui-select { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.ovui-select__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.ovui-select__arrow { color: rgb(147, 150, 157); }
.ovui-select__arrow--open { transform: rotate(180deg); }
.ovui-select__input:not(.ovui-input__wrapper--disabled) { cursor: pointer; }
.ovui-select__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ovui-select__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.ovui-select--stroke .ovui-select__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-select--stroke.ovui-select--disabled .ovui-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-select--fill .ovui-select__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.ovui-select--fill.ovui-select--disabled .ovui-select__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.ovui-select--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.ovui-select--text:hover, .ovui-select--text .ovui-select__text-wrapper--active { color: rgb(0, 87, 255); }
.ovui-select--text:hover:active, .ovui-select--text .ovui-select__text-wrapper--active:active { color: rgb(0, 63, 210); }
.ovui-select--text .ovui-select__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.ovui-select--text .ovui-select__arrow { margin-right: 0px; }
.ovui-select--text.ovui-select--disabled, .ovui-select--text.ovui-select--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.ovui-select--xs { font-size: 12px; line-height: 18px; }
.ovui-select--xs .ovui-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-select--sm { font-size: 12px; line-height: 18px; }
.ovui-select--sm .ovui-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.ovui-select--md, .ovui-select--lg { font-size: 14px; line-height: 22px; }
.ovui-select--xl { font-size: 16px; line-height: 24px; }
.ovui-select--disabled .ovui-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.ovui-select--disabled .ovui-select__arrow { color: rgb(205, 209, 216); }
.ovui-select__multiple .ovui-custom-input { padding: 3px 8px; color: rgb(49, 52, 59); }
.ovui-select__multiple .ovui-custom-input__content { padding-right: 54px; overflow-y: auto; }
.ovui-select__multiple .ovui-custom-input__after { position: absolute; right: 8px; }
.ovui-select__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; border-radius: 8px; display: none; background-color: rgb(255, 255, 255); }
.ovui-select__popper--show { display: block; }
.ovui-select__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-select__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.ovui-select--rtl { direction: rtl; }
.ovui-select--rtl .ovui-select__tips { margin-right: 0px; margin-left: 4px; }
.ovui-select__popper--rtl { direction: rtl; }
.ovui-select-fade-enter-active, .ovui-select-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.ovui-select-fade-enter-from, .ovui-select-fade-leave-to { opacity: 0; }
.ovui-select-fade-enter-to, .ovui-select-fade-leave-from { opacity: 1; }
.ovui-select__filter { border-bottom: 1px solid rgb(232, 234, 237); }
.ovui-select__filter-icon { color: rgb(185, 188, 195); }
.ovui-select__options { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.ovui-select__options::-webkit-scrollbar-track-piece { background-color: transparent; }
.ovui-select__options::-webkit-scrollbar { width: 6px; height: 9px; }
.ovui-select__options::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.ovui-select__options::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.ovui-slider { position: relative; cursor: pointer; box-sizing: content-box; touch-action: none; height: 4px; font-size: 14px; border-radius: 3px; }
.ovui-slider__rail { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 4px; background-color: rgb(242, 244, 247); border-radius: 3px; transition: background-color 0.3s; }
.ovui-slider__track { position: absolute; top: 50%; transform: translateY(-50%); height: 4px; border-radius: 3px; background-color: rgb(0, 87, 255); }
.ovui-slider__track:hover { background-color: rgb(46, 123, 255); }
.ovui-slider__track:active { background-color: rgb(0, 63, 210); }
.ovui-slider__thumb { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: rgb(255, 255, 255); border: 4px solid rgb(0, 87, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.ovui-slider__thumb:focus { outline: none; }
.ovui-slider__thumb:hover { border-color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); }
.ovui-slider__thumb:active { background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.ovui-slider__steps__step { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: rgb(255, 255, 255); border: 2px solid rgb(232, 234, 237); border-radius: 50%; }
.ovui-slider__steps__step--active { border: 2px solid rgb(0, 87, 255); }
.ovui-slider__marks { position: absolute; width: 100%; top: 18px; }
.ovui-slider__marks__mark { position: absolute; top: 0px; transform: translate(-50%); font-size: 14px; word-break: keep-all; }
.ovui-slider__marks__mark--active { color: rgb(0, 87, 255); }
.ovui-slider--disabled .ovui-slider__rail { background-color: rgb(245, 247, 250); }
.ovui-slider--disabled .ovui-slider__thumb { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.ovui-slider--disabled .ovui-slider__track { background-color: rgb(186, 218, 255); }
.ovui-slider--disabled .ovui-slider__steps { background-color: rgb(247, 249, 252); border-color: rgb(222, 224, 227); }
.ovui-slider--disabled .ovui-slider__steps--active, .ovui-slider--disabled .ovui-slider__steps__step--active { border-color: rgb(186, 218, 255); }
.ovui-slider--disabled .ovui-slider__marks__mark { color: rgb(205, 209, 216); }
.ovui-slider--disabled .ovui-slider__marks__mark--active { color: rgb(186, 218, 255); }
.ovui-spin__block { position: absolute; inset: 0px; }
.ovui-spin__fullscreen { position: fixed; margin: 0px; inset: 0px; }
.ovui-spin .ovui-icon__loading { color: rgb(46, 123, 255); }
.ovui-spin__block-mask { position: absolute; background: rgba(255, 255, 255, 0.7); }
.ovui-spin__content { display: inline-flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ovui-inline-spin { display: inline-flex; color: rgb(46, 123, 255); }
.ovui-statistic { display: flex; flex-direction: column; }
.ovui-statistic__title { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; }
.ovui-statistic__content { display: flex; padding-top: 4px; padding-bottom: 12px; font-size: 30px; line-height: 44px; }
.ovui-statistic__suffix { margin-left: 4px; }
.ovui-statistic__prefix { margin-right: 4px; }
.ovui-step { display: flex; overflow: hidden; flex: 1 1 0%; align-self: flex-start; margin-right: 16px; padding-right: 16px; }
.ovui-step:last-of-type { flex: 0 0 auto; margin-right: 0px; padding-right: 0px; }
.ovui-step:last-of-type .ovui-step__title::after { display: none; }
.ovui-step:last-of-type .ovui-step__click-wrap::after { display: none; }
.ovui-step .ovui-step__click-wrap { display: flex; position: relative; }
.ovui-step .ovui-step__click-wrap::after { content: ""; position: absolute; width: 10000px; height: 0px; border-top: 1px solid rgb(223, 224, 226); left: 100%; top: 16px; }
.ovui-step .ovui-step__click-wrap .ovui-step__title::after { display: none; }
.ovui-step .ovui-step__clickable { cursor: pointer; }
.ovui-step .ovui-step__disabled { cursor: not-allowed; }
.ovui-step--space { flex: 0 0 auto; }
.ovui-step--vertical { margin-right: 0px; }
.ovui-step--vertical:not(:first-of-type) { margin-top: 16px; }
.ovui-step--vertical:first-of-type .ovui-step__icon::before { display: none; }
.ovui-step--vertical:last-of-type .ovui-step__icon::after { display: none; }
.ovui-step--vertical .ovui-step__title::after { display: none; }
.ovui-step--vertical .ovui-step__icon::after { content: ""; position: absolute; height: 10000px; width: 0px; border-left: 1px solid rgb(223, 224, 226); left: 50%; top: 40px; }
.ovui-step--vertical.ovui-step--order-align-center { align-items: center; }
.ovui-step--vertical.ovui-step--order-align-center:not(:first-of-type) { margin-top: 0px; padding-top: 16px; }
.ovui-step--vertical.ovui-step--order-align-center .ovui-step__icon::before { content: ""; position: absolute; height: 10000px; width: 0px; border-left: 1px solid rgb(223, 224, 226); left: 50%; bottom: 40px; }
.ovui-step__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; }
.ovui-step__icon .ovui-step__iconbox { display: flex; align-items: center; justify-content: center; font-weight: bolder; width: 100%; height: 100%; border-radius: 50%; color: rgb(147, 150, 157); background-color: rgb(242, 244, 247); font-size: 18px; line-height: 0; }
.ovui-step__content { margin-left: 8px; }
.ovui-step__title { position: relative; display: inline-flex; align-items: center; font-size: 16px; color: rgb(147, 150, 157); min-height: 32px; margin: 0px; font-weight: 600; padding-right: 16px; }
.ovui-step__title::after { content: ""; position: absolute; width: 10000px; height: 0px; border-top: 1px solid rgb(223, 224, 226); left: 100%; top: 16px; }
.ovui-step__desc { display: flex; align-items: center; margin: 0px; min-height: 20px; font-size: 12px; color: rgb(147, 150, 157); }
.ovui-step__desc-default { color: rgb(49, 52, 59) !important; }
.ovui-step__desc-auxiliary { color: rgb(98, 101, 108) !important; }
.ovui-step__desc-secondary { color: rgb(147, 150, 157) !important; }
.ovui-step__desc-primary { color: rgb(0, 87, 255) !important; }
.ovui-step__desc-danger { color: rgb(227, 73, 73) !important; }
.ovui-step__desc-success { color: rgb(77, 139, 47) !important; }
.ovui-step__desc-warning { color: rgb(235, 150, 23) !important; }
.ovui-step--dotted .ovui-step__title::after { border-top-style: dotted; }
.ovui-step--dotted .ovui-step__icon::after { border-left-style: dotted; }
.ovui-step--dashed .ovui-step__title::after { border-top-style: dashed; }
.ovui-step--dashed .ovui-step__icon::after { border-left-style: dashed; }
.ovui-step--double .ovui-step__title::after { border-top-style: double; }
.ovui-step--double .ovui-step__icon::after { border-left-style: double; }
.ovui-step--progressing .ovui-step__icon .ovui-step__iconbox { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); }
.ovui-step--progressing .ovui-step__icon::before { border-left-color: rgb(0, 87, 255) !important; }
.ovui-step--progressing .ovui-step__icon::after { border-left-color: rgb(223, 224, 226); }
.ovui-step--progressing .ovui-step__title { color: rgb(0, 87, 255); }
.ovui-step--progressing .ovui-step__title::before { border-left-color: rgb(0, 87, 255) !important; }
.ovui-step--progressing .ovui-step__title::after { border-top-color: rgb(223, 224, 226) !important; }
.ovui-step--progressing .ovui-step__desc { color: rgb(0, 87, 255); }
.ovui-step--finished .ovui-step__icon .ovui-step__iconbox { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.ovui-step--finished .ovui-step__icon .ovui-step__iconbox .ovui-step__icon-check { color: rgb(0, 87, 255); }
.ovui-step--finished .ovui-step__icon::before, .ovui-step--finished .ovui-step__icon::after { border-left-color: rgb(0, 87, 255) !important; }
.ovui-step--finished .ovui-step__title { color: rgb(49, 52, 59); }
.ovui-step--finished .ovui-step__title::before, .ovui-step--finished .ovui-step__title::after { border-top-color: rgb(0, 87, 255) !important; }
.ovui-step--error .ovui-step__icon .ovui-step__iconbox { color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); }
.ovui-step--error .ovui-step__icon::after { border-left-color: rgb(223, 224, 226); }
.ovui-step--error .ovui-step__title { color: rgb(227, 73, 73); }
.ovui-step--error .ovui-step__title::after { border-top-color: rgb(223, 224, 226); }
.ovui-step--error .ovui-step__desc { color: rgb(227, 73, 73); }
.ovui-step--lg .ovui-step__icon, .ovui-step--xl .ovui-step__icon { width: 36px; height: 36px; }
.ovui-step--lg .ovui-step__title, .ovui-step--xl .ovui-step__title { font-size: 18px; min-height: 36px; }
.ovui-step--lg .ovui-step__title::after, .ovui-step--xl .ovui-step__title::after { top: 18px; }
.ovui-step--lg .ovui-step__desc, .ovui-step--xl .ovui-step__desc { min-height: 22px; font-size: 14px; }
.ovui-step--sm .ovui-step__icon { width: 28px; height: 28px; }
.ovui-step--sm .ovui-step__icon::before { bottom: 36px !important; }
.ovui-step--sm .ovui-step__icon::after { top: 36px; }
.ovui-step--sm .ovui-step__iconbox { font-size: 14px; }
.ovui-step--sm .ovui-step__title { font-size: 14px; min-height: 28px; padding-right: 8px; }
.ovui-step--sm .ovui-step__title::after { top: 14px; }
.ovui-step--sm .ovui-step__desc { min-height: 20px; font-size: 12px; }
.ovui-step--xs .ovui-step__icon { width: 24px; height: 24px; }
.ovui-step--xs .ovui-step__icon::before { bottom: 32px !important; }
.ovui-step--xs .ovui-step__icon::after { top: 32px; }
.ovui-step--xs .ovui-step__iconbox { font-size: 12px; }
.ovui-step--xs .ovui-step__title { font-size: 12px; min-height: 24px; padding-right: 8px; }
.ovui-step--xs .ovui-step__title::after { top: 12px; }
.ovui-step--xs .ovui-step__desc { min-height: 20px; font-size: 12px; }
.ovui-steps { display: flex; }
.ovui-steps--vertical { flex-direction: column; }
.ovui-steps--rtl { direction: rtl; }
.ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl { margin-left: 16px; padding-left: 16px; margin-right: auto; padding-right: 0px; }
.ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl .ovui-step__content { margin-left: auto; margin-right: 8px; }
.ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl .ovui-step__content .ovui-step__title { padding-right: 0px; padding-left: 16px; }
.ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl .ovui-step__content .ovui-step__title::after { left: auto; right: 100%; }
.ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl.ovui-step--xs .ovui-step__content .ovui-step__title, .ovui-steps--rtl.ovui-steps--horizontal .ovui-step--rtl.ovui-step--md .ovui-step__content .ovui-step__title { padding-left: 8px; }
.ovui-steps--rtl.ovui-steps--vertical .ovui-step:last-of-type { padding-right: 16px; }
.ovui-switch { display: inline-flex; align-items: center; user-select: none; overflow: hidden; cursor: pointer; }
.ovui-switch__children-placeholder { display: flex; }
.ovui-switch--xs { min-width: 28px; height: 16px; background-color: rgb(185, 188, 195); border-radius: 8px; color: rgb(255, 255, 255); position: relative; }
.ovui-switch--xs:active .ovui-switch__thumb { width: 16px; border-radius: 8px; transition: 0.1s ease-in-out; }
.ovui-switch--xs:active.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 20px); }
.ovui-switch--xs .ovui-switch__thumb { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.1s ease-in-out; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
@keyframes switch-thumb-change-xs { 
  0% { width: 16px; border-radius: 8px; left: 0px; }
  100% { width: 12px; border-radius: 50%; right: 0px; }
}
@keyframes switch-thumb-change1-xs { 
  0% { width: 16px; border-radius: 8px; right: 0px; }
  100% { width: 12px; border-radius: 50%; left: 0px; }
}
.ovui-switch--xs .ovui-switch__thumb--to-unchecked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change1-xs; }
.ovui-switch--xs .ovui-switch__thumb--to-checked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change-xs; }
.ovui-switch--xs .ovui-switch__thumb .ovui-switch__loading_wrapper { width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.ovui-switch--xs .ovui-switch__thumb .ovui-switch__truthy-content-wrapper, .ovui-switch--xs .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 12px; }
.ovui-switch--xs .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { right: 0px; padding-right: 18px; color: rgb(255, 255, 255); }
.ovui-switch--xs .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { left: 0px; padding-left: 18px; color: rgb(255, 255, 255); }
.ovui-switch--xs .ovui-switch__content-placeholder { visibility: hidden; font-size: 12px; }
.ovui-switch--xs .ovui-switch__content-placeholder .ovui-switch__truthy-placeholder, .ovui-switch--xs .ovui-switch__content-placeholder .ovui-switch__falsy-placeholder { display: flex; align-items: center; }
.ovui-switch--xs .ovui-switch__content-placeholder .ovui-switch__thumb-placeholder { width: 18px; height: 12px; margin-left: 6px; margin-right: 6px; }
.ovui-switch--xs.ovui-switch--disabled, .ovui-switch--xs.ovui-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.ovui-switch--xs.ovui-switch--disabled .ovui-switch__thumb, .ovui-switch--xs.ovui-switch--loading .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.ovui-switch--xs.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.ovui-switch--xs.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 16px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.ovui-switch--xs.ovui-switch--disabled.ovui-switch--checked, .ovui-switch--xs.ovui-switch--loading.ovui-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.ovui-switch--xs.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb, .ovui-switch--xs.ovui-switch--loading.ovui-switch--checked .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.ovui-switch--xs .ovui-switch__thumb-icon, .ovui-switch--xs .ovui-switch__thumb-icon .ovui-switch__truthy-icon, .ovui-switch--xs .ovui-switch__thumb-icon .ovui-switch__falsy-icon { display: inline-flex; }
.ovui-switch--xs.ovui-switch--rtl .ovui-switch__thumb { left: auto; right: 0px; }
.ovui-switch--xs.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 18px; color: rgb(255, 255, 255); }
.ovui-switch--xs.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 18px; color: rgb(255, 255, 255); }
.ovui-switch--xs.ovui-switch--rtl.ovui-switch--checked .ovui-switch__thumb { right: calc(100% - 16px); }
.ovui-switch--sm { min-width: 28px; height: 16px; background-color: rgb(185, 188, 195); border-radius: 8px; color: rgb(255, 255, 255); position: relative; }
.ovui-switch--sm:active .ovui-switch__thumb { width: 16px; border-radius: 8px; transition: 0.1s ease-in-out; }
.ovui-switch--sm:active.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 20px); }
.ovui-switch--sm .ovui-switch__thumb { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.1s ease-in-out; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
@keyframes switch-thumb-change-sm { 
  0% { width: 16px; border-radius: 8px; left: 0px; }
  100% { width: 12px; border-radius: 50%; right: 0px; }
}
@keyframes switch-thumb-change1-sm { 
  0% { width: 16px; border-radius: 8px; right: 0px; }
  100% { width: 12px; border-radius: 50%; left: 0px; }
}
.ovui-switch--sm .ovui-switch__thumb--to-unchecked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change1-sm; }
.ovui-switch--sm .ovui-switch__thumb--to-checked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change-sm; }
.ovui-switch--sm .ovui-switch__thumb .ovui-switch__loading_wrapper { width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.ovui-switch--sm .ovui-switch__thumb .ovui-switch__truthy-content-wrapper, .ovui-switch--sm .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 12px; }
.ovui-switch--sm .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { right: 0px; padding-right: 18px; color: rgb(255, 255, 255); }
.ovui-switch--sm .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { left: 0px; padding-left: 18px; color: rgb(255, 255, 255); }
.ovui-switch--sm .ovui-switch__content-placeholder { visibility: hidden; font-size: 12px; }
.ovui-switch--sm .ovui-switch__content-placeholder .ovui-switch__truthy-placeholder, .ovui-switch--sm .ovui-switch__content-placeholder .ovui-switch__falsy-placeholder { display: flex; align-items: center; }
.ovui-switch--sm .ovui-switch__content-placeholder .ovui-switch__thumb-placeholder { width: 18px; height: 12px; margin-left: 6px; margin-right: 6px; }
.ovui-switch--sm.ovui-switch--disabled, .ovui-switch--sm.ovui-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.ovui-switch--sm.ovui-switch--disabled .ovui-switch__thumb, .ovui-switch--sm.ovui-switch--loading .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.ovui-switch--sm.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.ovui-switch--sm.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 16px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.ovui-switch--sm.ovui-switch--disabled.ovui-switch--checked, .ovui-switch--sm.ovui-switch--loading.ovui-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.ovui-switch--sm.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb, .ovui-switch--sm.ovui-switch--loading.ovui-switch--checked .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.ovui-switch--sm .ovui-switch__thumb-icon, .ovui-switch--sm .ovui-switch__thumb-icon .ovui-switch__truthy-icon, .ovui-switch--sm .ovui-switch__thumb-icon .ovui-switch__falsy-icon { display: inline-flex; }
.ovui-switch--sm.ovui-switch--rtl .ovui-switch__thumb { left: auto; right: 0px; }
.ovui-switch--sm.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 18px; color: rgb(255, 255, 255); }
.ovui-switch--sm.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 18px; color: rgb(255, 255, 255); }
.ovui-switch--sm.ovui-switch--rtl.ovui-switch--checked .ovui-switch__thumb { right: calc(100% - 16px); }
.ovui-switch--md { min-width: 40px; height: 22px; background-color: rgb(185, 188, 195); border-radius: 12px; color: rgb(255, 255, 255); position: relative; }
.ovui-switch--md:active .ovui-switch__thumb { width: 24px; border-radius: 12px; transition: 0.1s ease-in-out; }
.ovui-switch--md:active.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 28px); }
.ovui-switch--md .ovui-switch__thumb { width: 18px; height: 18px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.1s ease-in-out; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
@keyframes switch-thumb-change-md { 
  0% { width: 24px; border-radius: 12px; left: 0px; }
  100% { width: 18px; border-radius: 50%; right: 0px; }
}
@keyframes switch-thumb-change1-md { 
  0% { width: 24px; border-radius: 12px; right: 0px; }
  100% { width: 18px; border-radius: 50%; left: 0px; }
}
.ovui-switch--md .ovui-switch__thumb--to-unchecked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change1-md; }
.ovui-switch--md .ovui-switch__thumb--to-checked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change-md; }
.ovui-switch--md .ovui-switch__thumb .ovui-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ovui-switch--md .ovui-switch__thumb .ovui-switch__truthy-content-wrapper, .ovui-switch--md .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.ovui-switch--md .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { right: 0px; padding-right: 24px; color: rgb(255, 255, 255); }
.ovui-switch--md .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { left: 0px; padding-left: 24px; color: rgb(255, 255, 255); }
.ovui-switch--md .ovui-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.ovui-switch--md .ovui-switch__content-placeholder .ovui-switch__truthy-placeholder, .ovui-switch--md .ovui-switch__content-placeholder .ovui-switch__falsy-placeholder { display: flex; align-items: center; }
.ovui-switch--md .ovui-switch__content-placeholder .ovui-switch__thumb-placeholder { width: 27px; height: 18px; margin-left: 6px; margin-right: 6px; }
.ovui-switch--md.ovui-switch--disabled, .ovui-switch--md.ovui-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.ovui-switch--md.ovui-switch--disabled .ovui-switch__thumb, .ovui-switch--md.ovui-switch--loading .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.ovui-switch--md.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.ovui-switch--md.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 22px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.ovui-switch--md.ovui-switch--disabled.ovui-switch--checked, .ovui-switch--md.ovui-switch--loading.ovui-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.ovui-switch--md.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb, .ovui-switch--md.ovui-switch--loading.ovui-switch--checked .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.ovui-switch--md .ovui-switch__thumb-icon, .ovui-switch--md .ovui-switch__thumb-icon .ovui-switch__truthy-icon, .ovui-switch--md .ovui-switch__thumb-icon .ovui-switch__falsy-icon { display: inline-flex; }
.ovui-switch--md.ovui-switch--rtl .ovui-switch__thumb { left: auto; right: 0px; }
.ovui-switch--md.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 24px; color: rgb(255, 255, 255); }
.ovui-switch--md.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 24px; color: rgb(255, 255, 255); }
.ovui-switch--md.ovui-switch--rtl.ovui-switch--checked .ovui-switch__thumb { right: calc(100% - 22px); }
.ovui-switch--lg { min-width: 52px; height: 28px; background-color: rgb(185, 188, 195); border-radius: 14px; color: rgb(255, 255, 255); position: relative; }
.ovui-switch--lg:active .ovui-switch__thumb { width: 32px; border-radius: 14px; transition: 0.1s ease-in-out; }
.ovui-switch--lg:active.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 36px); }
.ovui-switch--lg .ovui-switch__thumb { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.1s ease-in-out; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
@keyframes switch-thumb-change-lg { 
  0% { width: 32px; border-radius: 14px; left: 0px; }
  100% { width: 24px; border-radius: 50%; right: 0px; }
}
@keyframes switch-thumb-change1-lg { 
  0% { width: 32px; border-radius: 14px; right: 0px; }
  100% { width: 24px; border-radius: 50%; left: 0px; }
}
.ovui-switch--lg .ovui-switch__thumb--to-unchecked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change1-lg; }
.ovui-switch--lg .ovui-switch__thumb--to-checked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change-lg; }
.ovui-switch--lg .ovui-switch__thumb .ovui-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ovui-switch--lg .ovui-switch__thumb .ovui-switch__truthy-content-wrapper, .ovui-switch--lg .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.ovui-switch--lg .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { right: 0px; padding-right: 30px; color: rgb(255, 255, 255); }
.ovui-switch--lg .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { left: 0px; padding-left: 30px; color: rgb(255, 255, 255); }
.ovui-switch--lg .ovui-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.ovui-switch--lg .ovui-switch__content-placeholder .ovui-switch__truthy-placeholder, .ovui-switch--lg .ovui-switch__content-placeholder .ovui-switch__falsy-placeholder { display: flex; align-items: center; }
.ovui-switch--lg .ovui-switch__content-placeholder .ovui-switch__thumb-placeholder { width: 36px; height: 24px; margin-left: 6px; margin-right: 6px; }
.ovui-switch--lg.ovui-switch--disabled, .ovui-switch--lg.ovui-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.ovui-switch--lg.ovui-switch--disabled .ovui-switch__thumb, .ovui-switch--lg.ovui-switch--loading .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.ovui-switch--lg.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.ovui-switch--lg.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 28px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.ovui-switch--lg.ovui-switch--disabled.ovui-switch--checked, .ovui-switch--lg.ovui-switch--loading.ovui-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.ovui-switch--lg.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb, .ovui-switch--lg.ovui-switch--loading.ovui-switch--checked .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.ovui-switch--lg .ovui-switch__thumb-icon, .ovui-switch--lg .ovui-switch__thumb-icon .ovui-switch__truthy-icon, .ovui-switch--lg .ovui-switch__thumb-icon .ovui-switch__falsy-icon { display: inline-flex; }
.ovui-switch--lg.ovui-switch--rtl .ovui-switch__thumb { left: auto; right: 0px; }
.ovui-switch--lg.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 30px; color: rgb(255, 255, 255); }
.ovui-switch--lg.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 30px; color: rgb(255, 255, 255); }
.ovui-switch--lg.ovui-switch--rtl.ovui-switch--checked .ovui-switch__thumb { right: calc(100% - 28px); }
.ovui-switch--xl { min-width: 52px; height: 28px; background-color: rgb(185, 188, 195); border-radius: 14px; color: rgb(255, 255, 255); position: relative; }
.ovui-switch--xl:active .ovui-switch__thumb { width: 32px; border-radius: 14px; transition: 0.1s ease-in-out; }
.ovui-switch--xl:active.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 36px); }
.ovui-switch--xl .ovui-switch__thumb { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.1s ease-in-out; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
@keyframes switch-thumb-change-xl { 
  0% { width: 32px; border-radius: 14px; left: 0px; }
  100% { width: 24px; border-radius: 50%; right: 0px; }
}
@keyframes switch-thumb-change1-xl { 
  0% { width: 32px; border-radius: 14px; right: 0px; }
  100% { width: 24px; border-radius: 50%; left: 0px; }
}
.ovui-switch--xl .ovui-switch__thumb--to-unchecked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change1-xl; }
.ovui-switch--xl .ovui-switch__thumb--to-checked { animation: 0.1s ease-in-out 0s 1 normal none running switch-thumb-change-xl; }
.ovui-switch--xl .ovui-switch__thumb .ovui-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.ovui-switch--xl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper, .ovui-switch--xl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.ovui-switch--xl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { right: 0px; padding-right: 30px; color: rgb(255, 255, 255); }
.ovui-switch--xl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { left: 0px; padding-left: 30px; color: rgb(255, 255, 255); }
.ovui-switch--xl .ovui-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.ovui-switch--xl .ovui-switch__content-placeholder .ovui-switch__truthy-placeholder, .ovui-switch--xl .ovui-switch__content-placeholder .ovui-switch__falsy-placeholder { display: flex; align-items: center; }
.ovui-switch--xl .ovui-switch__content-placeholder .ovui-switch__thumb-placeholder { width: 36px; height: 24px; margin-left: 6px; margin-right: 6px; }
.ovui-switch--xl.ovui-switch--disabled, .ovui-switch--xl.ovui-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.ovui-switch--xl.ovui-switch--disabled .ovui-switch__thumb, .ovui-switch--xl.ovui-switch--loading .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.ovui-switch--xl.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.ovui-switch--xl.ovui-switch--checked .ovui-switch__thumb { left: calc(100% - 28px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.ovui-switch--xl.ovui-switch--disabled.ovui-switch--checked, .ovui-switch--xl.ovui-switch--loading.ovui-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.ovui-switch--xl.ovui-switch--disabled.ovui-switch--checked .ovui-switch__thumb, .ovui-switch--xl.ovui-switch--loading.ovui-switch--checked .ovui-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.ovui-switch--xl .ovui-switch__thumb-icon, .ovui-switch--xl .ovui-switch__thumb-icon .ovui-switch__truthy-icon, .ovui-switch--xl .ovui-switch__thumb-icon .ovui-switch__falsy-icon { display: inline-flex; }
.ovui-switch--xl.ovui-switch--rtl .ovui-switch__thumb { left: auto; right: 0px; }
.ovui-switch--xl.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 30px; color: rgb(255, 255, 255); }
.ovui-switch--xl.ovui-switch--rtl .ovui-switch__thumb .ovui-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 30px; color: rgb(255, 255, 255); }
.ovui-switch--xl.ovui-switch--rtl.ovui-switch--checked .ovui-switch__thumb { right: calc(100% - 28px); }
.ovui-switch--round, .ovui-switch--round .ovui-switch__thumb { border-radius: 2px; }
.ovui-table { border-spacing: 0px; width: 100%; color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; table-layout: fixed; }
.ovui-table__expand-icon, .ovui-table__tree-icon { color: rgb(147, 150, 157); transform: rotate(-90deg); }
.ovui-table__expand-icon:hover, .ovui-table__tree-icon:hover { color: rgb(0, 87, 255); }
.ovui-table__expand-icon--expanded, .ovui-table__tree-icon--expanded { transform: rotate(0deg); }
.ovui-table__tree-icon { margin-right: 8px; }
.ovui-table__tree-icon-wrapper { display: inline-flex; }
.ovui-table__tree-icon-wrapper--noevents { pointer-events: none; visibility: hidden; }
.ovui-td { padding: 16px; border-bottom: 1px solid rgb(223, 224, 226); font-size: 12px; font-weight: 400; background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); overflow-wrap: break-word; }
.ovui-td--sticky { position: sticky; z-index: 1; }
.ovui-td--sticky-left-last::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 15px; transform: translate(100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; pointer-events: none; }
.ovui-td--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15px; transform: translate(-100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; pointer-events: none; }
.ovui-td__cell-group { display: flex; }
.ovui-th { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); font-weight: 500; font-size: 12px; line-height: 18px; position: relative; padding: 14px 16px; text-align: left; word-break: break-all; }
.ovui-th:hover { background-color: rgb(232, 234, 237); color: rgb(49, 52, 59); }
.ovui-th--filterable { padding-right: 28px; }
.ovui-th.ovui-table-cell--right .ovui-th__column-sorter { justify-content: end; }
.ovui-th.ovui-table-cell--center .ovui-th__column-sorter { justify-content: center; }
.ovui-th__column-sorter { display: flex; align-items: center; word-break: break-all; }
.ovui-th__filter { width: 28px; position: absolute; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); }
.ovui-th__filter:hover { background-color: rgb(222, 224, 227); color: rgb(147, 150, 157); }
.ovui-th--sticky { position: sticky; z-index: 2; }
.ovui-th--sticky-left, .ovui-th--sticky-right { z-index: 3; }
.ovui-th--sticky-left-last::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 15px; transform: translate(100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; pointer-events: none; }
.ovui-th--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15px; transform: translate(-100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; pointer-events: none; }
.ovui-th__sorter { display: inline-flex; flex-direction: column; margin: 0px 4px; color: rgb(147, 150, 157); font-size: 12px; }
.ovui-th__sorter:hover { color: rgb(147, 150, 157); }
.ovui-th__sorter-up { transform: rotate(-180deg); }
.ovui-th__sorter-up:active, .ovui-th__sorter-down:active { color: rgb(0, 63, 210); }
.ovui-th__sorter-up--active, .ovui-th__sorter-down--active { color: rgb(0, 87, 255); }
.ovui-th__resize-bar { position: absolute; right: 0px; bottom: 0px; z-index: 1; width: 2px; height: 100%; cursor: col-resize; }
.ovui-th__resize-bar:hover { background-color: rgb(0, 87, 255); }
.ovui-tr:hover .ovui-td { background-color: rgb(242, 245, 253); color: rgb(49, 52, 59); }
.ovui-tr:active .ovui-td { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-tfoot { position: sticky; bottom: 0px; z-index: 3; }
.ovui-t-summary-cell { background-color: rgb(247, 249, 252); border-bottom: 1px solid rgb(223, 224, 226); font-weight: 500; font-size: 12px; line-height: 18px; position: relative; padding: 16px; text-align: left; overflow-wrap: break-word; }
.ovui-t-summary-cell:hover { background-color: rgb(242, 244, 247); }
.ovui-t-summary-cell--sticky { position: sticky; z-index: 2; }
.ovui-t-summary-cell--sticky-left { z-index: 3; }
.ovui-t-summary-cell--sticky-left-last::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 15px; transform: translate(100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; pointer-events: none; }
.ovui-t-summary-cell--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15px; transform: translate(-100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; pointer-events: none; }
.ovui-table-cell--left { text-align: left; }
.ovui-table-cell--center { text-align: center; }
.ovui-table-cell--right { text-align: right; }
.ovui-table-cell--start { text-align: start; }
.ovui-table-cell--end { text-align: end; }
.ovui-table__container { position: relative; }
.ovui-table__container--border::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; border-right: 1px solid rgb(223, 224, 226); z-index: 7; }
.ovui-table__container--border .ovui-td, .ovui-table__container--border .ovui-th, .ovui-table__container--border .ovui-t-summary-cell, .ovui-table__container--border .ovui-table__shadow-right { border-right: 1px solid rgb(223, 224, 226); }
.ovui-table__container--border .ovui-td:first-child, .ovui-table__container--border .ovui-th:first-child, .ovui-table__container--border .ovui-t-summary-cell:first-child { border-left: 1px solid rgb(223, 224, 226); }
.ovui-table__container--border thead .ovui-tr:first-child .ovui-th, .ovui-table__container--border.ovui-table__container--no-header .ovui-tr:first-child .ovui-td { border-top: 1px solid rgb(223, 224, 226); }
.ovui-table__container .ovui-thead__tree tr .ovui-th { border-bottom: 1px solid rgb(223, 224, 226); border-left: 1px solid rgb(223, 224, 226); }
.ovui-table__container .ovui-thead__tree tr .ovui-th__no-left-border { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.ovui-table__container .ovui-thead__tree tr .ovui-th__no-bottom-border { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ovui-table__wrapper { position: relative; overflow: auto; }
.ovui-table__body-wrapper { position: relative; overflow: hidden; }
.ovui-table__head-wrapper { position: sticky; top: 0px; overflow: hidden; z-index: 2; }
.ovui-table__empty-wrapper { display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); }
.ovui-table__empty-wrapper .ovui-table__empty { margin-top: 48px; }
.ovui-table__column-resize-line { display: none; position: absolute; top: 0px; bottom: 0px; width: 1px; background: rgb(0, 87, 255); z-index: 7; }
.ovui-sticky-bar { position: sticky; overflow: auto; bottom: 0px; z-index: 7; }
.ovui-sticky-bar__inner { height: 1px; opacity: 0; }
.ovui-t-summary:first-child .ovui-t-summary-cell::before { content: " "; position: absolute; top: -1px; left: 0px; right: 0px; border-top: 1px solid rgb(223, 224, 226); }
.ovui-tabs__nav { display: flex; align-items: center; white-space: nowrap; position: relative; }
.ovui-tabs__nav::before { position: absolute; content: ""; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: rgb(232, 234, 237); }
.ovui-tabs__nav-list-scroll-container { display: flex; max-width: 100%; align-self: stretch; flex-shrink: 1; overflow: hidden; }
.ovui-tabs__nav-list { display: flex; position: relative; transition: transform 0.1s ease-in-out; }
.ovui-tabs__nav-list-draggable { display: flex; }
.ovui-tabs__angle-right, .ovui-tabs__angle-left { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; color: rgb(153, 153, 153); }
.ovui-tabs__angle-right svg, .ovui-tabs__angle-left svg { width: 16px; height: 16px; }
.ovui-tabs__angle-right:hover, .ovui-tabs__angle-left:hover { color: rgb(0, 87, 255); }
.ovui-tabs__angle-right--disabled, .ovui-tabs__angle-left--disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.ovui-tabs__angle-right--disabled:hover, .ovui-tabs__angle-left--disabled:hover { color: rgb(185, 188, 195); }
.ovui-tabs__angle-right { padding-left: 16px; }
.ovui-tabs__angle-left { padding-right: 16px; }
.ovui-tabs__tab { display: flex; align-items: center; font-size: 16px; line-height: 24px; padding: 5px 0px; margin-right: 34px; cursor: pointer; color: rgb(98, 101, 108); font-weight: 400; }
.ovui-tabs__tab--active { color: rgb(49, 52, 59); font-weight: 500; }
.ovui-tabs__tab--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.ovui-tabs__tab-close { width: 16px; height: 16px; margin-left: 4px; }
.ovui-tabs__tab:nth-last-child(2) { padding-right: 0px; }
.ovui-tabs__tab:first-child { padding-left: 0px; }
.ovui-tabs__extra-content { flex: 0 0 auto; margin-left: 16px; }
.ovui-tabs__panel .ovui-tab { display: none; }
.ovui-tabs__panel .ovui-tab--active, .ovui-tabs__panel .ovui-tab--force-render .ovui-tab { display: block; }
.ovui-tabs__bar { position: absolute; bottom: 0px; left: 0px; height: 2px; transition: transform 0.1s ease-in-out; background-color: rgb(0, 87, 255); z-index: 1; display: none; }
.ovui-tabs__bar--show { display: block; }
.ovui-tabs--rtl { direction: rtl; }
.ovui-tabs--card > .ovui-tabs__nav { background-color: rgb(255, 255, 255); }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list { margin-bottom: -1px; }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab { padding: 5px 16px; border: 1px solid transparent; position: relative; margin-right: 0px; }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab::before { position: absolute; content: ""; top: 50%; left: 0px; width: 1px; height: 14px; transform: translateY(-50%); background-color: rgb(222, 224, 227); }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab:first-child::before { display: none; }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab--active { border-top-color: rgb(222, 224, 227); border-left-color: rgb(222, 224, 227); border-right-color: rgb(222, 224, 227); border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: rgb(255, 255, 255); }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab--active::before { display: none; }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__tab--active + .ovui-tabs__tab::before { display: none; }
.ovui-tabs--card > .ovui-tabs__nav .ovui-tabs__nav-list .ovui-tabs__active-bar { display: none; }
.ovui-tag { display: inline-flex; align-items: center; border-radius: 4px; border-width: 1px; border-style: solid; border-color: transparent; position: relative; background-clip: padding-box; white-space: nowrap; cursor: pointer; }
.ovui-tag__close { display: inline-flex; margin-left: 4px; }
.ovui-tag--default-stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(223, 224, 226); }
.ovui-tag--default-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.ovui-tag--default-stroke.ovui-tag--disabled, .ovui-tag--default-stroke.ovui-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.ovui-tag--default-fill, .ovui-tag--default-fill:hover { background-color: rgb(49, 52, 59); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--default-fill.ovui-tag--disabled, .ovui-tag--default-fill.ovui-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.ovui-tag--default-light-fill, .ovui-tag--default-light-fill:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.ovui-tag--default-light-fill.ovui-tag--disabled, .ovui-tag--default-light-fill.ovui-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.ovui-tag--default-light-stroke, .ovui-tag--default-light-stroke:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.ovui-tag--default-light-stroke.ovui-tag--disabled, .ovui-tag--default-light-stroke.ovui-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(223, 224, 226); }
.ovui-tag--info-fill, .ovui-tag--info-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--info-fill.ovui-tag--disabled, .ovui-tag--info-fill.ovui-tag--disabled:hover { background-color: rgb(186, 218, 255); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--info-stroke, .ovui-tag--info-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.ovui-tag--info-stroke.ovui-tag--disabled, .ovui-tag--info-stroke.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.ovui-tag--info-light-fill, .ovui-tag--info-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--info-light-fill.ovui-tag--disabled, .ovui-tag--info-light-fill.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--info-light-stroke, .ovui-tag--info-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.ovui-tag--info-light-stroke.ovui-tag--disabled, .ovui-tag--info-light-stroke.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.ovui-tag--success-fill, .ovui-tag--success-fill:hover { background-color: rgb(13, 166, 0); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--success-fill.ovui-tag--disabled, .ovui-tag--success-fill.ovui-tag--disabled:hover { background-color: rgb(131, 219, 178); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--success-stroke, .ovui-tag--success-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.ovui-tag--success-stroke.ovui-tag--disabled, .ovui-tag--success-stroke.ovui-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.ovui-tag--success-light-fill, .ovui-tag--success-light-fill:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.ovui-tag--success-light-fill.ovui-tag--disabled, .ovui-tag--success-light-fill.ovui-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: transparent; }
.ovui-tag--success-light-stroke, .ovui-tag--success-light-stroke:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: rgba(0, 148, 62, 0.2); }
.ovui-tag--success-light-stroke.ovui-tag--disabled, .ovui-tag--success-light-stroke.ovui-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgba(0, 148, 62, 0.2); }
.ovui-tag--warning-fill, .ovui-tag--warning-fill:hover { background-color: rgb(235, 150, 23); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--warning-fill.ovui-tag--disabled, .ovui-tag--warning-fill.ovui-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.ovui-tag--warning-stroke, .ovui-tag--warning-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.ovui-tag--warning-stroke.ovui-tag--disabled, .ovui-tag--warning-stroke.ovui-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.ovui-tag--warning-light-fill, .ovui-tag--warning-light-fill:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.ovui-tag--warning-light-fill.ovui-tag--disabled, .ovui-tag--warning-light-fill.ovui-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.ovui-tag--warning-light-stroke, .ovui-tag--warning-light-stroke:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: rgba(235, 150, 23, 0.2); }
.ovui-tag--warning-light-stroke.ovui-tag--disabled, .ovui-tag--warning-light-stroke.ovui-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.ovui-tag--danger-fill, .ovui-tag--danger-fill:hover { background-color: rgb(227, 73, 73); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--danger-fill.ovui-tag--disabled, .ovui-tag--danger-fill.ovui-tag--disabled:hover { background-color: rgb(245, 187, 187); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--danger-stroke, .ovui-tag--danger-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.ovui-tag--danger-stroke.ovui-tag--disabled, .ovui-tag--danger-stroke.ovui-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.ovui-tag--danger-light-fill, .ovui-tag--danger-light-fill:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.ovui-tag--danger-light-fill.ovui-tag--disabled, .ovui-tag--danger-light-fill.ovui-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.ovui-tag--danger-light-stroke, .ovui-tag--danger-light-stroke:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: rgba(227, 73, 73, 0.2); }
.ovui-tag--danger-light-stroke.ovui-tag--disabled, .ovui-tag--danger-light-stroke.ovui-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.ovui-tag--primary-fill, .ovui-tag--primary-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.ovui-tag--primary-fill.ovui-tag--disabled, .ovui-tag--primary-fill.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--primary-stroke, .ovui-tag--primary-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.ovui-tag--primary-stroke.ovui-tag--disabled, .ovui-tag--primary-stroke.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.ovui-tag--primary-light-fill, .ovui-tag--primary-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--primary-light-fill.ovui-tag--disabled, .ovui-tag--primary-light-fill.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--primary-light-stroke, .ovui-tag--primary-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.ovui-tag--primary-light-stroke.ovui-tag--disabled, .ovui-tag--primary-light-stroke.ovui-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.ovui-tag--text.ovui-tag--primary, .ovui-tag--text.ovui-tag--primary-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--primary:hover, .ovui-tag--text.ovui-tag--primary-light:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--primary.ovui-tag--checked, .ovui-tag--text.ovui-tag--primary-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--primary.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--primary-light.ovui-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--primary.ovui-tag--disabled, .ovui-tag--text.ovui-tag--primary-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--primary.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--primary-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--primary.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--primary-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--default, .ovui-tag--text.ovui-tag--default-light { background-color: transparent; color: rgb(49, 52, 59); border-color: transparent; }
.ovui-tag--text.ovui-tag--default:hover, .ovui-tag--text.ovui-tag--default-light:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.ovui-tag--text.ovui-tag--default.ovui-tag--checked, .ovui-tag--text.ovui-tag--default-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--default.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--default-light.ovui-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--default.ovui-tag--disabled, .ovui-tag--text.ovui-tag--default-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--default.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--default-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(205, 209, 216); border-color: transparent; }
.ovui-tag--text.ovui-tag--default.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--default-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--info, .ovui-tag--text.ovui-tag--info-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--info:hover, .ovui-tag--text.ovui-tag--info-light:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--info.ovui-tag--checked, .ovui-tag--text.ovui-tag--info-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--info.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--info-light.ovui-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--info.ovui-tag--disabled, .ovui-tag--text.ovui-tag--info-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--info.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--info-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--info.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--info-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--warning, .ovui-tag--text.ovui-tag--warning-light { background-color: transparent; color: rgb(235, 150, 23); border-color: transparent; }
.ovui-tag--text.ovui-tag--warning:hover, .ovui-tag--text.ovui-tag--warning-light:hover { background-color: rgb(255, 249, 224); color: rgb(246, 183, 12); border-color: transparent; }
.ovui-tag--text.ovui-tag--warning.ovui-tag--checked, .ovui-tag--text.ovui-tag--warning-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--warning.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--warning-light.ovui-tag--checked:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.ovui-tag--text.ovui-tag--warning.ovui-tag--disabled, .ovui-tag--text.ovui-tag--warning-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--warning.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--warning-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(255, 221, 96); border-color: transparent; }
.ovui-tag--text.ovui-tag--warning.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--warning-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.ovui-tag--text.ovui-tag--success, .ovui-tag--text.ovui-tag--success-light { background-color: transparent; color: rgb(13, 166, 0); border-color: transparent; }
.ovui-tag--text.ovui-tag--success:hover, .ovui-tag--text.ovui-tag--success-light:hover { background-color: rgb(236, 248, 235); color: rgb(9, 177, 96); border-color: transparent; }
.ovui-tag--text.ovui-tag--success.ovui-tag--checked, .ovui-tag--text.ovui-tag--success-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--success.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--success-light.ovui-tag--checked:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.ovui-tag--text.ovui-tag--success.ovui-tag--disabled, .ovui-tag--text.ovui-tag--success-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--success.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--success-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(131, 219, 178); border-color: transparent; }
.ovui-tag--text.ovui-tag--success.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--success-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(236, 248, 235); color: rgb(186, 218, 255); border-color: transparent; }
.ovui-tag--text.ovui-tag--danger, .ovui-tag--text.ovui-tag--danger-light { background-color: transparent; color: rgb(227, 73, 73); border-color: transparent; }
.ovui-tag--text.ovui-tag--danger:hover, .ovui-tag--text.ovui-tag--danger-light:hover { background-color: rgb(253, 242, 242); color: rgb(234, 121, 121); border-color: transparent; }
.ovui-tag--text.ovui-tag--danger.ovui-tag--checked, .ovui-tag--text.ovui-tag--danger-light.ovui-tag--checked, .ovui-tag--text.ovui-tag--danger.ovui-tag--checked:hover, .ovui-tag--text.ovui-tag--danger-light.ovui-tag--checked:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.ovui-tag--text.ovui-tag--danger.ovui-tag--disabled, .ovui-tag--text.ovui-tag--danger-light.ovui-tag--disabled, .ovui-tag--text.ovui-tag--danger.ovui-tag--disabled:hover, .ovui-tag--text.ovui-tag--danger-light.ovui-tag--disabled:hover { background-color: transparent; color: rgb(245, 187, 187); border-color: transparent; }
.ovui-tag--text.ovui-tag--danger.ovui-tag--disabled.ovui-tag--checked, .ovui-tag--text.ovui-tag--danger-light.ovui-tag--disabled.ovui-tag--checked { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.ovui-tag--xs { padding: 0px 8px; font-size: 12px; height: 16px; }
.ovui-tag--sm { padding: 0px 8px; font-size: 12px; height: 20px; }
.ovui-tag--md { padding: 0px 8px; font-size: 12px; height: 24px; }
.ovui-tag--lg { padding: 0px 8px; font-size: 14px; height: 28px; }
.ovui-tag--xl { padding: 0px 8px; font-size: 14px; height: 32px; }
.ovui-tag--disabled, .ovui-tag--disabled.ovui-tag--closable .ovui-tag__close { cursor: not-allowed; }
.ovui-tag--dashed.ovui-tag--border { border-style: dashed; }
.ovui-tag--hidden { display: none; }
.ovui-tag--rtl { direction: rtl; }
.ovui-tag--rtl .ovui-tag__close { margin-right: 4px; margin-left: 0px; }
.ovui-textarea__wrapper { display: inline-flex; position: relative; border-radius: 8px; width: 100%; }
.ovui-textarea__wrapper .ovui-textarea { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; vertical-align: bottom; }
.ovui-textarea__wrapper .ovui-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.ovui-textarea__wrapper .ovui-textarea[type="text"], .ovui-textarea__wrapper .ovui-textarea[type="number"], .ovui-textarea__wrapper .ovui-textarea[type="password"] { appearance: none; }
.ovui-textarea__wrapper .ovui-textarea[type="number"]::-webkit-inner-spin-button { appearance: none; }
.ovui-textarea__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.ovui-textarea__wrapper--fill .ovui-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.ovui-textarea__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--error.ovui-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled, .ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled:hover, .ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled.ovui-textarea__wrapper--focused { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled .ovui-textarea::-webkit-input-placeholder, .ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled:hover .ovui-textarea::-webkit-input-placeholder, .ovui-textarea__wrapper--fill.ovui-textarea__wrapper--disabled.ovui-textarea__wrapper--focused .ovui-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.ovui-textarea__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.ovui-textarea__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--error.ovui-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
@keyframes bui-input-focus-effect_error { 
  0% { box-shadow: rgb(227, 73, 73) 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
}
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled, .ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled:hover, .ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled.ovui-textarea__wrapper--focused { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled .ovui-textarea::-webkit-input-placeholder, .ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled:hover .ovui-textarea::-webkit-input-placeholder, .ovui-textarea__wrapper--stroke.ovui-textarea__wrapper--disabled.ovui-textarea__wrapper--focused .ovui-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.ovui-textarea__wrapper--xs { padding: 2px 8px; }
.ovui-textarea__wrapper--xs, .ovui-textarea__wrapper--xs .ovui-textarea { font-size: 12px; line-height: 18px; }
.ovui-textarea__wrapper--sm { padding: 4px 8px; }
.ovui-textarea__wrapper--sm, .ovui-textarea__wrapper--sm .ovui-textarea { font-size: 12px; line-height: 18px; }
.ovui-textarea__wrapper--md { padding: 4px 8px; }
.ovui-textarea__wrapper--md, .ovui-textarea__wrapper--md .ovui-textarea { font-size: 14px; line-height: 22px; }
.ovui-textarea__wrapper--lg { padding: 6px 8px; }
.ovui-textarea__wrapper--lg, .ovui-textarea__wrapper--lg .ovui-textarea { font-size: 14px; line-height: 22px; }
.ovui-textarea__wrapper--xl { padding: 7px 8px; }
.ovui-textarea__wrapper--xl, .ovui-textarea__wrapper--xl .ovui-textarea { font-size: 16px; line-height: 24px; }
.ovui-textarea__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.ovui-textarea__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.ovui-textarea__wrapper .ovui-textarea__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.ovui-textarea__wrapper .ovui-textarea__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.ovui-textarea__wrapper .ovui-textarea__clear--margin-right { margin-right: 4px; }
.ovui-textarea__wrapper .ovui-textarea__clear:hover { color: rgb(98, 101, 108); }
.ovui-textarea__wrapper .ovui-textarea__clear:active { color: rgb(49, 52, 59); }
.ovui-textarea__wrapper .ovui-textarea__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.ovui-textarea__wrapper .ovui-textarea__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.ovui-textarea__wrapper .ovui-textarea__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.ovui-textarea__wrapper .ovui-textarea__suffix .ovui-textarea__clear { opacity: 0; pointer-events: none; }
.ovui-textarea__wrapper .ovui-textarea__suffix .ovui-textarea__clear--show { opacity: 1; pointer-events: auto; }
.ovui-textarea__wrapper .ovui-textarea__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.ovui-textarea__wrapper .ovui-textarea__after--has-clear .ovui-icon { opacity: 0; }
.ovui-textarea__wrapper .ovui-textarea__after .ovui-textarea__clear { display: none; }
.ovui-textarea__wrapper .ovui-textarea__after .ovui-textarea__clear--show { display: block; opacity: 1; }
.ovui-textarea__wrapper--disabled, .ovui-textarea__wrapper--disabled .ovui-textarea { cursor: not-allowed; }
.ovui-textarea__wrapper--disabled .ovui-textarea__prefix, .ovui-textarea__wrapper--disabled .ovui-textarea__suffix { color: rgb(205, 209, 216); }
.ovui-textarea__wrapper:hover:not(.ovui-textarea__wrapper--disabled):not(.ovui-textarea__wrapper--error) .ovui-textarea--stroke { border-color: rgb(0, 87, 255); }
.ovui-textarea__wrapper--rtl, .ovui-textarea__wrapper--rtl .ovui-textarea { direction: rtl; }
.ovui-textarea__wrapper--rtl .ovui-textarea__clear--absolute { right: auto; left: 12px; }
.ovui-textarea__wrapper--rtl .ovui-textarea__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.ovui-textarea__wrapper--rtl .ovui-textarea__prefix { padding-right: 0px; padding-left: 4px; }
.ovui-textarea__wrapper--rtl .ovui-textarea__suffix, .ovui-textarea__wrapper--rtl .ovui-textarea__after { padding-left: 0px; padding-right: 4px; }
.ovui-time-line-item { position: relative; display: flex; }
.ovui-time-line-item--start, .ovui-time-line-item--left { justify-content: flex-start; }
.ovui-time-line-item--start .ovui-time-line-item__container, .ovui-time-line-item--left .ovui-time-line-item__container { align-items: flex-start; margin-left: 28px; }
.ovui-time-line-item--start.ovui-time-line-item--nonunique, .ovui-time-line-item--left.ovui-time-line-item--nonunique { margin-left: 50%; transform: translate(-6px); }
.ovui-time-line-item--start.ovui-time-line-item--nonunique .ovui-time-line-item__container, .ovui-time-line-item--left.ovui-time-line-item--nonunique .ovui-time-line-item__container { align-items: flex-start; margin-left: 28px; }
.ovui-time-line-item--end, .ovui-time-line-item--right { justify-content: flex-end; }
.ovui-time-line-item--end .ovui-time-line-item__container, .ovui-time-line-item--right .ovui-time-line-item__container { align-items: flex-end; margin-right: 28px; }
.ovui-time-line-item--end.ovui-time-line-item--nonunique, .ovui-time-line-item--right.ovui-time-line-item--nonunique { margin-right: 50%; transform: translate(6px); }
.ovui-time-line-item--end.ovui-time-line-item--nonunique .ovui-time-line-item__container, .ovui-time-line-item--right.ovui-time-line-item--nonunique .ovui-time-line-item__container { align-items: flex-end; margin-right: 28px; }
.ovui-time-line-item__loop { width: 12px; height: 12px; border-radius: 50%; border-width: 2px; border-style: solid; }
.ovui-time-line-item__loop--default { border-color: rgb(193, 193, 193); }
.ovui-time-line-item__loop--info { border-color: rgb(51, 138, 255); }
.ovui-time-line-item__loop--success { border-color: rgb(106, 191, 64); }
.ovui-time-line-item__loop--danger { border-color: rgb(246, 86, 86); }
.ovui-time-line-item .ovui-time-line-item__line { width: 1px; transform: translate(-0.5px); flex: 1 1 0%; background-color: rgb(193, 193, 193); margin-bottom: 2px; margin-top: 2px; }
.ovui-time-line-item .ovui-time-line-item__separate { position: absolute; top: 0px; bottom: 0px; display: flex; flex-direction: column; align-items: center; }
.ovui-time-line-item .ovui-time-line-item__separate .ovui-time-line-item__icon { margin: 6px 0px; }
.ovui-time-line-item .ovui-time-line-item__container { display: flex; flex-direction: column; padding-bottom: 22px; }
.ovui-time-line-item .ovui-time-line-item__container .ovui-time-line-item__header { display: flex; align-items: center; }
.ovui-time-line-item .ovui-time-line-item__container .ovui-time-line-item__header .ovui-time-line-item__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.ovui-time-line-item .ovui-time-line-item__container .ovui-time-line-item__desc { margin-top: 4px; font-size: 14px; line-height: 22px; color: rgb(98, 101, 108); font-weight: 400; }
.ovui-time-line-item:last-of-type .ovui-time-line-item__line { display: none; }
.ovui-time-line-item:last-of-type .ovui-time-line-item__container { padding-bottom: 0px; }
.ovui-time-line { position: relative; }
.ovui-time-line--rtl { direction: rtl; }
.ovui-time-line--rtl .ovui-time-line-item--left, .ovui-time-line--rtl .ovui-time-line-item--right { direction: ltr; }
.ovui-time-line--rtl .ovui-time-line-item--start .ovui-time-line-item__container { align-items: flex-start; margin-right: 28px; margin-left: unset; }
.ovui-time-line--rtl .ovui-time-line-item--start.ovui-time-line-item--nonunique { margin-right: 50%; margin-left: unset; transform: translate(6px); }
.ovui-time-line--rtl .ovui-time-line-item--start.ovui-time-line-item--nonunique .ovui-time-line-item__container { margin-right: 28px; margin-left: unset; }
.ovui-time-line--rtl .ovui-time-line-item--end .ovui-time-line-item__container { align-items: flex-end; margin-left: 28px; margin-right: unset; }
.ovui-time-line--rtl .ovui-time-line-item--end.ovui-time-line-item--nonunique { margin-left: 50%; margin-right: unset; transform: translate(-6px); }
.ovui-time-line--rtl .ovui-time-line-item--end.ovui-time-line-item--nonunique .ovui-time-line-item__container { margin-left: 28px; margin-right: unset; }
.ovui-upload-view-drag__dropzone { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 400px; height: 160px; border: 1px dashed rgb(222, 224, 227); border-radius: 4px; cursor: pointer; }
.ovui-upload-view-drag__dropzone:hover { border-color: rgb(222, 224, 227); }
.ovui-upload-view-drag__dropzone * { pointer-events: none; }
.ovui-upload-view-drag__dropzone--active { background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); cursor: grab; }
.ovui-upload-view-drag__upload-icon { color: rgb(49, 52, 59); }
.ovui-upload-view-drag__textwrap { font-size: 14px; color: rgb(49, 52, 59); margin-top: 8px; }
.ovui-upload-view-drag__textwrap button { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 87, 255); padding: 0px; cursor: pointer; }
.ovui-upload-view-drag__filelist { width: 400px; }
.ovui-upload-view-drag--error .ovui-upload-view-drag__dropzone { border-color: rgb(227, 73, 73); background-color: rgb(255, 255, 255); }
.ovui-upload-view-drag--disabled .ovui-upload-view-drag__dropzone, .ovui-upload-view-drag--disabled .ovui-upload-view-drag__dropzone:hover { cursor: not-allowed; border-color: rgb(222, 224, 227); background-color: rgb(245, 247, 250); }
.ovui-upload-view-drag--disabled .ovui-upload-view-drag__upload-icon, .ovui-upload-view-drag--disabled .ovui-upload-view-drag__textwrap { color: rgb(185, 188, 195); }
.ovui-upload-view-drag--disabled .ovui-upload-view-drag__upload-icon button, .ovui-upload-view-drag--disabled .ovui-upload-view-drag__textwrap button { color: rgb(186, 218, 255); }
.ovui-upload-view-button .ovui-button--default, .ovui-upload-view-drag .ovui-button--default { display: flex; justify-content: center; align-items: center; }
.ovui-upload-view-button__text, .ovui-upload-view-drag__text { margin-left: 4px; }
.ovui-upload-view-button__filelist, .ovui-upload-view-drag__filelist { list-style: none; margin: 16px 0px 0px; padding: 0px; }
.ovui-upload-view-button__fileitem-normal, .ovui-upload-view-drag__fileitem-normal { display: flex; justify-content: space-between; align-items: center; height: 22px; font-size: 14px; color: rgb(49, 52, 59); padding-left: 8px; }
.ovui-upload-view-button__fileitem-normal:not(:last-of-type), .ovui-upload-view-drag__fileitem-normal:not(:last-of-type) { margin-bottom: 8px; }
.ovui-upload-view-button__fileitem-normal .ovui-upload-view-button__filename, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-button__filename, .ovui-upload-view-button__fileitem-normal .ovui-upload-view-drag__filename, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-drag__filename { height: 100%; display: flex; align-items: center; }
.ovui-upload-view-button__fileitem-normal .ovui-upload-view-button__filename svg, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-button__filename svg, .ovui-upload-view-button__fileitem-normal .ovui-upload-view-drag__filename svg, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-drag__filename svg { margin-right: 8px; }
.ovui-upload-view-button__fileitem-normal .ovui-upload-view-button__close:hover, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-button__close:hover, .ovui-upload-view-button__fileitem-normal .ovui-upload-view-drag__close:hover, .ovui-upload-view-drag__fileitem-normal .ovui-upload-view-drag__close:hover { cursor: pointer; }
.ovui-upload-view-button__fileitem-normal--error, .ovui-upload-view-drag__fileitem-normal--error { color: rgb(227, 73, 73); }
.ovui-upload-view-button__fileitem-normal--error .ovui-upload-view-button__close, .ovui-upload-view-drag__fileitem-normal--error .ovui-upload-view-button__close, .ovui-upload-view-button__fileitem-normal--error .ovui-upload-view-drag__close, .ovui-upload-view-drag__fileitem-normal--error .ovui-upload-view-drag__close { fill: rgb(227, 73, 73); }
.ovui-upload-view-button__fileitem-card-block, .ovui-upload-view-drag__fileitem-card-block { margin-bottom: 8px; }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__card, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__card { display: flex; align-items: center; height: 48px; padding: 7px; border: 1px solid rgb(222, 224, 227); box-sizing: border-box; border-radius: 4px; }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__image, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__image { width: 32px; height: 32px; border-radius: 4px; background-size: cover; }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__content, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__content { height: 100%; flex: 1 1 0%; margin-left: 8px; }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__info, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__info { display: flex; justify-content: space-between; align-items: center; height: 22px; margin-bottom: 4px; font-size: 14px; color: rgb(49, 52, 59); }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__close:hover, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__close:hover { cursor: pointer; }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__progress, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__progress { position: relative; height: 2px; border-radius: 4px; background-color: rgb(232, 234, 237); }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__progress .ovui-upload-view-button__bar, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__progress .ovui-upload-view-button__bar { position: absolute; left: 0px; top: 0px; height: 100%; background-color: rgb(0, 87, 255); border-radius: 4px; }
.ovui-upload-view-button__fileitem-card-block--error .ovui-upload-view-button__card, .ovui-upload-view-drag__fileitem-card-block--error .ovui-upload-view-button__card { border: 1px solid rgb(227, 73, 73); }
.ovui-upload-view-button__fileitem-card-block--error .ovui-upload-view-button__info, .ovui-upload-view-drag__fileitem-card-block--error .ovui-upload-view-button__info { color: rgb(49, 52, 59); }
.ovui-upload-view-button__fileitem-card-block .ovui-upload-view-button__error, .ovui-upload-view-drag__fileitem-card-block .ovui-upload-view-button__error { font-size: 12px; color: rgb(227, 73, 73); height: 18px; line-height: 18px; margin: 4px 0px 0px; }
.ovui-upload-view-button--inline .ovui-upload-view-button__filelist, .ovui-upload-view-drag--inline .ovui-upload-view-button__filelist { display: flex; flex-wrap: wrap; margin-left: -8px; }
.ovui-upload-view-button--inline .ovui-upload-view-button__filelist .ovui-upload-view-button__fileitem-card-block, .ovui-upload-view-drag--inline .ovui-upload-view-button__filelist .ovui-upload-view-button__fileitem-card-block { width: 200px; margin-left: 8px; }
.ovui-upload-view-avatar { width: 120px; height: 120px; border: 1px dashed rgb(222, 224, 227); border-radius: 4px; }
.oc-switch { line-height: 0; }
.oc-switch--blue .ovui-switch--checked { background: rgb(0, 87, 255); }
.oc-switch--blue .ovui-switch--checked .ovui-switch__thumb { color: rgb(0, 87, 255); }
.oc-switch--blue .ovui-switch--checked.ovui-switch--loading, .oc-switch--blue .ovui-switch--checked.ovui-switch--disabled { background-color: rgb(186, 218, 255); }
.oc-switch--blue .ovui-switch--checked.ovui-switch--loading .ovui-switch__thumb, .oc-switch--blue .ovui-switch--checked.ovui-switch--disabled .ovui-switch__thumb { color: rgb(186, 218, 255); }
.oc-switch--blue .oc-switch-truty { color: rgb(0, 87, 255); }
.oc-date-picker-group { display: flex; align-items: center; }
.oc-date-picker-group .oc-date-picker-prepend { position: relative; }
.oc-date-picker-group .oc-date-picker-prepend, .oc-date-picker-group .oc-date-picker-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.oc-date-picker-group .oc-date-picker-prepend::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }
.oc-date-picker-group .oc-date-picker-prepend:has([class*="--focused"]), .oc-date-picker-group .oc-date-picker-prepend:has([class*="--error"]), .oc-date-picker-group .oc-date-picker-prepend:hover { z-index: 3; }
.oc-date-picker-group .oc-date-picker-prepend:has([class*="--focused"])::after, .oc-date-picker-group .oc-date-picker-prepend:has([class*="--error"])::after, .oc-date-picker-group .oc-date-picker-prepend:hover::after { width: 0px; }
.oc-date-picker-group.oc-date-picker-group-has-prepend > :not(:first-child), .oc-date-picker-group.oc-date-picker-group-has-prepend > :not(:first-child) * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.oc-date-picker-shortcut { max-height: 270px; }
.oc-date-picker-shortcut-item { width: 100px; font-size: 12px; }
.oc-date-picker-multiple-date-selected-panel { display: inline-flex; margin-left: 8px; vertical-align: top; }
.oc-row > .ovui-date-picker-panel .ovui-date__header { background-color: rgb(242, 244, 247); height: 38px; }
oc-multiple-date-panel { display: inline-block; vertical-align: top; }
.ovui-date-picker--multiple .ovui-custom-input__content { margin: 3px 0px; align-items: normal !important; }
.oc-date-picker-has-prefix .ovui-date-picker--multiple .ovui-input__wrapper { width: auto !important; }
.oc-flex { display: flex !important; }
.oc-flex-right { justify-content: flex-end; text-align: right; }
.oc-item-group { align-items: center; }
.oc-item-group-disabled { cursor: not-allowed; }
.oc-item-group-prefix, .oc-item-group-suffix { display: flex; flex-wrap: nowrap; align-self: center; list-style: none; }
.oc-item-group-content { flex: 1 1 0%; }
.oc-item-group-content-title { line-height: 0; }
.oc-item-group-content-description { margin-top: 2px; }
.oc-item-group-title, .oc-item-group-description { align-items: center; }
.oc-item-group-prefix:not(:last-child) { margin-right: 8px; }
.oc-item-group-suffix:not(:first-child) { margin-left: 4px; }
.oc-msg { display: flex; }
.oc-msg-size-xs { font-size: 12px; line-height: 18px; }
.oc-msg-size-sm { font-size: 14px; line-height: 22px; }
.oc-msg-size-md { font-size: 16px; line-height: 24px; }
.oc-msg-size-lg { font-size: 18px; line-height: 26px; }
.oc-msg-size-xl { font-size: 20px; line-height: 28px; }
.oc-msg-icon { height: 14px; margin: 2px 4px 0px 0px; font-size: 0px; }
.oc-msg-icon svg { display: block; }
.oc-msg-icon-success { color: rgb(13, 166, 0); }
.oc-msg-icon-primary { color: rgb(0, 87, 255); }
.oc-msg-icon-danger { color: rgb(227, 73, 73); }
.oc-msg-icon-warning { color: rgb(235, 150, 23); }
.oc-msg-list { line-height: 0; }
.oc-msg-list .oc-typography { display: inline; }
.oc-typography + .oc-msg-list__item-image, .oc-typography + .oc-msg-list__item-video { margin-top: 8px; }
.oc-msg-list__item-a + .oc-typography { margin-left: 4px; }
.oc-msg-list__item-a + .oc-msg-list__url-icon { margin-left: 2px; }
.oc-msg-list__item-image { width: 100%; }
.oc-msg-list__url-icon { vertical-align: middle; color: rgb(0, 87, 255); }
.oc-msg-list__url-icon:hover { cursor: pointer; }
.oc-msg-list__url-icon + .oc-typography { margin-left: 4px; }
.oc-typography + .oc-msg-list__item-a { margin-left: 4px; }
.oc-msg-list__item-a + .oc-msg-list__item-a { margin-left: 4px; }
.oc-checkbox-group__hint-wrap { display: inline-flex; margin-left: 4px; }
.oc-checkbox-group__hint-wrap > .oc-popover { display: inline-flex; align-items: center; }
.oc-checkbox-group__item-tag { position: absolute; top: 0px; right: 0px; z-index: 9; }
.oc-checkbox-group-plain .ovui-checkbox-group { flex-wrap: wrap; gap: 8px 0px; }
.oc-checkbox-group-plain .oc-checkbox-group-all, .oc-checkbox-group-plain .oc-checkbox { margin-right: 16px; }
.oc-checkbox-group-plain :last-child { margin-right: unset; }
.oc-checkbox-group { display: inline-flex; align-items: center; }
.oc-checkbox-group-all { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.oc-checkbox-group-all-button { margin-top: 0px; min-width: 88px; background-color: rgb(242, 244, 247); border-radius: 4px 0px 0px 4px; font-size: 14px; line-height: 22px; padding: 5px 16px; position: relative; margin-right: -1px; z-index: 2; }
.oc-checkbox-group-all-button:hover { background-color: rgb(245, 247, 250); }
.oc-checkbox-group-all-button:hover .ovui-checkbox .ovui-checkbox__label { color: rgb(0, 87, 255); }
.oc-checkbox-group-all-button::before { content: " "; pointer-events: none; position: absolute; top: 50%; right: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(223, 224, 226); }
.oc-checkbox-group-all-button.oc-checkbox-group-all-button-checked { background-color: rgb(255, 255, 255); }
.oc-checkbox-group-all-button.oc-checkbox-group-all-button-checked .ovui-checkbox .ovui-checkbox__label { color: rgb(0, 87, 255); }
.oc-checkbox-group-all-button.oc-checkbox-group-all-button-checked::after { z-index: 3; border-radius: 4px 0px 0px 4px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner, .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover, .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner, .oc-checkbox-group-all-button .ovui-checkbox.ovui-checkbox--indeterminate .ovui-checkbox__inner:hover { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.oc-checkbox-group .ovui-checkbox-item-group { flex-wrap: wrap; gap: 8px 0px; }
.oc-checkbox-group .ovui-checkbox-item-group .ovui-checkbox-item { margin-top: 0px; }
.oc-checkbox-group .ovui-checkbox-item { min-width: 88px; justify-content: center; margin-top: 8px; }
.oc-checkbox-group .ovui-checkbox-item .ovui-checkbox.ovui-checkbox--disabled:not(.ovui-checkbox--checked):not(.ovui-checkbox--indeterminate) .ovui-checkbox__inner { border-color: rgb(242, 244, 247); background-color: rgb(255, 255, 255); }
.oc-checkbox-group .ovui-checkbox-item:last-child .oc-checkbox-group__item-tag { border-top-right-radius: 4px; overflow: hidden; }
.oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--checked .ovui-checkbox__inner, .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--indeterminate .ovui-checkbox__inner { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner, .oc-checkbox-group .ovui-checkbox-item .ovui-checkbox--light.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner { border-color: rgb(186, 218, 255); background-color: rgb(186, 218, 255); }
.oc-checkbox-group .a-checkbox-item-single .ovui-checkbox { display: none; }
.oc-checkbox-group .a-checkbox-item-all { border-radius: 0px !important; }
.oc-checkbox-group .a-checkbox-item-all::after { border-radius: 0px !important; }
.oc-row .oc-row-msg.oc-msg-secondary { margin-top: 8px; }
.oc-row .oc-row-msg.oc-msg-warning, .oc-row .oc-row-msg.oc-msg-success, .oc-row .oc-row-msg.oc-msg-danger { margin-top: 4px; }
.oc-row.oc-row-horizontal { display: flex; align-items: flex-start; gap: 12px; }
.oc-row.oc-row-horizontal .oc-row-title { word-break: break-all; flex-shrink: 0; }
.oc-row.oc-row-horizontal .oc-row-title .oc-title-text { line-height: var(--oc-row-title-line-height); }
.oc-row.oc-row-horizontal .oc-row-content { flex: 1 1 0%; }
.oc-selected-panel { border-radius: 8px; border: 1px solid rgb(222, 224, 227); background: white; height: 280px; display: flex; flex-direction: column; }
.oc-selected-panel-title { line-height: 38px; display: flex; justify-content: space-between; height: 38px; background: rgb(242, 244, 247); padding: 0px 12px; border-bottom: 1px solid rgb(222, 224, 227); font-size: 14px; font-weight: 600; border-radius: 8px 8px 0px 0px; }
.oc-selected-panel-title-right { display: flex; align-items: center; line-height: normal; }
.oc-selected-panel-tabs { padding: 12px 12px 0px; }
.oc-selected-panel-body { position: relative; overflow: auto; padding: 12px; flex: 1 1 0%; }
.oc-selected-panel-body-slot { padding: 0px 0px 12px; }
.oc-selected-panel-body-empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.oc-statistic { display: inline-block; padding: 16px; border-radius: 8px; }
.oc-statistic-border { padding: 15px; border: 1px solid var(--borderColor); }
.oc-statistic.oc-statistic-inline { padding: 0px; }
.oc-statistic.oc-statistic-bg-default { background-color: rgb(245, 247, 250); }
.oc-statistic.oc-statistic-bg-secondary { background-color: rgb(243, 243, 244); }
.oc-statistic.oc-statistic-bg-primary { background-color: rgb(232, 244, 255); }
.oc-statistic.oc-statistic-bg-danger { background-color: rgb(253, 242, 242); }
.oc-statistic.oc-statistic-bg-success { background-color: rgb(236, 248, 235); }
.oc-statistic.oc-statistic-bg-warning { background-color: rgb(255, 249, 224); }
.oc-statistic.oc-statistic-cursor { cursor: pointer; }
.oc-statistic.oc-statistic-cursor:hover { background-color: var(--hoverBackgroundColor) !important; }
.oc-statistic-title, .oc-statistic-content, .oc-statistic-extra { display: flex; align-items: center; }
.oc-statistic-title { margin-bottom: 10px; justify-content: space-between; }
.oc-statistic-title .oc-statistic-title-left { display: flex; align-items: center; }
.oc-statistic-extra { margin-top: 7px; display: inline-flex; gap: 0px 4px; }
.oc-statistic-extra-suffix { font-size: 0px; }
.oc-statistic-content-prefix { margin-right: 4px; display: inline-flex; }
.oc-statistic-content-suffix { margin-left: 8px; margin-bottom: 1px; display: inline-flex; }
.oc-statistic-content-suffix-wrap { margin-top: 8px; }
.oc-pagination-wrapper .oc-pagination .oc-table-pagination-item { margin-left: 16px; }
.oc-pagination-wrapper .oc-pagination .oc-table-pagination-item .ovui-page-select { margin: 0px; }
.oc-carousel-item { transform: none; float: left; width: 100%; height: 100%; text-align: center; overflow: hidden; z-index: 0; will-change: transform; }
.oc-carousel { position: relative; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.oc-carousel-container { width: 100%; height: 100%; position: relative; }
.oc-carousel-arrow-btn { z-index: 3; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; padding: 8px; position: absolute; top: calc(50% - 16px); min-width: 24px; background: rgba(26, 26, 27, 0.3); color: rgb(255, 255, 255); display: none; align-items: center; justify-content: center; }
.oc-carousel-arrow-btn:hover { background: rgba(26, 26, 27, 0.5); }
.oc-carousel-arrow-show { display: flex; }
.oc-carousel-arrow-left { left: 16px; }
.oc-carousel-arrow-right { right: 16px; }
.oc-carousel-footer { z-index: 2; position: absolute; bottom: 0px; width: 100%; margin: 0px; background: linear-gradient(rgba(50, 51, 53, 0) 0%, rgba(50, 51, 53, 0.25) 100%); }
.oc-carousel-dots { width: 100%; margin: 0px; transition-duration: 0.4s; line-height: 0; text-align: center; list-style-type: none; }
.oc-carousel-dots li { cursor: pointer; display: inline-block; list-style: none; padding-left: 4px; padding-right: 4px; padding-top: 16px; }
.oc-carousel-dots li .oc-carousel-btn { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.4); transition: 0.3s; border-radius: 4px; cursor: pointer; }
.oc-carousel-dots li .oc-carousel-btn-active { background-color: rgb(255, 255, 255); }
.oc-carousel-dots-none { display: none; }
.oc-carousel-dots-solid li .oc-carousel-btn { width: 20px !important; height: 4px !important; }
.oc-carousel-dots-auto { display: flex; width: 100%; align-items: center; padding: 0px 10px; }
.oc-carousel-dots-auto li { flex: 1 1 0%; padding-left: 2px; padding-right: 2px; }
.oc-carousel-dots-auto li .oc-carousel-btn { width: 100% !important; height: 4px !important; }
.oc-carousel .carousel-item-img, .oc-carousel .carousel-item-img img { width: 100%; height: 100%; }
.oc-carousel-dark .oc-carousel-arrow-btn { background: rgb(255, 255, 255); color: rgb(49, 52, 59); box-shadow: rgba(0, 0, 0, 0.08) 0px 6.4px 19.2px; }
.oc-carousel-dark .oc-carousel-arrow-btn:hover { color: rgb(0, 87, 255); }
.oc-carousel-dark .oc-carousel-footer { background: inherit; }
.oc-carousel-dark .oc-carousel-dots li .oc-carousel-btn { background-color: rgba(0, 0, 0, 0.1); }
.oc-carousel-dark .oc-carousel-dots li .oc-carousel-btn-active { background-color: rgb(0, 87, 255); }
.oc-new-badge { position: relative; display: flex; align-items: center; }
.oc-new-badge .oc-new-badge-point { width: 6px; height: 6px; background: rgb(227, 73, 73); border-radius: 50%; }
.oc-new-badge:has(.oc-new-badge-point-right-top) { align-items: flex-start; }
.oc-new-badge .oc-new-badge-count { background: rgb(227, 73, 73); font-size: 10px; line-height: 16px; text-align: center; font-weight: 500; color: rgb(255, 255, 255); height: 16px; border: 1px solid rgb(255, 255, 255); }
.oc-new-badge .oc-new-badge-count-xs { width: 16px; border-radius: 50%; }
.oc-new-badge .oc-new-badge-count-sm { width: 20px; border-radius: 10px; }
.oc-new-badge .oc-new-badge-count-md { width: 27px; border-radius: 10px; }
.oc-new-badge-right-top:has(.oc-new-badge-count) { width: fit-content; }
.oc-new-badge-right-top .oc-new-badge-count-right-top { position: absolute; top: -11px; }
.oc-new-badge-right-top .oc-new-badge-count { box-sizing: content-box; }
.oc-new-badge-right-top .oc-new-badge-count-xs { right: -8px; }
.oc-new-badge-right-top .oc-new-badge-count-sm { right: -12px; }
.oc-new-badge-right-top .oc-new-badge-count-md { right: -19px; }
.oc-new-badge-right .oc-new-badge-count { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-new-badge .oc-new-badge-point-right, .oc-new-badge .oc-new-badge-count-right, .oc-new-badge .oc-new-badge-icon-right { margin-left: 4px; }
.oc-new-badge .oc-new-badge-icon-right { font-size: 0px; }
.oc-new-badge .oc-new-badge-point-left { margin-right: 4px; }
.oc-result { width: 100%; display: flex; flex-direction: column; align-items: center; }
.oc-result-info { margin: 16px 0px; display: flex; flex-direction: column; align-items: center; }
.oc-result-btns { display: flex; margin-bottom: 40px; }
.oc-result-btns > :not(:last-child) { margin-right: 16px; }
.oc-result-details-title { margin-bottom: 8px; }
.oc-result-details-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; }
.oc-result-details-wrapper > :not(:nth-child(2n)) { margin-right: 44px; }
.oc-result-details-wrapper > :last-child { margin-right: 0px; }
.oc-result-details-wrapper-card { width: calc(50% - 22px); margin-bottom: 16px; background-color: rgb(245, 247, 250); padding: 16px; border-radius: 12px; display: flex; }
.oc-result-details-wrapper-card-img { width: 80px; height: 80px; margin-right: 24px; }
.oc-result-details-wrapper-card-info-title { margin-bottom: 8px; }
.oc-error-mesasage { display: flex; font-size: 12px; align-items: center; }
.oc-error-mesasage .oc-error-mesasage-error { line-height: 18px; max-height: 40px; }
.oc-error-mesasage .oc-error-mesasage-error .oc-error-mesasage-error-message { color: rgb(227, 73, 73); float: left; height: 20px; line-height: 18px; }
.oc-error-mesasage .oc-error-mesasage-error .oc-error-mesasage-all { color: rgb(0, 87, 255); cursor: pointer; }
.oc-error-mesasage .oc-error-mesasage-error .oc-error-mesasage-all:hover { background: rgba(227, 73, 73, 0.3); }
.oc-error-mesasage .oc-error-mesasage-warning .oc-error-mesasage-error-message { color: rgb(235, 150, 23); }
.oc-error-mesasage-error-number, .oc-error-mesasage-error-all { color: rgb(0, 87, 255); cursor: pointer; }
.oc-popover { display: flex; }
.oc-popover .oc-popover-icon-wrapper { line-height: 0; font-size: 0px; }
.oc-popover .oc-popover-icon-wrapper > .oc-icon { color: rgb(185, 188, 195); }
.oc-popover .oc-popover-icon-wrapper > .oc-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-popover__header { display: flex; align-items: center; justify-content: space-between; font-weight: bolder; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-popover__header .close { padding: 4px; color: rgb(147, 150, 157); }
.oc-popover__header .close:hover { color: rgb(0, 87, 255); cursor: pointer; }
.oc-popover__header-left { display: flex; align-items: center; }
.oc-popover__header-left-icon { margin-right: 8px; }
.oc-popover__header-left iconpark-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.oc-popover__header-left iconpark-icon[name="oc-icon-primary"] { color: rgb(0, 87, 255); }
.oc-popover__header-left iconpark-icon[name="oc-icon-danger"] { color: rgb(227, 73, 73); }
.oc-popover__header-left iconpark-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.oc-popover-body { max-width: var(--popover-max-width); max-height: var(--popover-max-height); }
.oc-popover-text .warn:not(.warn-all) { position: relative; padding-top: 8px; margin-top: 8px; }
.oc-popover-text .warn:not(.warn-all)::before { display: block; content: ""; position: absolute; top: 0px; width: 100%; height: 1px; background: rgb(222, 224, 227); }
.oc-popover-text .warn iconpark-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.oc-popover-text .warn iconpark-icon[name="oc-icon-info"] { color: rgb(0, 87, 255); }
.oc-popover-text .warn iconpark-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.oc-popover-text .warn iconpark-icon[name="oc-icon-danger"] { color: rgb(227, 73, 73); }
.oc-popover-text__msg + .oc-popover-text__msg { margin-top: 4px; }
.oc-popover-operate .oc-popover-body { width: 320px; }
.oc-popover-operate__footer { height: 24px; display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.oc-popover-operate__footer .tip { display: flex; align-items: center; }
.oc-popover-operate__footer .tip__text { height: 20px; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); margin-left: 8px; }
.oc-popover-operate__footer .btn__common { min-width: 56px; height: 24px; line-height: 24px; box-sizing: border-box; padding: 0px; }
.oc-popover-operate__footer .btn__cancel { margin-right: 12px; }
.oc-popover-inline { display: inline-block; }
.oc-popover-inline .oc-popover-icon-wrapper { line-height: unset; font-size: unset; }
.oc-detail-bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgb(245, 247, 250); border-radius: 12px; margin-bottom: 16px; }
.oc-detail-bar .oc-detail-bar-text { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-bottom: -4px; line-height: 48px; margin-right: -32px; }
.oc-detail-bar .oc-detail-bar-text .oc-detail-bar-config-item { display: flex; margin-right: 32px; margin-bottom: 4px; }
.oc-detail-bar .oc-detail-bar-text .oc-detail-bar-config-item:last-child { margin-right: 0px; }
.oc-detail-bar .oc-detail-bar-text .oc-detail-bar-config-item .oc-detail-bar-config-item-label { margin-right: 8px; }
.oc-tag-input { position: relative; }
.oc-tag-input .ovui-custom-input--md .ovui-custom-input__suffix { height: 24px; }
.oc-tag-input .ovui-custom-input { cursor: text; }
.oc-breadcrumb-select .ovui-breadcrumb, .oc-breadcrumb-select .ovui-breadcrumb .ovui-breadcrumb-item .ovui-breadcrumb-item__content { display: flex; align-items: center; }
.oc-breadcrumb-select .ovui-breadcrumb .ovui-breadcrumb-item__separator, .oc-breadcrumb-select .ovui-breadcrumb .ovui-breadcrumb-item .ovui-breadcrumb-item__content .ovui-breadcrumb-item__separator { display: none; }
.ovui-select__popper .ovui-select__options .ovui-option.ovui-option--selected .oc-item-group-content-title .oc-typography-color-default, .ovui-select__popper .ovui-select__options .ovui-option.ovui-option--selected .oc-item-group-content-title .oc-typography-color-secondary { color: rgb(0, 87, 255); }
.oc-breadcrumb-separator { padding: 0px 6px; display: flex; align-items: center; color: rgb(147, 150, 157); }
.oc-image { border-radius: 8px; background-color: rgb(242, 244, 247); display: inline-flex; align-items: center; justify-content: center; position: relative; overflow: hidden; vertical-align: middle; }
.oc-image.oc-image-circle { border-radius: 50%; }
.oc-image.oc-image-scroll { align-items: flex-start; }
.oc-image-img { width: 100%; transition-duration: 0s; margin-top: 0px; }
.oc-image-img img { object-fit: contain; vertical-align: middle; }
.oc-image-img-error { visibility: hidden; }
.oc-image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(222, 224, 227); }
.oc-iconpark-icon-wrap { display: inline-flex; align-items: center; justify-content: center; }
.oc-iconpark-icon-wrap .oc-iconpark-icon-svg { width: 1em; height: 1em; }
.oc-breadcrumb { display: flex; align-items: center; }
.oc-breadcrumb-back { display: flex; align-items: center; cursor: pointer; margin-right: 16px; color: rgb(49, 52, 59); }
.oc-breadcrumb-back:hover { color: rgb(46, 123, 255); }
.oc-breadcrumb .ovui-breadcrumb-item:last-child .ovui-breadcrumb-item__content { font-weight: bolder; color: rgb(49, 52, 59); }
.oc-breadcrumb-separator-icon { display: flex; align-items: center; height: 100%; color: rgb(147, 150, 157); }
.oc-range-picker-group { display: flex; align-items: center; }
.oc-range-picker-group .oc-range-picker-prepend { position: relative; }
.oc-range-picker-group .oc-range-picker-prepend, .oc-range-picker-group .oc-range-picker-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.oc-range-picker-group .oc-range-picker-prepend::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }
.oc-range-picker-group .oc-range-picker-prepend:has([class*="--focused"]), .oc-range-picker-group .oc-range-picker-prepend:has([class*="--error"]), .oc-range-picker-group .oc-range-picker-prepend:hover { z-index: 3; }
.oc-range-picker-group .oc-range-picker-prepend:has([class*="--focused"])::after, .oc-range-picker-group .oc-range-picker-prepend:has([class*="--error"])::after, .oc-range-picker-group .oc-range-picker-prepend:hover::after { width: 0px; }
.oc-range-picker-group.oc-range-picker-group-has-prepend > :not(:first-child), .oc-range-picker-group.oc-range-picker-group-has-prepend > :not(:first-child) * { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px; }
.oc-range-picker-shortcut { max-height: 270px; }
.oc-range-picker-shortcut-item { width: 100px; font-size: 12px; }
.oc-ranger-picker-light .ovui-custom-input--fill { background-color: rgb(255, 255, 255); }
.oc-range-picker .ovui-range-picker { display: flex; }
.oc-range-picker .ovui-range-picker .ovui-custom-input__prefix { color: rgb(49, 52, 59); }
.oc-range-picker .ovui-range-picker .ovui-custom-input--disabled .ovui-input__wrapper--unstyle { color: rgb(185, 188, 195); }
.oc-sub-side-bar { padding: 16px 0px; height: 100%; overflow: auto; }
.oc-sub-side-bar-title { font-family: "PingFang SC"; font-size: 14px; font-style: normal; line-height: 32px; margin: 0px; list-style: none; padding: 0px; position: relative; }
.oc-sub-side-bar-title li { margin: 0px; position: relative; }
.oc-sub-side-bar-title li .oc-sub-menu__list .oc-sub-side-bar-title__header { color: rgb(98, 101, 108); padding: 0px 16px 0px 32px; }
.oc-sub-side-bar-title .oc-sub-menu__list { padding: 0px; overflow: hidden; }
.oc-sub-side-bar-title-line { width: 2px; height: 32px; background-color: rgb(0, 87, 255); position: absolute; left: 0px; top: 0px; content: ""; transition: 0.1s ease-in-out; }
.oc-table-wrapper { position: relative; }
.oc-table-wrapper .ovui-t-summary .ovui-t-summary-cell { padding: 0px 16px; height: 42px; line-height: 18px; box-sizing: border-box; background-color: rgb(255, 255, 255); }
.oc-table-wrapper .ovui-t-summary .ovui-t-summary-cell:hover { background-color: rgb(255, 255, 255); }
.oc-table-wrapper .ovui-tr:hover .ovui-checkbox.ovui-checkbox--disabled:not(.ovui-checkbox--checked):not(.ovui-checkbox--indeterminate) .ovui-checkbox__inner { border-color: rgb(242, 244, 247); background-color: rgb(255, 255, 255); }
.oc-table-wrapper .ovui-th__sorter { color: rgb(147, 150, 157); margin: 0px 0px 0px 4px; }
.oc-table-wrapper .ovui-th { font-weight: bolder; padding: 0px 16px; height: 42px; line-height: 18px; box-sizing: border-box; }
.oc-table-wrapper .ovui-td { padding: 8px 16px; height: 42px; }
.oc-table-wrapper .ovui-table__tree-icon { cursor: pointer; }
.oc-table-wrapper .oc-table-pagination { margin-top: 16px; display: flex; justify-content: space-between; align-items: center; }
.oc-table-wrapper .oc-table-pagination .oc-table-pagination-item { margin-left: 16px; }
.oc-table-wrapper .oc-table-pagination .oc-table-pagination-item .ovui-page-select { margin: 0px; }
.oc-table-wrapper .ovui-th__ocean-tree-col { padding-left: 46px !important; }
.oc-table-wrapper .ovui-td__ocean-tree-child { background: rgb(245, 247, 250); }
.oc-table-wrapper .ovui-td__ocean-tree-td .ovui-td__ocean-tree-td-wrap { display: flex; align-items: center; flex-wrap: nowrap; height: 100%; }
.oc-table-wrapper .ovui-td__ocean-tree-td .ovui-td__ocean-tree-td-wrap .ovui-table__tree-icon-wrapper { width: 14px; margin-right: 16px; }
.oc-table-wrapper .ovui-td__ocean-tree-td .ovui-td__ocean-tree-td-wrap .ovui-table__tree-icon-wrapper .ovui-table__tree-icon { color: rgb(49, 52, 59); margin-right: unset; }
.oc-table-loading-text { color: rgb(0, 87, 255); font-size: 12px; line-height: 18px; }
.oc-switch-card-collapse-btn { height: 100%; width: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: rgb(242, 244, 247); border-radius: 8px; }
.oc-switch-card-collapse-btn:hover { background-color: rgb(245, 247, 250); border: 1px solid rgb(245, 247, 250); }
.oc-switch-card-collapse-btn .collapse-content { display: flex; flex-direction: column; align-items: center; font-size: 12px; color: rgb(98, 101, 108); }
.oc-tabs { display: flex; align-items: center; }
.oc-tabs .ovui-tabs__tab { padding: 4px 0px; }
.oc-tabs-primary .tab--active { color: rgb(0, 87, 255) !important; }
.oc-tabs__md .ovui-tabs__tab { font-size: 14px; line-height: 22px; margin-right: 24px; }
.oc-tabs__lg .ovui-tabs__tab { line-height: 24px; margin-right: 32px; }
.oc-tabs__lg.oc-tabs__card .ovui-tabs__tab { line-height: 28px; }
.oc-tabs__xl .ovui-tabs__tab { font-size: 18px; line-height: 28px; margin-right: 32px; }
.oc-tabs__xl.oc-tabs__card .ovui-tabs__tab { line-height: 28px; }
.oc-tabs .row { display: flex; align-items: center; }
.oc-tabs .row .tab-icon { margin-right: 4px; }
.oc-tabs .row .after-tab-icon { margin-left: 4px; }
.oc-tabs .ovui-tabs .ovui-tabs__tab-close { line-height: 0; }
.oc-tabs .tab--active, .oc-tabs .ovui-tabs__tab--active .ovui-tabs__tab-close { color: rgb(49, 52, 59); }
.oc-tabs__card .ovui-tabs > .ovui-tabs__nav { background-color: rgb(242, 244, 247); border-top-left-radius: 4px; border-top-right-radius: 4px; }
.oc-tabs__fresh-card .ovui-tabs--card > .ovui-tabs__nav { background-color: rgb(242, 244, 247); border-top-left-radius: 6px; border-top-right-radius: 6px; }
.oc-tabs__fresh-card .ovui-tabs--card > .ovui-tabs__nav::before { display: none; }
.oc-tabs__fresh-card .ovui-tabs--card .ovui-tabs__nav-list .ovui-tabs__tab { padding: 6px 24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-tabs__fresh-card .ovui-tabs--card .ovui-tabs__nav-list .ovui-tabs__tab::before { display: none; }
.oc-tabs__line .oc-tabs-hide-line .ovui-tabs__nav::before { display: none; }
.oc-tabs__line .oc-tabs-hide-active-line .ovui-tabs__bar { display: none; }
.oc-tabs__align .ovui-tabs .ovui-tabs__extra-content { flex: 1 1 0%; display: inline-flex; }
.oc-tabs__align-center .ovui-tabs .ovui-tabs__extra-content { justify-content: center; }
.oc-tabs__align-end .ovui-tabs .ovui-tabs__extra-content { justify-content: flex-end; }
.oc-color-picker { cursor: pointer; height: 32px; border-radius: 8px; background-color: rgb(242, 244, 247); display: flex; justify-content: space-between; padding: 6px 8px; }
.oc-color-picker[disabled="disabled"] { cursor: not-allowed; background-color: rgb(245, 247, 250); opacity: 0.5; }
.oc-color-picker[error="error"] { background-color: rgb(253, 242, 242); }
.oc-color-picker-selected { display: flex; align-items: center; }
.oc-color-picker-selected-text { margin-left: 8px; color: rgb(49, 52, 59); font-size: 14px; }
.oc-color-picker-placeholder { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; }
.oc-color-picker-wrap { position: relative; display: inline-block; padding: 4px 44px 4px 4px; cursor: pointer; width: 100%; min-height: 100%; }
.oc-color-picker-wrap .oc-color-option { vertical-align: top; margin: 0px; padding: 0px; }
.oc-color-picker-wrap .oc-color-picker-icon-wrap { position: absolute; top: 8px; right: 12px; width: 16px; height: 16px; line-height: 0; }
.oc-color-picker-wrap .oc-color-picker-icon { display: inline-block; width: 100%; height: 100%; transform: rotate(0deg); transition: transform 0.2s; fill: rgb(153, 153, 153); }
.oc-color-picker-wrap .oc-color-picker-icon.oc-color-picker-icon-open { transform: rotate(180deg); }
.oc-color-option { display: inline-block; cursor: pointer; position: relative; width: 16px; height: 16px; margin: 2px; border-radius: 4px; }
.oc-color-option .oc-color-option-block { outline: rgb(224, 224, 224) solid 2px; position: absolute; inset: 0px; z-index: 3; border-radius: 4px; }
.oc-color-option .oc-color-option-icon-close { fill: rgb(153, 153, 153); display: none; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); }
.oc-color-option.oc-color-option-none .oc-color-option-block { background-color: rgb(255, 255, 255); }
.oc-color-option.oc-color-option-none .oc-color-option-icon-close { display: block; }
.oc-color-option.active .oc-color-option-block { outline-color: rgb(186, 218, 255) !important; }
.oc-color-option.oc-color-option-xs { width: 16px; height: 16px; }
.oc-color-option.oc-color-option-sm { width: 20px; height: 20px; }
.oc-color-option.oc-color-option-md { width: 24px; height: 24px; }
.oc-color-option.oc-color-option-lg { width: 28px; height: 28px; }
.oc-color-option.oc-color-option-xl { width: 32px; height: 32px; }
.oc-color-picker-popper { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; width: 256px; background-color: rgb(255, 255, 255); padding: 8px; margin-top: 4px; border-radius: 8px; }
.oc-color-picker-popper-fade-enter-active, .oc-color-picker-popper-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.oc-color-picker-popper-fade-enter-from, .oc-color-picker-popper-fade-leave-to { opacity: 0; }
.oc-color-picker-popper-fade-enter-to, .oc-color-picker-popper-fade-leave-from { opacity: 1; }
.oc-color-picker-popper .oc-saturation-wrap { width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }
.oc-color-picker-popper .oc-color-sliders-wrap { margin-top: 12px; }
.oc-color-picker-popper .oc-color-sliders-wrap .oc-hue-wrap { position: relative; height: 8px; }
.oc-color-picker-popper .oc-color-sliders-wrap .oc-alpha-wrap { position: relative; height: 8px; margin-top: 8px; overflow: hidden; }
.oc-color-picker-popper .oc-color-value-field { margin-top: 12px; }
.oc-color-picker-popper .oc-color-value-field-prefix-text { color: rgb(49, 52, 59); font-size: 14px; margin-left: 8px; }
.oc-color-picker-popper .oc-color-value-field-rgba { margin-top: 12px; display: flex; gap: 8px; }
.oc-color-picker-popper .oc-color-value-field-rgba-item { display: flex; flex-direction: column; align-items: center; }
.oc-color-picker-popper .oc-color-value-field-rgba-item .ovui-input-number { padding-right: 8px; }
.oc-color-picker-popper .oc-color-value-field-rgba-item .ovui-input-number .ovui-input { font-size: 14px; }
.oc-color-picker-popper .oc-color-value-field-rgba-item input { text-align: center; }
.oc-color-picker-popper .oc-color-value-field-rgba-item-text { font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); margin-top: 2px; }
.oc-color-picker-popper .oc-color-option-predefine { border-top: 1px solid rgb(232, 234, 237); padding-top: 12px; margin-top: 12px; font-size: 0px; }
.oc-color-picker-popper .oc-color-option-predefine-title { font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.oc-color-picker-popper .oc-color-option-predefine .oc-color-options { margin-top: 9px; display: flex; flex-wrap: wrap; align-items: center; gap: 11.4px; }
.oc-color-picker-popper .oc-color-option-predefine .oc-color-options :not(.active) .oc-color-option-block:hover { outline-color: rgb(222, 224, 227) !important; }
.oc-color-picker-popper .oc-color-picker-confirm-btn { text-align: right; margin-top: 12px; }
.oc-color-picker-popper .oc-color-picker-confirm-btn button { min-width: 40px; }
.oc-color-picker-popper .oc-color-picker-confirm-btn button:first-child { margin-right: 8px; }
.oc-checkerboard { position: absolute; inset: 0px; border-radius: 4px; }
.oc-alpha { position: absolute; inset: 0px; }
.oc-alpha-checkboard-wrap { position: absolute; inset: 0px; overflow: hidden; border-radius: 4px; }
.oc-alpha-gradient { position: absolute; inset: 0px; border-radius: 4px; }
.oc-alpha-container { cursor: pointer; position: relative; height: 100%; margin: 0px 2px; }
.oc-alpha-container .oc-alpha-pointer { z-index: 2; position: absolute; }
.oc-alpha-container .oc-alpha-picker { cursor: pointer; width: 8px; border-radius: 50%; height: 8px; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; transform: translate(-4px); }
.oc-hue { position: absolute; inset: 0px; border-radius: 4px; }
.oc-hue--horizontal { background: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%); }
.oc-hue---vertical { background: linear-gradient(to top, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%); }
.oc-hue-container { cursor: pointer; margin: 0px 2px; position: relative; height: 100%; }
.oc-hue-pointer { z-index: 2; position: absolute; }
.oc-hue-picker { cursor: pointer; width: 8px; border-radius: 50%; height: 8px; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; transform: translate(-2px); }
.oc-saturation, .oc-saturation--white, .oc-saturation--black { cursor: pointer; position: absolute; inset: 0px; }
.oc-saturation .oc-saturation--white { background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.oc-saturation .oc-saturation--black { background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0)); }
.oc-saturation .oc-saturation-pointer { cursor: pointer; position: absolute; }
.oc-saturation .oc-saturation-circle { width: 8px; height: 8px; border-radius: 50%; border: 2px solid rgb(255, 255, 255); transform: translate(-4px, -4px); }
.oc-group-row-desc { display: flex; align-items: center; flex-direction: row; margin-top: 2px; gap: 0px 12px; }
.oc-group-row-group-title .oc-space-item { width: 100%; }
.oc-group-row-group-title .oc-group-row-title { display: flex; align-items: center; }
.oc-group-row-group-title .oc-group-row-title-title { flex: 1 1 0%; }
.oc-group-row-group-title .oc-group-row-title-tags { display: flex; align-items: center; }
.oc-group-row-group-title .oc-group-row-title-tags .oc-tag { margin-right: 8px; }
.oc-group-row-group-title .oc-group-row-title-left-tags { display: flex; align-items: center; }
.oc-group-row-group-title .oc-group-row-title-left-tags .oc-tag { margin-left: 8px; margin-right: 0px; }
.oc-group-row-group-prefix .oc-tag { margin-right: 4px; }
.oc-group-row-group-prefix .oc-tag:last-child { margin-right: 0px; }
.oc-button-dropdown-wrapper { display: inline-flex; }
.oc-button-dropdown-button .ovui-button { border-top-right-radius: 0px; border-bottom-right-radius: 0px; min-width: 68px !important; }
.oc-button-dropdown-dropdown { margin-left: 1px; line-height: 0; }
.oc-button-dropdown-dropdown .ovui-button { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.oc-skeleton-animation .oc-skeleton-shape, .oc-skeleton-animation .oc-skeleton-line-row { background: linear-gradient(90deg, rgba(242, 244, 247, 0.5) 25%, rgb(242, 244, 247) 37%, rgba(242, 244, 247, 0.5) 63%) 0% 0% / 300% 100%; animation: 1.5s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running oc-skeleton-circle; }
.oc-skeleton-animation .oc-skeleton-shape-dark, .oc-skeleton-animation .oc-skeleton-line-row-dark { background: linear-gradient(90deg, rgba(242, 244, 247, 0.5) 25%, rgb(232, 234, 237) 37%, rgba(242, 244, 247, 0.5) 63%) 0% 0% / 300% 100%; animation: 1.5s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running oc-skeleton-circle; }
@keyframes oc-skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.oc-row-schedule .ovui-schedule__week-title { padding: 0px 10px; text-wrap: nowrap; }
.oc-row-schedule .ovui-schedule__week-title .ovui-checkbox { display: flex; align-items: center; }
.oc-row-schedule-disabled .ovui-schedule__empty { display: none; }
.oc-dropdown-button-container { display: inline-block; }
.oc-dropdown-button-container .oc-dropdown-button-icon-up { transform: rotate(180deg); }
.oc-dropdown-button-text { margin-right: 4px; }
.oc-dropdown-button-dark .ovui-button { color: rgb(49, 52, 59); }
.oc-dropdown-button-bold .ovui-button { font-weight: 700; }
.oc-dropdown-item-active { color: rgb(0, 87, 255); }
.oc-dropdown-item-title { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; padding: 6px 12px; }
.oc-dropdown-content-footer { margin: 0px 12px; border-top: 1px solid rgb(222, 224, 227); }
.oc-dropdown-item { display: flex; justify-content: space-between; align-items: center; }
.oc-dropdown-item .oc-dropdown-item-text { display: flex; align-items: center; }
.oc-dropdown-item .oc-dropdown-item-operation { display: flex; }
.oc-dropdown-item .oc-dropdown-item-operation .oc-dropdown-item-operation-icon { font-size: 14px; margin-left: 4px; color: rgb(147, 150, 157); }
.oc-dropdown-item .oc-dropdown-item-operation .oc-dropdown-item-operation-icon:hover { color: rgb(0, 87, 255); }
.oc-dropdown-item .oc-dropdown-item-operation .oc-dropdown-item-operation-icon-disabled { font-size: 14px; margin-left: 4px; color: rgb(147, 150, 157); }
.oc-chart-trend-nodes-empty { display: flex; }
.oc-chart-base { display: flex; flex-direction: column; width: 100%; height: 100%; }
.oc-chart-base-empty { display: flex; align-items: center; }
.oc-chart-base-select-container { display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.oc-chart-base-select-container .select-container { position: relative; margin-right: 24px; display: flex; align-items: center; }
.oc-chart-base-select-container .select-container:last-child { margin-right: 0px; }
.oc-chart-base-select-container .select-container .color { width: 10px; height: 10px; border-radius: 2px; background-color: rgb(0, 87, 255); margin-right: 4px; }
.oc-chart-base-select-container .select-container .shape-circle { border-radius: 5px; }
.oc-chart-base-select-container .select-container .shape-rect { height: 4px; }
.oc-trend-chart-empty { display: flex; }
.oc-progress { display: flex; align-items: center; }
.oc-progress-block { height: 18px; }
.oc-progress-chart { flex: 1 1 0%; }
.oc-progress-content { margin-left: 12px; }
.oc-modal-wrap .ovui-modal { display: flex; flex-direction: column; border-radius: 16px; max-height: calc(100% - 80px) !important; }
.oc-modal-wrap .ovui-modal .ovui-modal__close-icon { color: rgb(147, 150, 157); }
.oc-modal-wrap .ovui-modal .ovui-modal__close-icon:hover { color: rgb(0, 87, 255); cursor: pointer; }
.oc-modal-wrap .ovui-modal__header-info, .oc-modal-wrap .ovui-modal__header-success, .oc-modal-wrap .ovui-modal__header-warning, .oc-modal-wrap .ovui-modal__header-error { margin-top: -3px; }
.oc-modal-wrap .ovui-modal__close-icon { top: 24px; }
.oc-modal-wrap .ovui-modal__body { flex: 1 1 0%; overflow: auto; font-size: 14px; color: rgb(49, 52, 59); line-height: normal !important; }
.oc-modal-wrap .ovui-modal__body .oc-modal-confirm-body-with-icon { padding-left: unset; }
.oc-modal-wrap .ovui-modal__body-with-status { padding-left: 24px; }
.oc-modal-wrap .ovui-modal__footer-btn-box .ovui-button--md { min-width: 88px; }
.oc-modal-wrap .oc-modal-footer { display: flex; justify-content: flex-end; }
.oc-modal-wrap .oc-modal-footer .oc-button-wrap:nth-of-type(1) { margin-right: 8px; }
.oc-modal-wrap .ovui-modal__header { font-weight: bolder; display: flex; align-items: center; }
.oc-modal-wrap .ovui-modal__header .oc-icon-success { color: rgb(13, 166, 0); }
.oc-modal-wrap .ovui-modal__header .oc-icon-info { color: rgb(0, 87, 255); }
.oc-modal-wrap .ovui-modal__header .oc-icon-danger, .oc-modal-wrap .ovui-modal__header .oc-icon-close-one { color: rgb(227, 73, 73); }
.oc-modal-wrap .ovui-modal__header .oc-icon-warning { color: rgb(235, 150, 23); }
.oc-modal-wrap .ovui-modal__footer { min-height: 80px; }
.oc-modal-wrap .oc-modal-body { padding: 0px !important; }
.oc-modal-wrap .oc-modal-header-icon { margin-right: 8px; }
.oc-space { display: inline-flex; }
.oc-space-vertical { flex-direction: column; display: flex; }
.oc-space-align-stretch { align-items: stretch; }
.oc-space-align-baseline { align-items: baseline; }
.oc-space-align-start { align-items: flex-start; }
.oc-space-align-end { align-items: flex-end; }
.oc-space-align-center { align-items: center; }
.oc-space-wrap { flex-wrap: wrap; }
.oc-space-rtl { direction: rtl; }
.oc-layout { margin: 0px; padding: 0px; height: 100%; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 100vh; width: 100vw; }
.oc-layout .oc-sticky { position: sticky; top: 16px; }
.oc-layout .oc-sticky-right { top: 0px; }
.oc-layout__wrapper { padding: 16px 24px; flex: 1 1 0%; }
.oc-layout__main { display: flex; flex-direction: row; margin-left: auto; margin-right: auto; width: 100%; }
.oc-layout__main-left-sider { flex: 0 0 auto; position: relative; z-index: 2; }
.oc-layout__main-wrapper { flex: 1 1 0%; display: flex; flex-direction: row; position: relative; z-index: 1; overflow-x: hidden; }
.oc-layout__main-content { flex: 1 1 0%; display: flex; flex-direction: column; overflow-x: hidden; }
.oc-layout__main-wrapper-fixed .oc-layout__main-content { flex: 0 0 auto; width: calc(100% - var(--rightSpace)); }
.oc-layout__main-wrapper-fixed .oc-sticky-right { position: absolute; right: 0px; }
.oc-layout-header-sticky { height: 100vh; }
.oc-layout-header-sticky .oc-sticky { top: 0px; }
.oc-layout-header-sticky .oc-layout__main-wrapper { height: calc(100vh - var(--headerHeight)); overflow: auto; }
.oc-help-feedback { width: 100%; font-size: 12px; font-weight: 400; margin-top: 6px; }
.oc-help-feedback .result { color: rgb(147, 150, 157); }
.oc-help-feedback .header-item { color: rgb(98, 101, 108); display: flex; cursor: pointer; }
.oc-help-feedback .header-item.active, .oc-help-feedback .header-item:hover { color: rgb(0, 87, 255); }
.oc-help-feedback .header-item .msg-text { margin-left: 4px; }
.oc-help-feedback--light .header-item { color: rgb(255, 255, 255); opacity: 0.6; }
.oc-help-feedback--light .header-item.active, .oc-help-feedback--light .header-item:hover { opacity: 1; color: rgb(255, 255, 255); }
.oc-help-feedback--light .result { color: rgb(255, 255, 255); }
.oc-help-feedback-popper .content { margin-top: 4px; }
.oc-help-feedback-popper .content.ovui-textarea__wrapper--md, .oc-help-feedback-popper .content .ovui-textarea__wrapper--md .ovui-textarea { font-size: 12px; }
.oc-help-feedback-popper .footer { text-align: right; margin-top: 4px; }
.oc-row-input { width: 100%; }
.oc-row-input .oc-input-group-wrap { display: flex; align-items: center; }
.oc-row-input .oc-input-group-wrap .oc-input-group .ovui-custom-input { cursor: text; }
.oc-row-input .oc-input-group-wrap .oc-input-group .ovui-textarea__suffix { height: 22px; }
.oc-row-input .oc-input-group-wrap .oc-input-group .suffix-count { color: rgb(147, 150, 157); }
.oc-row-input .oc-input-group-wrap .oc-input-group .ovui-textarea__wrapper .ovui-textarea__count { font-size: 14px; line-height: 18px; bottom: 6px; }
.oc-row-input .prepend-string, .oc-row-input .append-string, .oc-row-input .prefix-icon, .oc-row-input .suffix-icon, .oc-row-input .suffix-string { color: rgb(147, 150, 157); cursor: pointer; }
.oc-row-input .prepend-icon, .oc-row-input .append-icon { color: rgb(49, 52, 59); cursor: pointer; }
.oc-row-input .oc-input-group-prepend { position: relative; }
.oc-row-input .oc-input-group-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.oc-row-input .oc-input-group-append { position: relative; }
.oc-row-input .oc-input-group-append * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.oc-row-input .oc-input-group-append-divider::before { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; }
.oc-row-input .oc-input-group-prepend-divider::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }
.oc-add-button { height: 34px; text-align: center; }
.oc-add-button .ovui-button--block { display: flex; }
.oc-media-img-popover { position: relative; border-radius: 8px; line-height: 0; padding: 0px !important; }
.oc-media-img-popover .oc-media-preview { border-radius: 8px; overflow: hidden; }
.oc-media-img-popover::before { content: ""; display: block; box-sizing: content-box; height: 100%; position: absolute; width: 100%; padding-right: 10px; padding-left: 10px; right: -10px; z-index: -1; }
.oc-media-preview-graphic .oc-audio-player { position: absolute; right: 12px; bottom: 22px; }
.oc-media-preview-graphic .oc-carousel-item { display: flex; align-items: center; justify-content: center; background-color: rgb(22, 24, 35); }
.oc-media-preview-graphic .oc-media-graphic-item-thumb { width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.oc-media-image-mode { position: absolute; left: 8px; top: 8px; z-index: 2; }
.oc-media-wrapper-disabled { opacity: 0.5; }
.oc-media-wrapper .oc-media-thumb-container { position: relative; display: flex; justify-content: center; align-items: center; background: center center / contain no-repeat rgb(242, 244, 247); border-radius: 8px; }
.oc-media-wrapper .oc-media-thumb-container .oc-media-thumb-tip { position: absolute; bottom: 4px; left: 6px; right: 6px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; line-height: 18px; font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; padding: 0px 4px; }
.oc-media-wrapper .oc-media-thumb-video-icon { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.oc-media-wrapper .oc-media-thumb-icon { width: 16px; height: 16px; z-index: 1; border-radius: 0px 8px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; right: 0px; }
.oc-media-wrapper .oc-media-thumb-tag { position: absolute; top: 0px; left: 0px; }
.oc-media-wrapper .oc-media-thumb-mark { position: absolute; top: 0px; right: 0px; }
.oc-media-wrapper .oc-media-thumb-bottom-tag { position: absolute; right: 0px; bottom: 0px; }
.oc-media-preview-tag { position: absolute; line-height: 22px; top: 0px; left: 0px; }
.oc-media-preview-bottom-tag { position: absolute; line-height: 22px; right: 0px; bottom: 0px; }
.ovui-drawer__wrap .oc-drawer-header-fix { padding: 0px 24px; }
.ovui-drawer__wrap .oc-drawer-header-custom { height: auto; }
.ovui-drawer__header { border-bottom: 1px solid rgb(232, 234, 237); }
.oc-drawer-header { min-height: 64px; width: 100%; display: flex; align-items: center; }
.oc-drawer-header-icon { margin-right: 16px; }
.oc-drawer-header-extra { flex: 1 1 0%; justify-content: flex-end; display: inline-flex; }
.oc-drawer-header-tabs { height: 100%; display: flex; }
.oc-drawer-header-title { height: 100%; display: flex; align-items: center; justify-self: center; font-weight: bolder; }
.oc-drawer-header-title .after-title-icon { margin-left: 4px; }
.oc-drawer-body-wrap { height: 100%; display: flex; flex-direction: column; }
.oc-drawer-body-wrap .oc-drawer-close { display: flex; align-items: center; justify-content: center; position: absolute; left: -32px; top: 13px; width: 32px; height: 32px; border-radius: 4px 0px 0px 4px; background: rgb(0, 87, 255); }
.oc-drawer-body-wrap .oc-drawer-close:hover { cursor: pointer; }
.oc-drawer-body-wrap .oc-default-slot { flex: 1 1 0%; overflow: auto; padding: 16px; overscroll-behavior: none; }
.oc-drawer-body-wrap .oc-drawer-footer { height: 64px; position: relative; display: flex; justify-content: flex-end; align-items: center; padding: 0px 24px; background-color: rgb(255, 255, 255); }
.oc-drawer-body-wrap .oc-drawer-footer .left-footer-wrap { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); }
.oc-drawer-body-wrap .oc-drawer-footer .oc-footer-btn { display: inline-block; }
.oc-drawer-body-wrap .oc-drawer-footer .oc-button-wrap { margin-left: 16px; }
.ovui-drawer__header { height: 64px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ovui-drawer--left .oc-drawer-close { right: -32px; left: inherit; border-radius: 0px 4px 4px 0px; }
.oc-drawer-body { padding: 0px; background: rgba(42, 85, 229, 0.06); }
.oc-image-group-preview .ovui-image-group { display: none; }
.oc-radio--blue .ovui-radio:not(.ovui-radio--disabled) .ovui-radio__inner:hover { border-color: rgb(0, 87, 255); }
.oc-radio--blue .ovui-radio:not(.ovui-radio--disabled).ovui-radio--checked .ovui-radio__inner, .oc-radio--blue .ovui-radio:not(.ovui-radio--disabled).ovui-radio--checked .ovui-radio__inner:hover { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); }
.oc-radio--blue .ovui-radio.ovui-radio--disabled.ovui-radio--checked .ovui-radio__inner { border-color: rgb(186, 218, 255); background-color: rgb(186, 218, 255); }
.oc-radio__popover-wrap { display: inline-flex; margin-left: 4px; }
.oc-radio__popover-wrap > .oc-popover { display: inline-flex; }
.oc-radio { display: inline-flex; }
.oc-radio .ovui-radio > .ovui-radio__label { display: flex; align-items: center; }
.oc-radio--no-label .ovui-radio > .ovui-radio__label { margin: 0px; }
@keyframes oc-typography-glow { 
  0% { background-position: 150% 0%; }
  100% { background-position: -50% 0%; }
}
@keyframes sweep-left-to-right { 
  0% { background-position: 100% 50%; }
  100% { background-position: -100% 50%; }
}
.oc-typography { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; font-weight: 400; word-break: break-all; white-space: normal; display: -webkit-box; text-rendering: auto; }
.oc-typography ol, .oc-typography ul { padding: 0px; margin: 0px; }
.oc-typography ul li, .oc-typography ol li { margin-left: 14px; }
.oc-typography ul { list-style: initial; }
.oc-typography li + li { margin-top: 4px; }
.oc-typography .oc-typography-value-em { color: rgb(0, 87, 255); font-style: normal; }
.oc-typography-size-xs { font-size: 12px; line-height: 18px; }
.oc-typography-size-sm { font-size: 14px; line-height: 22px; }
.oc-typography-size-md { font-size: 16px; line-height: 24px; }
.oc-typography-size-lg { font-size: 18px; line-height: 26px; }
.oc-typography-size-xl { font-size: 20px; line-height: 28px; }
.oc-typography-color-inherit { color: inherit; }
.oc-typography-color-default { color: rgb(49, 52, 59); }
.oc-typography-color-auxiliary { color: rgb(98, 101, 108); }
.oc-typography-color-secondary { color: rgb(147, 150, 157); }
.oc-typography-color-primary { color: rgb(0, 87, 255); }
.oc-typography-color-ai-light { background-clip: text; position: relative; overflow: hidden; background-image: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.oc-typography-color-ai-light .oc-typography-value-int { color: transparent; }
.oc-typography-color-ai { background-clip: text; overflow: hidden; background-image: linear-gradient(90deg, rgb(71, 215, 250) 0%, rgb(59, 126, 244) 33.18%, rgb(255, 255, 255) 50%, rgb(184, 78, 241) 67%, rgb(59, 126, 244) 87.5%, rgb(71, 215, 250) 100%); background-size: 200% 100%; animation: 2s linear 0s infinite normal none running sweep-left-to-right; }
.oc-typography-color-ai .oc-typography-value-int { color: transparent; }
.oc-typography-color-danger { color: rgb(227, 73, 73); }
.oc-typography-color-success { color: rgb(13, 166, 0); }
.oc-typography-color-warning { color: rgb(235, 150, 23); }
.oc-typography-disabled { color: rgb(185, 188, 195); }
.oc-typography-color-primary.oc-typography.oc-typography-disabled { color: rgb(186, 218, 255); }
.oc-typography-bold { font-weight: 700; }
.oc-typography-italic { font-style: italic; }
.oc-typography-dashed span { font-weight: 700; white-space: break-spaces; word-break: break-word; text-rendering: auto; -webkit-font-smoothing: antialiased; border-image-slice: 1; border-image-source: repeating-linear-gradient(90deg, rgb(147, 150, 157), rgb(147, 150, 157) 3px, transparent 0px, transparent 5px); border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image-outset: 0px; }
.oc-typography-dashed span:hover { border-image-source: repeating-linear-gradient(90deg, rgb(147, 150, 157), rgb(147, 150, 157) 1px, transparent 0px, transparent 1px); }
.oc-typography-underline { text-decoration-line: underline; text-decoration-style: solid; }
.oc-typography-line-through { text-decoration-line: line-through; text-decoration-style: solid; }
.oc-typography-type-number, .oc-typography-type-number * { font-family: OC-OPPOSans, "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.oc-typography-type-market, .oc-typography-type-market *, .oc-typography-type-douyin, .oc-typography-type-douyin * { font-family: "Douyin Sans", "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.oc-typography-type-number.oc-typography.oc-typography-bold, .oc-typography-type-number.oc-typography.oc-typography-bold * { font-family: OC-OPPOSans-Bold, "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.oc-typography-type-text { display: inline-block; }
.oc-typography-type-span { display: inline; }
.oc-typography-cursor, .oc-typography-overflow, .oc-typography-dashed { cursor: pointer; }
.oc-typography-color-primary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover, .oc-typography-color-default.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover, .oc-typography-color-secondary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover, .oc-typography-color-auxiliary.oc-typography.oc-typography-cursor:not(.oc-typography-disabled):hover { color: rgb(46, 123, 255); }
.oc-typography-operation-expand { margin: 0px 0px 0px 4px; cursor: pointer; color: rgb(0, 87, 255); }
.oc-typography-operation-icon { margin-left: 4px; margin-top: -2px; vertical-align: middle; }
.oc-typography-list-span { word-break: break-all; white-space: normal; }
.oc-typography-list-span-nowrap { white-space: nowrap; }
.oc-typography-list-icon { margin-left: 4px; margin-top: -2px; vertical-align: middle; }
.oc-typography-list-style { width: 8px; height: 8px; flex: 1 1 0%; display: inline-block; margin-right: 4px; background-color: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; box-sizing: border-box; border: 1px solid rgb(255, 255, 255); }
.oc-typography-list-style.oc-typography-list-style-circle { border-radius: 100%; }
.oc-typography-list-style.oc-typography-list-style-color-primary { background: rgb(0, 87, 255); }
.oc-typography-list-style.oc-typography-list-style-color-danger { background: rgb(227, 73, 73); }
.oc-typography-list-style.oc-typography-list-style-color-success { background: rgb(13, 166, 0); }
.oc-typography-list-style.oc-typography-list-style-color-warning { background: rgb(235, 150, 23); }
.oc-typography-list-style.oc-typography-list-style-color-auxiliary { background: rgb(98, 101, 108); }
.oc-typography-list-style.oc-typography-list-style-color-secondary { background: rgb(147, 150, 157); }
.oc-typography-span-nowrap { white-space: nowrap; }
.oc-typography .oc-popover { display: inline-flex; }
.oc-side-bar { position: relative; transition: width 0.2s; }
.oc-side-bar-heder { margin-bottom: 8px; }
.oc-side-bar-footer { margin-top: 8px; }
.oc-side-bar .ovui-menu { width: 100%; background-color: inherit; }
.oc-side-bar .ovui-popup__mask { display: none; }
.oc-side-bar-category-title { position: relative; margin: 0px 16px 8px; padding-bottom: 8px; font-size: 12px; color: rgb(147, 150, 157); font-weight: 500; line-height: 22px; user-select: none; border-bottom: 1px solid rgb(223, 224, 226); }
.oc-side-bar-collapse-button { position: absolute; right: 8px; bottom: 16px; max-width: calc(100% - 32px); border-radius: 8px; background-color: rgb(255, 255, 255); cursor: pointer; color: rgb(49, 52, 59); padding: 0px 8px; height: 32px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.oc-side-bar-collapse-button:hover { color: rgb(0, 87, 255); }
.oc-side-bar-collapse-button__text { font-size: 14px; white-space: nowrap; min-width: 0px; overflow: hidden; }
.ovui-cascader__popper .ovui-cascader-search__filter { padding: 12px; border-bottom: 1px solid rgb(222, 224, 227); }
.ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--md, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--clearable, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--noborder { border-radius: 8px; height: 32px; border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper:hover, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--md:hover, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--clearable:hover, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--noborder:hover { color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--focused, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--md--focused, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--clearable--focused, .ovui-cascader__popper .ovui-cascader-search__filter .ovui-input__wrapper--noborder--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.oc-row-cascader .ovui-cascader-panel .ovui-cascader-panel__main { min-width: unset !important; width: calc(100% - 216px); }
.oc-row-cascader .ovui-cascader-panel .ovui-cascader-panel__selection-header { white-space: nowrap; background-color: rgb(242, 244, 247); }
.oc-row-cascader .ovui-cascader-exb { min-width: 200px; }
.oc-row-cascader .ovui-cascader-exb .ovui-cascader-exb__header { background-color: rgb(242, 244, 247); }
.ovui-cascader-panel .oc-row-cascader-list-with-title { height: auto; max-height: 235px; }
.ovui-cascader-panel .oc-row-cascader-list { height: auto; max-height: 195px; }
.ovui-cascader-panel__list-wrapper .ovui-cascader-panel__placeholder .ovui-empty { margin: 30px 0px; }
.ovui-cascader__empty { min-width: 200px; }
.oc-row-cascader-disabled .ovui-cascader-exb__item .ovui-cascader-exb__close:hover { cursor: not-allowed; }
.oc-cascader-tag { flex: 1 1 0%; min-width: 60px; max-width: 90px; justify-content: space-between; }
.oc-tree { padding: 0px; margin: 0px; }
.oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled) .ovui-checkbox__inner:hover { border-color: rgb(0, 87, 255); }
.oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner, .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner, .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner:hover, .oc-checkbox--blue .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner:hover { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); }
.oc-checkbox--blue .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner, .oc-checkbox--blue .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner { border-color: rgb(186, 218, 255); background-color: rgb(186, 218, 255); }
.oc-checkbox__popover-wrap { display: inline-flex; margin-left: 4px; }
.oc-checkbox__popover-wrap > .oc-popover { display: inline-flex; }
.oc-checkbox { display: inline-flex; }
.oc-checkbox .ovui-checkbox > .ovui-checkbox__label { display: flex; align-items: center; }
.oc-checkbox--no-label .ovui-checkbox > .ovui-checkbox__label { margin: 0px; }
.oc-ratio-chart-empty { display: flex; }
.oc-create-audience-district-radio { flex: 1 1 0%; }
.oc-create-audience-district-radio .ovui-radio-group { flex-wrap: wrap; gap: 4px 8px; }
.oc-create-audience-district .ml-16 { margin-left: 16px; }
.oc-create-audience-district .before-radio { display: flex; align-items: center; margin-right: 8px; }
.oc-create-aigc-generate-selector { position: relative; border-radius: 8px; overflow: hidden; transition: 0.3s; }
.oc-create-aigc-generate-selector-disabled-mask { z-index: 20; position: absolute; inset: -2px; background-color: rgb(222, 224, 227); opacity: 0.5; }
.oc-create-aigc-generate-selector-disabled-mask:hover { cursor: not-allowed; }
.oc-create-aigc-generate-selector .container { transition: 0.3s; margin-bottom: 16px; }
.oc-create-aigc-generate-selector .container-collapsed { margin-bottom: 0px !important; }
.oc-create-aigc-generate-selector .collapse-button { display: inline-block; margin-top: -8px; position: absolute; right: 16px; top: 56%; transform: translateY(-50%); }
.oc-create-aigc-generate-selector .aigc-title { padding: 16px; position: relative; }
.oc-create-aigc-generate-selector .aigc-title .aigc-title-main { display: flex; flex-direction: row; align-items: center; }
.oc-create-aigc-generate-selector .aigc-title .modal-icon { width: 58px; z-index: 1; }
.oc-create-aigc-generate-selector .aigc-title .introduce-text { margin-left: 8px; margin-top: 1px; font-size: 12px; color: rgb(98, 101, 108); z-index: 1; }
.oc-create-aigc-generate-selector .modal-background { inset: -4px 0px 0px -4px; position: absolute; z-index: 0; }
.oc-create-aigc-generate-selector .modal-background-icon { width: 328px; height: 165px; position: absolute; right: 0px; }
.oc-create-aigc-generate-selector .content-container { display: flex; flex-direction: column; padding: 0px 16px; }
.oc-create-aigc-generate-selector .content-container-tabs { margin-bottom: 16px; }
.oc-create-aigc-generate-selector .content-container-bottom { position: relative; }
.oc-create-aigc-generate-selector.oc-create-aigc-generate-selector-ai { border: 1px solid transparent; border-radius: 16px; background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(125.44deg, rgb(205, 236, 253) -0.24%, rgb(212, 220, 252) 32.33%, rgb(236, 212, 243) 99.38%); background-clip: padding-box, border-box; background-origin: padding-box, border-box; }
.oc-create-aigc-generate-selector.oc-create-aigc-generate-selector-ai .modal-background { height: 12px; background: linear-gradient(108.88deg, rgba(71, 215, 250, 0.15) 1.44%, rgba(59, 126, 244, 0.15) 27.89%, rgba(184, 78, 241, 0.15) 60.72%, rgba(243, 85, 193, 0.15) 100%); filter: blur(40px); }
.oc-create-aigc-generate-selector.oc-create-aigc-generate-selector-ai .aigc-title .aigc-title-icon { margin-right: 8px; }
.oc-video-player-wrapper { width: 100%; height: 100%; line-height: 1.15; }
.oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls, .oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls, .oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-autohide, .oc-video-player-wrapper .xgplayer.oc-video-player-hide-control .controls-autohide { pointer-events: none; visibility: hidden; cursor: default; opacity: 0; }
.oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls-initshow, .oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls-initshow { pointer-events: auto; visibility: visible; opacity: 1; }
.oc-video-player-wrapper .xgplayer .xgplayer-controls { display: block; position: absolute; visibility: visible; height: 48px; left: 0px; right: 0px; bottom: 0px; opacity: 1; z-index: 10; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)); transition: opacity 0.5s, visibility 0.5s; }
.oc-video-player-wrapper .xgplayer .xgplayer-controls.show { display: block; opacity: 1; visibility: visible; pointer-events: auto; }
.oc-video-player-wrapper .xgplayer .xg-inner-controls { position: absolute; height: 40px; bottom: 0px; justify-content: space-between; display: flex; }
.oc-video-player-wrapper .xgplayer .xg-left-grid, .oc-video-player-wrapper .xgplayer .xg-right-grid { position: relative; display: flex; flex-wrap: wrap; flex-shrink: 1; height: 100%; z-index: 1; }
.oc-video-player-wrapper .xgplayer .xg-right-grid { flex-direction: row-reverse; }
.oc-video-player-wrapper .xgplayer .xg-right-grid > :first-child { margin-right: 0px; }
.oc-video-player-wrapper .xgplayer .xg-right-grid xg-icon { margin-left: 0px; }
.oc-video-player-wrapper .xgplayer .xg-left-grid > :first-child { margin-left: 0px; }
.oc-video-player-wrapper .xgplayer .xg-left-grid xg-icon { margin-right: 0px; }
.oc-video-player-wrapper .xgplayer .xg-center-grid { display: block; position: absolute; left: 0px; right: 0px; outline: none; top: -20px; padding: 5px 0px; text-align: center; }
.oc-video-player-wrapper .xgplayer .flex-controls .xg-inner-controls { justify-content: space-around; display: flex; bottom: 8px; }
.oc-video-player-wrapper .xgplayer .flex-controls .xg-center-grid { display: flex; flex: 1 1 0%; position: relative; top: 0px; height: 100%; justify-content: space-between; align-items: center; left: 0px; right: 0px; padding: 0px 16px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xg-center-grid { z-index: 2; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .flex-controls .xg-center-grid { padding: 0px 8px; }
.oc-video-player-wrapper .xgplayer .bottom-controls .xg-center-grid { top: 20px; padding: 0px; }
.oc-video-player-wrapper .xgplayer .bottom-controls .xg-left-grid, .oc-video-player-wrapper .xgplayer .bottom-controls .xg-right-grid { bottom: 10px; }
.oc-video-player-wrapper .xgplayer .mini-controls { background-image: none; }
.oc-video-player-wrapper .xgplayer .mini-controls .xg-inner-controls { bottom: 0px; left: 0px; right: 0px; }
.oc-video-player-wrapper .xgplayer .mini-controls .xg-center-grid { bottom: -28px; top: auto; padding: 0px; }
.oc-video-player-wrapper .xgplayer .mini-controls .xg-left-grid, .oc-video-player-wrapper .xgplayer .mini-controls .xg-right-grid { display: none; }
.oc-video-player-wrapper .xgplayer .controls-follow { bottom: 70px; transition: bottom 0.3s; }
.oc-video-player-wrapper .xgplayer.flex-controls .controls-follow { bottom: 45px; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-follow, .oc-video-player-wrapper .xgplayer.no-controls .controls-follow, .oc-video-player-wrapper .xgplayer.mini-controls .controls-follow { bottom: 10px; }
.oc-video-player-wrapper .xgplayer-fullscreen-parent { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; }
.oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen, .oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen { z-index: 10; position: absolute; }
.oc-video-player-wrapper .xgplayer-rotate-parent { position: fixed; inset: 0px 0px 0px 100%; width: 100vh; height: 100vw; z-index: 9999; transform-origin: left top; transform: rotate(90deg); }
.oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen { position: absolute; top: 0px; left: 0px; z-index: 10; margin: 0px; padding: 0px; width: 100%; height: 100%; transform: rotate(0deg); }
.oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer-mobile video { z-index: -1; }
.oc-video-player-wrapper .xgplayer { position: relative; width: 100%; height: 100%; overflow: hidden; font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 14px; font-weight: 400; background: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; user-select: none; cursor: pointer; }
.oc-video-player-wrapper .xgplayer * { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; white-space: normal; overflow-wrap: normal; }
.oc-video-player-wrapper .xgplayer ul, .oc-video-player-wrapper .xgplayer li { list-style: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-none { display: none; }
.oc-video-player-wrapper .xgplayer.xgplayer-is-fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 9999; }
.oc-video-player-wrapper .xgplayer.xgplayer-is-cssfullscreen { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; }
.oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen { position: fixed; inset: 0px 0px 0px 100%; width: 100vh; height: 100vw; transform-origin: left top; transform: rotate(90deg); z-index: 9999; }
.oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video { z-index: -1; }
.oc-video-player-wrapper .xgplayer xg-video-container.xg-video-container { position: absolute; top: 0px; bottom: 48px; display: block; width: 100%; }
.oc-video-player-wrapper .xgplayer video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; outline: none; }
.oc-video-player-wrapper .xgplayer[data-xgfill="cover"] video { object-fit: cover; }
.oc-video-player-wrapper .xgplayer[data-xgfill="fill"] video { object-fit: fill; }
.oc-video-player-wrapper .xgplayer .xg-pos { left: 10px; right: 10px; }
.oc-video-player-wrapper .xgplayer .xg-margin { margin-left: 16px; margin-right: 16px; }
.oc-video-player-wrapper .xgplayer .xg-bottom { bottom: 0px; }
.oc-video-player-wrapper .xgplayer .btn-text { position: relative; top: 50%; height: 24px; font-size: 13px; text-align: center; }
.oc-video-player-wrapper .xgplayer .btn-text span { display: inline-block; min-width: 52px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0.38); border-radius: 12px; }
.oc-video-player-wrapper .xgplayer xg-icon { position: relative; box-sizing: border-box; height: 40px; margin-left: 16px; margin-right: 16px; cursor: pointer; color: rgba(255, 255, 255, 0.8); fill: rgb(255, 255, 255); }
.oc-video-player-wrapper .xgplayer xg-icon .xg-tips { top: -30px; left: 50%; transform: translate(-50%); }
.oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips, .oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips { display: block; }
.oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips.hide, .oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips.hide { display: none; }
.oc-video-player-wrapper .xgplayer xg-icon .xgplayer-icon { position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; }
.oc-video-player-wrapper .xgplayer xg-icon .xg-icon-disable { cursor: not-allowed; }
.oc-video-player-wrapper .xgplayer xg-icon .xg-img { width: 100%; }
.oc-video-player-wrapper .xgplayer xg-icon svg, .oc-video-player-wrapper .xgplayer xg-icon img { height: 100%; display: block; }
.oc-video-player-wrapper .xgplayer xg-bar { display: block; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive xg-bar, .oc-video-player-wrapper .xgplayer.xgplayer-mini xg-bar { display: none; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar { display: flex; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide { display: none; }
.oc-video-player-wrapper .xgplayer .xg-top-bar { position: absolute; z-index: 10; top: 0px; left: 16px; right: 16px; display: flex; height: 50px; }
.oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon { position: relative; top: 10px; left: 0px; width: 34px; margin-top: 0px; }
.oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon:first-child { margin-left: 0px; }
.oc-video-player-wrapper .xgplayer .xg-left-bar, .oc-video-player-wrapper .xgplayer .xg-right-bar { position: absolute; z-index: 9; top: 50px; bottom: 50px; width: 50px; }
.oc-video-player-wrapper .xgplayer .xg-left-bar { left: 0px; }
.oc-video-player-wrapper .xgplayer .xg-right-bar { right: 0px; }
.oc-video-player-wrapper .xgplayer .xg-tips { display: none; position: absolute; padding: 4px 6px; background: rgba(0, 0, 0, 0.54); border-radius: 4px; font-size: 11px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; opacity: 0.85; }
.oc-video-player-wrapper .xgplayer .xg-margin { left: 0px; right: 0px; }
.oc-video-player-wrapper .xgplayer-mobile { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.oc-video-player-wrapper .xgplayer-mobile * { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar, .oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos { left: 6%; right: 6%; }
.oc-video-player-wrapper .xgplayer-mobile xg-icon:hover .xg-tips { display: none; }
@media only screen and (max-width: 480px) {
  .oc-video-player-wrapper .xgplayer-mobile xg-icon { margin-right: 10px; margin-left: 10px; }
  .oc-video-player-wrapper .xgplayer-mobile .xg-top-bar { left: 10px; right: 10px; }
}
@media screen and (orientation: portrait) {
  .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls, .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls { bottom: env(safe-area-inset-bottom); }
  .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar, .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar { top: env(safe-area-inset-top); }
}
@media only screen and (orientation: landscape) {
  .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar, .oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos { left: 6%; right: 6%; }
  .oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen { left: 0px; width: 100vw; height: 100vh; transform: rotate(0deg); }
}
.oc-video-player-wrapper .xgplayer .xgplayer-screen-container { display: block; width: 100%; }
.oc-video-player-wrapper .xgplayer .xg-options-icon { display: none; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xg-options-icon.show { display: block; }
@keyframes xg_right_options_active { 
  0% { transform: translate(50%); }
  100% { transform: translate(-50%); }
}
@keyframes xg_right_options_hide { 
  0% { transform: translate(-50%); }
  100% { transform: translate(50%); }
}
@keyframes xg_left_options_active { 
  0% { transform: translate(-50%); }
  100% { transform: translate(50%); }
}
@keyframes xg_left_options_hide { 
  0% { transform: translate(50%); }
  100% { transform: translate(-50%); }
}
.oc-video-player-wrapper .xgplayer .xg-options-list { display: none; position: absolute; z-index: 5; width: 78px; right: 50%; bottom: 100%; background: rgba(0, 0, 0, 0.54); border-radius: 1px; transform: translate(50%); cursor: pointer; overflow: auto; height: 0px; opacity: 0.85; font-size: 14px; color: rgba(255, 255, 255, 0.8); }
.oc-video-player-wrapper .xgplayer .xg-options-list li { height: 20px; line-height: 18px; position: relative; padding: 4px 0px; text-align: center; }
.oc-video-player-wrapper .xgplayer .xg-options-list li:hover, .oc-video-player-wrapper .xgplayer .xg-options-list li.selected { color: red; opacity: 1; }
.oc-video-player-wrapper .xgplayer .xg-options-list li:nth-child(1) { position: relative; margin-top: 12px; }
.oc-video-player-wrapper .xgplayer .xg-options-list li:last-child { position: relative; margin-bottom: 12px; }
.oc-video-player-wrapper .xgplayer .xg-options-list:hover { opacity: 1; }
.oc-video-player-wrapper .xgplayer .xg-options-list.active { display: block; height: auto; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list { width: 20%; height: 100%; bottom: 0px; background: rgba(0, 0, 0, 0.9); display: flex; flex-direction: column; box-sizing: border-box; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li { flex: 1 1 0%; width: 100%; padding: 0px; position: relative; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li span { display: block; position: relative; top: 50%; transform: translateY(-50%); pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:nth-child(1) { margin-top: 20px; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:last-child { margin-bottom: 20px; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side { right: -10.5%; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active { height: 100%; animation: 0.2s ease-out 0s 1 normal forwards running xg_right_options_active; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.hide { height: 100%; animation: 0.2s ease-in 0s 1 normal forwards running xg_right_options_hide; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side { left: -10.5%; transform: translate(-50%); }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active { height: 100%; animation: 0.2s ease-out 0s 1 normal forwards running xg_left_options_active; }
.oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.hide { height: 100%; animation: 0.2s ease-in 0s 1 normal forwards running xg_left_options_hide; }
@media only screen and (max-width: 480px) {
  .oc-video-player-wrapper .xgplayer-mobile .xg-options-icon.portrait { display: none; }
}
.oc-video-player-wrapper .xgplayer xg-thumbnail { display: block; }
.oc-video-player-wrapper .xgplayer-replay { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-replay { display: none; position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; justify-content: center; align-items: center; flex-direction: column; z-index: 5; transform: translate(-50%, -50%); cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-replay .xgplayer-replay-txt { display: inline-block; font-size: 14px; color: rgb(255, 255, 255); line-height: 34px; text-align: center; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-svg { width: 50px; height: 50px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-txt { line-height: 24px; font-size: 12px; }
.oc-video-player-wrapper .xgplayer .xgplayer-poster { display: block; opacity: 1; visibility: visible; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; transition: opacity 0.3s, visibility 0.3s; pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-poster.hide, .oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster { opacity: 0; visibility: hidden; }
.oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay, .oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay, .oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster, .oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster, .oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster { opacity: 1; visibility: visible; }
.oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster.hide, .oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster.hide, .oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster.hide { opacity: 0; visibility: hidden; }
@keyframes playPause { 
  0% { transform: scale(1); opacity: 1; }
  99% { transform: scale(1.3); opacity: 0; }
  100% { transform: scale(1); opacity: 0; }
}
.oc-video-player-wrapper .xgplayer xg-start-inner { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background: rgba(0, 0, 0, 0.38); }
.oc-video-player-wrapper .xgplayer .xgplayer-start { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-start svg { width: 100%; height: 100%; }
.oc-video-player-wrapper .xgplayer .xgplayer-start.hide, .oc-video-player-wrapper .xgplayer .xgplayer-start.focus-hide { display: none; pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-start:hover { opacity: 0.85; }
.oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-play { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-pause, .oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-play { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-pause, .oc-video-player-wrapper .xgplayer .xgplayer-start.interact { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-start.interact xg-start-inner { animation: 0.4s ease-out 0.1s 1 normal forwards running playPause; }
.oc-video-player-wrapper .xgplayer .xgplayer-start.show { display: block; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile xg-start-inner { background: initial; border-radius: 0px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start { height: 50px; width: 50px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start:hover { opacity: 1; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive .xgplayer-start.auto-hide, .oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide, .oc-video-player-wrapper .xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start, .oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start, .oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start, .oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.show, .oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start.show { display: none; }
.oc-video-player-wrapper .xgplayer-enter { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 5; pointer-events: none; }
.oc-video-player-wrapper .xgplayer-enter .show { display: block; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner { display: block; position: absolute; z-index: 1; left: 50%; top: 50%; height: 100px; width: 100px; transform: translate(-50%, -50%); }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div { width: 6%; height: 13%; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 45%; top: 45%; opacity: 0; border-radius: 30px; animation: 1s linear 0s infinite normal none running fade; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 { transform: rotate(0deg) translateY(-140%); animation-delay: 0s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 { transform: rotate(30deg) translateY(-140%); animation-delay: -0.9163s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 { transform: rotate(60deg) translateY(-140%); animation-delay: -0.833s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 { transform: rotate(90deg) translateY(-140%); animation-delay: -0.7497s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 { transform: rotate(120deg) translateY(-140%); animation-delay: -0.6664s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 { transform: rotate(150deg) translateY(-140%); animation-delay: -0.5831s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 { transform: rotate(180deg) translateY(-140%); animation-delay: -0.4998s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 { transform: rotate(210deg) translateY(-140%); animation-delay: -0.4165s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 { transform: rotate(240deg) translateY(-140%); animation-delay: -0.3332s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 { transform: rotate(270deg) translateY(-140%); animation-delay: -0.2499s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 { transform: rotate(300deg) translateY(-140%); animation-delay: -0.1666s; }
.oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 { transform: rotate(330deg) translateY(-142%); animation-delay: -0.0833s; }
@keyframes fade { 
  0% { opacity: 1; }
  100% { opacity: 0.25; }
}
.oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-enter { display: block; opacity: 1; transition: opacity 0.3s; }
.oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-enter { display: none; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner { width: 70px; height: 70px; }
.oc-video-player-wrapper .xg-mini-layer { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 11; background: linear-gradient(rgba(57, 57, 57, 0.9), rgba(57, 57, 57, 0) 50.27%); }
.oc-video-player-wrapper .xg-mini-layer .mask { pointer-events: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header { display: flex; top: 0px; left: 0px; right: 40px; box-sizing: border-box; padding: 10px 3px 0px 8px; justify-content: space-between; color: rgb(255, 255, 255); font-size: 14px; position: absolute; z-index: 22; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn { pointer-events: all; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini { display: none; position: relative; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label { cursor: pointer; position: relative; display: flex; align-items: center; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label::before { content: ""; color: rgb(255, 20, 43); background-color: transparent; border-radius: 2px; border: 1px solid rgb(205, 205, 205); width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; line-height: 16px; margin-right: 7px; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label { color: rgb(255, 20, 43); }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label::before { border-color: rgb(255, 20, 43); }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label::after { content: ""; position: absolute; width: 4px; height: 8px; border-color: rgb(255, 20, 43); border-style: solid; border-width: 0px 2px 2px 0px; transform: rotate(45deg); left: 6px; top: 5px; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips { position: absolute; padding: 4px 6px; white-space: nowrap; bottom: -30px; right: 15px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.54); display: none; }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label::before { border-color: rgb(255, 20, 43); }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label { color: rgb(255, 20, 43); }
.oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips { display: block; }
.oc-video-player-wrapper .xg-mini-layer .mini-cancel-btn { cursor: pointer; display: block; color: rgb(255, 255, 255); width: 40px; height: 38px; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 38px; }
.oc-video-player-wrapper .xg-mini-layer .play-icon { cursor: pointer; height: 48px; width: 48px; position: absolute; background: rgba(0, 0, 0, 0.54); border-radius: 24px; top: 50%; left: 50%; margin: -24px 0px 0px -24px; }
.oc-video-player-wrapper .xg-mini-layer .play-icon svg, .oc-video-player-wrapper .xg-mini-layer .play-icon img { width: 50px; height: 50px; fill: rgb(250, 247, 247); }
.oc-video-player-wrapper .xg-mini-layer .xg-icon-play { display: none; }
.oc-video-player-wrapper .xg-mini-layer .xg-icon-pause, .oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-play { display: block; }
.oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-pause { display: none; }
.oc-video-player-wrapper .xgplayer-miniicon { position: relative; outline: none; display: block; }
.oc-video-player-wrapper .xgplayer-miniicon .name { text-align: center; font-size: 13px; height: 20px; color: rgba(255, 255, 255, 0.8); line-height: 40px; }
.oc-video-player-wrapper .xgplayer-miniicon .name span { font-size: 13px; width: 60px; height: 20px; line-height: 18px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.oc-video-player-wrapper .xgplayer-mini { position: fixed; width: 320px; height: 180px; z-index: 91; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 7px 2px; }
.oc-video-player-wrapper .xgplayer-mini:hover { cursor: move; }
.oc-video-player-wrapper .xgplayer-mini:hover .xg-mini-layer { display: block; }
.oc-video-player-wrapper .xgplayer-mini.xgplayer-ended .xg-mini-layer { display: none; }
.oc-video-player-wrapper .xgplayer-mobile .xg-mini-layer .play-icon { background: none; border-radius: initial; }
.oc-video-player-wrapper .xgplayer.xgplayer-inactive { cursor: none; }
.oc-video-player-wrapper .xgplayer xg-thumbnail { display: block; }
.oc-video-player-wrapper .xgplayer xg-trigger { user-select: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview { display: none; position: absolute; width: 200px; margin: 0px auto; padding: 0px 20px 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.54) 0px 0px 1px; font-size: 17px; text-align: center; pointer-events: none; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview span { line-height: 24px; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview span.xg-cur { color: red; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show { transform: translate(-10px); }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre { transform: rotate(180deg) translate(-5px); }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon { display: none; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar { width: 96px; height: 2px; margin: 8px auto 0px; border-radius: 10px; box-sizing: content-box; background: rgba(255, 255, 255, 0.3); }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar { width: 0px; height: 100%; background-color: red; }
.oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar.hide { display: none; }
.oc-video-player-wrapper .xgplayer xg-trigger .mobile-thumbnail { position: relative; left: 50%; transform: translate(-50%); }
.oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note { position: absolute; height: 32px; width: 135px; top: 26px; left: 50%; margin-left: -78px; background: rgba(0, 0, 0, 0.3); border-radius: 100px; color: rgb(255, 255, 255); }
.oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note span { display: block; line-height: 32px; height: 32px; font-size: 13px; text-align: center; }
.oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note i { color: red; margin: 0px 5px; }
.oc-video-player-wrapper .xgplayer xg-trigger .xg-playbackrate { display: none; }
.oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="seeking"] .time-preview { display: block; }
.oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="playbackrate"] .xg-playbackrate { display: block; }
.oc-video-player-wrapper .xgplayer .gradient { display: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6)); }
.oc-video-player-wrapper .xgplayer .gradient.top { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0) 70%); }
.oc-video-player-wrapper .xgplayer .gradient.bottom { background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6)); }
.oc-video-player-wrapper .xgplayer .gradient.none, .oc-video-player-wrapper .xgplayer-mobile .xgplayer-controls { background-image: initial; }
.oc-video-player-wrapper .xgplayer-mobile.xgplayer-playing .gradient { display: block; }
.oc-video-player-wrapper .xgplayer-mobile.xgplayer-inactive .gradient { background-image: initial; }
.oc-video-player-wrapper .xgplayer-mobile .xgmask { position: absolute; height: 100%; z-index: 10; top: 0px; left: 0px; width: 100%; pointer-events: none; background-color: rgba(0, 0, 0, 0); }
@media (prefers-color-scheme: dark) {
  .oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview { color: rgb(255, 255, 255); }
  .oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview span.xg-cur { color: red; }
  .oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar { background-color: rgba(255, 255, 255, 0.3); }
  .oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar { background-color: red; }
}
@keyframes loadingRotate { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(90deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes loadingDashOffset { 
  0% { stroke-dashoffset: 236; }
  100% { stroke-dashoffset: 0; }
}
.oc-video-player-wrapper xg-loading-inner { display: block; height: 100%; width: 100%; transform-origin: center center; animation: 1s linear 0.1s infinite normal none running loadingRotate; }
.oc-video-player-wrapper .xgplayer-loading { display: none; width: 70px; height: 70px; overflow: hidden; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.oc-video-player-wrapper .xgplayer-loading svg, .oc-video-player-wrapper .xgplayer-loading img { width: 100%; height: 100%; }
.oc-video-player-wrapper .xgplayer-mobile .xgplayer-loading { width: 50px; height: 50px; }
.oc-video-player-wrapper .xgplayer-isloading .xgplayer-loading { display: block; }
.oc-video-player-wrapper .xgplayer-nostart .xgplayer-loading, .oc-video-player-wrapper .xgplayer-pause .xgplayer-loading, .oc-video-player-wrapper .xgplayer-is-enter .xgplayer-loading, .oc-video-player-wrapper .xgplayer-is-ended .xgplayer-loading, .oc-video-player-wrapper .xgplayer-is-error .xgplayer-loading { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress { display: flex; align-items: center; position: relative; min-width: 50px; height: 12px; left: 0px; right: 0px; top: 0px; outline: none; flex: 1 1 0%; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-outer { position: relative; width: 100%; height: 2px; border-radius: 3px; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .progress-list { display: flex; height: 100%; width: 100%; border-radius: inherit; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-inner { position: relative; flex: 1 1 0%; height: 100%; background: rgba(255, 255, 255, 0.3); transition: height 0.2s ease-in, opacity 0.2s ease-out; border-radius: inherit; margin-right: 2px; pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:last-child, .oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:only-child { margin-right: 0px; }
.oc-video-player-wrapper .xgplayer .inner-focus-point { background: rgb(255, 255, 255); position: relative; }
.oc-video-player-wrapper .xgplayer .inner-focus-point::before, .oc-video-player-wrapper .xgplayer .inner-focus-point::after { position: absolute; content: " "; display: block; width: 2px; height: 300%; top: 50%; z-index: 1; transform: translateY(-50%); border-radius: 3px; background: rgb(255, 255, 255); }
.oc-video-player-wrapper .xgplayer .inner-focus-point::before { left: 0px; }
.oc-video-player-wrapper .xgplayer .inner-focus-point::after { right: 0px; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-cache, .oc-video-player-wrapper .xgplayer .xgplayer-progress-played { display: block; height: 100%; width: 0px; position: absolute; top: 0px; left: 0px; border-radius: inherit; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-played { background: rgb(0, 87, 255); }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-cache { background: rgba(255, 255, 255, 0.5); }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-btn { display: block; background: rgba(0, 87, 255, 0.306); border: 0.5px solid rgba(0, 87, 255, 0.055); box-shadow: rgba(0, 87, 255, 0.384) 0px 0px 1px; width: 20px; height: 20px; border-radius: 30px; left: 0px; top: 50%; position: absolute; z-index: 1; transform: translate(-50%, -50%); box-sizing: border-box; pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-btn::before { content: " "; display: block; position: relative; width: 12px; height: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 30px; background: rgb(255, 255, 255); }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active { border: 4px solid rgba(0, 87, 255, 0.063); }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active::before { box-shadow: rgba(0, 87, 255, 0.69) 0px 0px 3px; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-dot { display: inline-block; position: absolute; height: 100%; width: 5px; top: 0px; background: white; border-radius: 6px; z-index: 16; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-dot .xgplayer-progress-tip { position: absolute; left: 25%; top: -40px; height: auto; line-height: 30px; width: auto; transform: scale(0.8) translate(-50%); background: rgba(0, 0, 0, 0.3); border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.8); cursor: default; white-space: nowrap; display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip { display: block; }
.oc-video-player-wrapper .xgplayer .flex-controls .xgplayer-progress { transform: translateY(0px); }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(0); }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-outer { height: 3px; }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner { margin-right: 4px; }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child, .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child { margin-right: 0px; }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point::before, .oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point::after { width: 3px; }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-highlight { background: rgba(255, 255, 255, 0.8); }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer { height: 6px; margin-bottom: 3px; transition: height 0.3s, margin-bottom 0.3s; }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(1); }
.oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::before, .oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::after { width: 6px; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer { top: 9px; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn::before { height: 6px; width: 6px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer { height: 4px; }
@media (prefers-color-scheme: dark) {
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-inner { background-color: rgba(255, 255, 255, 0.3); }
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .inner-focus-highlight { background: rgba(255, 255, 255, 0.8); }
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn { background: rgba(0, 87, 255, 0.306); border: 0.5px solid rgba(0, 87, 255, 0.055); box-shadow: rgba(0, 87, 255, 0.384) 0px 0px 1px; }
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn::before { background-color: rgb(255, 255, 255); }
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-played { background-color: rgb(0, 87, 255); }
  .oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-cache { background-color: rgba(255, 255, 255, 0.5); }
}
.oc-video-player-wrapper .xg-mini-progress { display: none; position: absolute; height: 2px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; }
.oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played, .oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache { height: 100%; width: 0px; position: absolute; top: 0px; left: 0px; border-radius: inherit; }
.oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played { background: linear-gradient(-90deg, rgb(250, 31, 65) 0%, rgb(227, 17, 6) 100%); }
.oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache { background: rgba(255, 255, 255, 0.5); }
.oc-video-player-wrapper .xgplayer-inactive .xg-mini-progress, .oc-video-player-wrapper .xgplayer-mini .xg-mini-progress { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-play { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-pause, .oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-play { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-pause, .oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-exit-fullscreen { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-get-fullscreen, .oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-exit-fullscreen { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-get-fullscreen { display: none; }
.oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back { position: relative; left: 0px; top: 16px; width: 34px; height: 40px; display: none; }
.oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back.show { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-time { min-width: 40px; font-size: 14px; font-family: PingFangSC-Semibold; color: rgb(255, 255, 255); text-align: center; display: inline-block; line-height: 40px; }
.oc-video-player-wrapper .xgplayer .xgplayer-time span { display: inline-block; line-height: 40px; height: 40px; }
.oc-video-player-wrapper .xgplayer .xgplayer-time .time-duration { color: rgba(255, 255, 255, 0.5); }
.oc-video-player-wrapper .xgplayer .xgplayer-time .time-live-tag { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-left { margin-left: 0px; }
.oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-right { margin-right: 0px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time { min-width: 30px; font-size: 12px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left { margin-right: 8px; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right { margin-left: 8px; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume.slide-show .xgplayer-slider { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-slider { display: none; position: absolute; width: 28px; height: 92px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; bottom: 40px; outline: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-slider::after { content: " "; display: block; height: 15px; width: 28px; position: absolute; bottom: -15px; left: 0px; z-index: 20; cursor: initial; }
.oc-video-player-wrapper .xgplayer .xgplayer-value-label { position: absolute; left: 0px; right: 0px; bottom: 100%; padding: 5px 0px 0px; font-size: 12px; background-color: rgba(0, 0, 0, 0.54); color: rgb(255, 255, 255); text-align: center; }
.oc-video-player-wrapper .xgplayer .xgplayer-bar, .oc-video-player-wrapper .xgplayer .xgplayer-drag { display: block; position: absolute; bottom: 6px; left: 12px; background: rgba(255, 255, 255, 0.3); border-radius: 100px; width: 4px; height: 76px; outline: none; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-drag { bottom: 0px; left: 0px; background: rgb(0, 87, 255); max-height: 76px; }
.oc-video-player-wrapper .xgplayer .xgplayer-drag::after { content: " "; display: inline-block; width: 8px; height: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px; position: absolute; border-radius: 50%; left: -2px; top: -4px; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-small, .oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-mute, .oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-small { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-mute, .oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume, .oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-small { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-mute { display: block; }
.oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider, .oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-exit-pip { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-get-pip, .oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-exit-pip { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-get-pip { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-playnext { position: relative; display: none; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover { opacity: 0.85; }
.oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover .xgplayer-tips { display: block; }
.oc-video-player-wrapper .lang-is-en .xgplayer-playnext .xgplayer-tips { margin-left: -25px; }
.oc-video-player-wrapper .lang-is-jp .xgplayer-playnext .xgplayer-tips { margin-left: -38px; }
.oc-video-player-wrapper .xgplayer .xgplayer-download { position: relative; display: block; cursor: pointer; }
.oc-video-player-wrapper .lang-is-en .xgplayer-download .xgplayer-tips { margin-left: -32px; }
.oc-video-player-wrapper .lang-is-jp .xgplayer-download .xgplayer-tips { margin-left: -40px; }
.oc-video-player-wrapper .xgplayer .xgplayer-shot { display: none; }
.oc-video-player-wrapper .xgplayer-definition { display: none; cursor: pointer; }
.oc-video-player-wrapper .xgplayer .xgplayer-playbackrate { display: none; cursor: default; }
.oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull, .oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-get-cssfull { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-exit-cssfull { display: block; }
.oc-video-player-wrapper .xgplayer-error { background: rgb(0, 0, 0); display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 6; color: rgb(255, 255, 255); text-align: center; line-height: 100%; justify-content: center; align-items: center; }
.oc-video-player-wrapper .xgplayer-error .xgplayer-error-refresh { color: rgb(250, 31, 65); padding: 0px 3px; cursor: pointer; }
.oc-video-player-wrapper .xgplayer-error .xgplayer-error-text { line-height: 18px; margin: auto 6px 20px; display: block; }
.oc-video-player-wrapper .xgplayer-is-error .xgplayer-error { display: flex; }
.oc-video-player-wrapper .xgplayer .xgplayer-prompt { display: block; pointer-events: none; position: absolute; z-index: 1; padding: 6px 12px 5px; opacity: 0; left: 10px; background: rgba(0, 0, 0, 0.5); border-radius: 50px; font-size: 12px; line-height: 17px; text-align: center; color: rgb(255, 255, 255); }
.oc-video-player-wrapper .xgplayer .xgplayer-prompt.show { display: block; opacity: 1; z-index: 10; pointer-events: initial; }
.oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow { transform: translate(-50%); }
.oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.5); transform: translate(-50%, 100%); }
.oc-video-player-wrapper .xgplayer .xgplayer-prompt .highlight { display: inline-block; margin-left: 6px; color: red; cursor: pointer; }
.oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-prompt.show { display: none; opacity: 1; }
.oc-video-player-wrapper .xgplayer .xgplayer-spot { position: absolute; top: 0px; left: 0px; height: 100%; background: rgb(255, 255, 255); border-radius: 12px; }
.oc-video-player-wrapper .xgplayer .xgplayer-spot.mini { min-width: 6px; transform: translate(-50%); }
.oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot { height: 3px; min-width: 3px; top: 50%; opacity: 1; transform: translateY(-50%); }
.oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot.mini { min-width: 3px; transform: translate(-50%, -50%); }
.oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot { opacity: 1; transition: opacity 0.3s; visibility: visible; }
.oc-video-player-wrapper .xgplayer .xg-spot-info { position: absolute; left: 0px; bottom: 100%; display: none; }
.oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-line { height: 6px; }
.oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-content { bottom: -4px; }
.oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail { display: none; }
.oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point { display: block; }
.oc-video-player-wrapper .xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point, .oc-video-player-wrapper .xgplayer .xg-spot-info.hide { display: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info { display: block; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide { display: none; }
.oc-video-player-wrapper .xgplayer .xg-spot-line { position: relative; bottom: -7px; margin-left: 50%; display: block; width: 1px; height: 41px; background-color: rgb(255, 255, 255); pointer-events: none; }
.oc-video-player-wrapper .xgplayer .xgplayer-progress-point { display: none; position: relative; bottom: -4px; left: 50%; transform: translate(-50%); background: rgba(0, 0, 0, 0.54); font-size: 11px; color: rgb(255, 255, 255); padding: 4px 6px; border-radius: 4px; text-align: center; opacity: 0.85; white-space: nowrap; }
.oc-video-player-wrapper .xgplayer .xg-spot-content { position: relative; bottom: -7px; color: rgb(255, 255, 255); border-radius: 2px 2px 0px 0px; }
.oc-video-player-wrapper .xgplayer .xg-spot-ext-text { position: relative; bottom: -7px; }
.oc-video-player-wrapper .xgplayer .xg-spot-thumbnail { position: relative; background-color: rgb(17, 16, 16); pointer-events: none; border-radius: 2px 2px 0px 0px; }
.oc-video-player-wrapper .xgplayer .xg-spot-time { position: absolute; bottom: 2px; font-size: 12px; line-height: 16.8px; left: 50%; transform: translate(-50%); pointer-events: none; }
.oc-video-player-wrapper .xgplayer .progress-thumbnail { margin: 0px auto; display: block; }
.oc-video-player-wrapper .xgplayer .xg-spot-text { display: none; padding: 5px 8px; background: rgba(0, 0, 0, 0.8); border-radius: 0px 0px 2px 2px; pointer-events: none; box-sizing: border-box; }
.oc-video-player-wrapper .xgplayer .spot-inner-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; font-size: 12px; max-height: 40px; }
.oc-video-player-wrapper .xgplayer .xg-spot-content.show-text .xg-spot-text { display: block; }
.oc-video-player-wrapper .xgplayer .product .xg-spot-text { background: rgb(51, 112, 255); }
.oc-video-player-wrapper .xgplayer .product .xg-spot-line { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid rgb(51, 112, 255); width: 0px; height: 15px; left: -10px; background: none; }
.oc-video-player-wrapper .xgplayer .xgvideo-preview { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; visibility: hidden; transition: visibility 0.3s, opacity 0.3s; background-color: rgb(0, 0, 0); }
.oc-video-player-wrapper .xgplayer .xgvideo-preview .xgvideo-thumbnail { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0px; }
.oc-video-player-wrapper .xgplayer .xgvideo-preview.show { opacity: 1; visibility: visible; }
.oc-video-player-wrapper .xgplayer-dynamic-bg, .oc-video-player-wrapper .xgplayer-dynamic-bg canvas, .oc-video-player-wrapper .xgplayer-dynamic-bg xgmask, .oc-video-player-wrapper .xgplayer-dynamic-bg xgfilter { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; }
.oc-video-player-wrapper .xgplayer-dynamic-bg canvas { transform: translateZ(0px); }
.oc-video-player-wrapper .xgplayer-dynamic-bg xgmask { background: rgba(0, 0, 0, 0.7); }
.oc-video-player-modal-wrapper { position: fixed; inset: 0px; padding: 120px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.oc-video-player-modal-wrapper .xgplayer.xgplayer-is-cssfullscreen { position: relative; }
.oc-video-player-modal-wrapper .oc-video-player-modal-close { color: rgb(255, 255, 255); position: absolute; top: 32px; right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.oc-video-player { border-radius: 8px; width: 100% !important; height: 100% !important; }
.oc-video-player-hide-start .xgplayer-start, .oc-video-player-hide-replay .xgplayer-replay { display: none !important; }
.oc-video-player-new .xgplayer-enter-spinner { width: 48px !important; height: 48px !important; }
.oc-custom-package-wrapper { width: 792px; }
.oc-custom-package-wrapper-header { margin-bottom: 8px; font-size: 14px; line-height: 22px; font-weight: 500; color: rgb(49, 52, 59); display: flex; justify-content: space-between; align-items: center; }
.oc-custom-package-wrapper-header-operate { display: flex; }
.oc-custom-package-wrapper-header-operate .oc-typography { margin-right: 4px; }
.oc-custom-package-wrapper-header-operate .oc-typography:last-child { margin-right: 0px; }
.oc-custom-package-wrapper-header-include { display: inline-block; margin-right: 12px; }
.oc-custom-package-wrapper-header-exclude { display: inline-block; }
.oc-custom-package-wrapper-header-num { font-weight: 400; }
.oc-custom-package-wrapper-header-icon-disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-custom-package-wrapper-header-icon { color: rgb(98, 101, 108); cursor: pointer; }
.oc-custom-package-wrapper-header-icon span:hover { background: rgb(232, 244, 255); border-radius: 2px; }
.create-anchor-info { display: inline-block; padding: 16px; background: rgb(49, 52, 59); border-radius: 4px; width: 208px; }
.create-anchor-info .create-anchor-info—type { display: flex; align-items: center; color: rgb(255, 255, 255); width: 100%; font-size: 12px; font-weight: 400; line-height: 18px; }
.create-anchor-info .create-anchor-info—type .create-anchor-info-type-icon { font-size: 20px; margin-right: 8px; }
.create-anchor-info .create-anchor-info—type .create-anchor-info-type-delimiter { width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.34); margin: 0px 8px; }
.create-anchor-info .create-anchor-info—type .create-anchor-info-type-details-names { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oc-create-calendar { position: relative; }
.oc-create-calendar-checkout-today { position: absolute; right: 0px; top: 8px; }
.oc-create-calendar .ovui-date__table { height: auto; width: auto; padding: 0px; }
.oc-create-calendar .ovui-date__table .ovui-date__row { gap: 4px; margin-top: 4px; }
.oc-create-calendar .ovui-date__table .ovui-date__cell { height: 80px; width: 97px; border-radius: 8px; }
.oc-create-calendar .ovui-date-picker-panel { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
.oc-create-calendar .ovui-date__header { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background-color: transparent; line-height: 28px; }
.oc-create-calendar .ovui-date__header .ovui-date__header-label { flex: 0 0 auto; margin: 0px 66px; }
.oc-create-brand-custom-audience-package { width: 792px; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-type { display: flex; align-items: center; color: rgb(49, 52, 59); font-size: 14px; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info { font-size: 14px; line-height: 22px; font-weight: 500; color: rgb(49, 52, 59); display: flex; justify-content: space-between; align-items: center; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-operate { display: flex; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-operate .oc-typography { margin-right: 8px; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-operate .oc-typography:last-child { margin-right: 0px; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-include { display: inline-block; margin-right: 12px; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-exclude { display: inline-block; }
.oc-create-brand-custom-audience-package .brand-custom-audience-package-info-num { font-weight: 400; }
.oc-asset-share-drawer-header { font-weight: 700; font-size: 16px; }
.oc-asset-share-drawer-content { border-radius: 12px; background: rgb(255, 255, 255); padding: 24px; min-height: 100%; }
.oc-asset-share-drawer-content .oc-row-input { width: auto; }
.oc-asset-share-drawer-content-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.oc-asset-share-drawer-content-header-append { cursor: pointer; height: 100%; padding: 0px 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-color: rgb(242, 244, 247); white-space: nowrap; display: flex; align-self: stretch; align-items: center; justify-content: center; }
.oc-textarea-plus-wrapper { position: relative; }
.oc-textarea-plus-wrapper .oc-textarea-plus-operate { position: absolute; right: 16px; top: 8px; }
.oc-textarea-plus-wrapper .oc-textarea-plus-operate .oc-textarea-plus-operate-btn { margin-left: 8px; }
.oc-textarea-plus-wrapper .oc-textarea-plus-border { border-width: 1px; border-color: rgb(222, 224, 227); }
.oc-title, .oc-title-prefix { display: flex; justify-content: flex-start; align-items: center; }
.oc-title-text + div { margin-left: 4px; }
.oc-title-text .oc-title-required { vertical-align: 3px; margin-left: 4px; }
.oc-title-text .oc-title-popover, .oc-title-text .oc-title-new { height: 16px; margin-left: 4px; vertical-align: sub; }
.oc-title-text .oc-title-required, .oc-title-text .oc-title-popover, .oc-title-text .oc-title-new, .oc-title-text .oc-title-slot { display: inline-block; }
.oc-title-popover { display: flex; align-items: center; }
.oc-title-popover + div { margin-left: 4px; }
.oc-title-slot { display: flex; }
.oc-title-slot + div { margin-left: 4px; }
.oc-title-new { display: flex; align-items: center; }
.oc-title-new + div { margin-left: 4px; }
.oc-title-required { width: 4px; height: 4px; background: rgb(227, 73, 73); border-radius: 2px; }
.oc-title-suffix { margin-left: 4px; }
.oc-title.oc-title__align .oc-title-suffix { flex: 1 1 0%; display: inline-flex; }
.oc-title.oc-title__align-center .oc-title-suffix { justify-content: center; }
.oc-title.oc-title__align-end .oc-title-suffix { justify-content: flex-end; }
.oc-asset-share-modal-batch-tip, .oc-asset-share-modal-group-select, .oc-asset-share-modal-share-type { margin-bottom: 24px; }
.oc-asset-share-modal-share-type-select { margin-top: 8px; }
.oc-asset-share-modal-share-company-select { margin-bottom: 24px; width: 504px; }
.oc-asset-share-modal-share-company-select-text { height: 30px; line-height: 30px; display: flex; align-items: center; }
.oc-asset-share-modal-search-bar { margin-top: 8px; margin-bottom: 8px; }
.oc-asset-share-modal-search-bar-title { margin-bottom: 8px; margin-top: 8px; }
.oc-asset-share-modal-search-bar-append { cursor: pointer; height: 100%; padding: 0px 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-color: rgb(242, 244, 247); white-space: nowrap; display: flex; align-self: stretch; align-items: center; justify-content: center; }
.oc-asset-share-modal-id-input-guide { margin-top: 8px; }
.oc-asset-share-modal-share-select { min-height: 320px; }
.oc-asset-share-modal-share-select-disabled { flex-direction: column; height: 320px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(222, 224, 227); border-radius: 4px; }
.oc-asset-share-modal-select-account-switch { padding-bottom: 12px; }
.oc-button-wrap { display: inline-flex; }
.oc-button-wrap-block { width: 100%; }
.oc-button-wrap-block .ovui-button { white-space: normal; display: flex; }
.oc-button-wrap .ovui-button--md:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text) { min-width: 88px; }
.oc-button-wrap .ovui-button--sm:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text) { min-width: 56px; padding: 3px 15px; }
.oc-button-wrap .ovui-button--xs:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text) { min-width: 56px; }
.oc-button-wrap .oc-button-color-inherit { color: inherit; }
.oc-button-wrap .ovui-button--text { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: unset !important; }
.oc-button-wrap .custom-icon { position: absolute; top: -1px; right: -1px; line-height: 0; }
.oc-button-wrap .prefixIcon + span { margin-left: 4px; }
.oc-button-wrap span + .suffixIcon { margin-left: 4px; }
.oc-button-wrap .ovui-button--loading.oc-button-icon .prefixIcon, .oc-button-wrap .ovui-button--loading.oc-button-icon .suffixIcon { display: none; }
.oc-button-wrap .ovui-button--loading.oc-button-icon .ovui-button__loading-icon { margin-right: 0px; }
.oc-button-selected-wrap .ovui-button--default-stroke { border: 1px solid rgb(0, 87, 255); color: rgb(0, 87, 255); }
.oc-button-scene-ai .ovui-button--primary-fill { position: relative; background: none; border: 1px solid transparent; }
.oc-button-scene-ai .ovui-button--primary-fill::before { content: ""; position: absolute; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); z-index: -1; inset: -1px; border-radius: inherit; isolation: isolate; }
.oc-button-scene-ai .ovui-button--primary-fill:hover::before { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-fill:active::before, .oc-button-scene-ai .ovui-button--primary-fill:focus-visible::before { background: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-fill.ovui-button--disabled { color: rgb(255, 255, 255); }
.oc-button-scene-ai .ovui-button--primary-fill.ovui-button--disabled::before { background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.oc-button-scene-ai .ovui-button--primary-stroke:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text) { border: 1px solid transparent !important; }
.oc-button-scene-ai .ovui-button--primary-stroke:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text)::before { content: ""; z-index: -1; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); border-radius: inherit; position: absolute; inset: -1px; }
.oc-button-scene-ai .ovui-button--primary-stroke:not(.ovui-button--link, .ovui-button--square, .ovui-button--circle, .ovui-button--text)::after { content: ""; z-index: -1; background: rgb(255, 255, 255); border-radius: 7px; position: absolute; inset: 0px; }
.oc-button-scene-ai .ovui-button--primary-stroke, .oc-button-scene-ai .ovui-button--link, .oc-button-scene-ai .ovui-button--text { background-clip: text; background-image: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); }
.oc-button-scene-ai .ovui-button--primary-stroke .button-text, .oc-button-scene-ai .ovui-button--link .button-text, .oc-button-scene-ai .ovui-button--text .button-text { color: transparent; }
.oc-button-scene-ai .ovui-button--primary-stroke:hover, .oc-button-scene-ai .ovui-button--link:hover, .oc-button-scene-ai .ovui-button--text:hover { background-image: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-stroke:hover::before, .oc-button-scene-ai .ovui-button--link:hover::before, .oc-button-scene-ai .ovui-button--text:hover::before { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-stroke:active, .oc-button-scene-ai .ovui-button--link:active, .oc-button-scene-ai .ovui-button--text:active, .oc-button-scene-ai .ovui-button--primary-stroke:focus-visible, .oc-button-scene-ai .ovui-button--link:focus-visible, .oc-button-scene-ai .ovui-button--text:focus-visible { background-image: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-stroke:active::before, .oc-button-scene-ai .ovui-button--link:active::before, .oc-button-scene-ai .ovui-button--text:active::before, .oc-button-scene-ai .ovui-button--primary-stroke:focus-visible::before, .oc-button-scene-ai .ovui-button--link:focus-visible::before, .oc-button-scene-ai .ovui-button--text:focus-visible::before { background: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.oc-button-scene-ai .ovui-button--primary-stroke:active::after, .oc-button-scene-ai .ovui-button--link:active::after, .oc-button-scene-ai .ovui-button--text:active::after, .oc-button-scene-ai .ovui-button--primary-stroke:focus-visible::after, .oc-button-scene-ai .ovui-button--link:focus-visible::after, .oc-button-scene-ai .ovui-button--text:focus-visible::after { background: linear-gradient(122deg, rgb(240, 252, 255) 10.27%, rgb(239, 245, 254) 38.69%, rgb(249, 241, 254) 58.77%, rgb(254, 241, 250) 75.03%, rgb(255, 245, 242) 88.94%); }
.oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled, .oc-button-scene-ai .ovui-button--link.ovui-button--disabled, .oc-button-scene-ai .ovui-button--text.ovui-button--disabled { background-image: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled::before, .oc-button-scene-ai .ovui-button--link.ovui-button--disabled::before, .oc-button-scene-ai .ovui-button--text.ovui-button--disabled::before { background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.oc-button-scene-ai .ovui-button--primary-stroke.ovui-button--disabled::after, .oc-button-scene-ai .ovui-button--link.ovui-button--disabled::after, .oc-button-scene-ai .ovui-button--text.ovui-button--disabled::after { background: rgb(255, 255, 255); }
.hide-border button { border-color: rgb(255, 255, 255) !important; box-shadow: unset !important; }
.hide-border .ovui-button--primary-stroke::before, .hide-border .ovui-button--primary-stroke::after { display: none; }
.oc-batch-add-input { width: 100%; min-width: 570px; }
.oc-batch-add-input-list { overflow-y: auto; width: 100%; padding: 4px; margin: -4px; }
.oc-batch-add-input-list-item { margin-top: 8px; opacity: 1; }
.oc-batch-add-input-list-item-input { display: flex; align-items: center; position: relative; }
.oc-batch-add-input-list-item-input-delete { position: absolute; right: -23px; cursor: pointer; color: rgb(147, 150, 157); display: flex; }
.oc-batch-add-input-list-item-input-delete:hover { color: rgb(0, 87, 255); }
.oc-batch-add-input-list-item-input-delete-disabled { position: absolute; right: -23px; cursor: not-allowed; color: rgb(222, 224, 227); display: flex; }
.oc-batch-add-input-list-item-fade-enter-active, .oc-batch-add-input-list-item-fade-leave-active { transition: 0.1s ease-in-out; }
.oc-batch-add-input-list-item-fade-enter-from, .oc-batch-add-input-list-item-fade-leave-to { opacity: 0; max-height: 0px; }
.oc-batch-add-input-list-item-fade-enter-to, .oc-batch-add-input-list-item-fade-leave-from { max-height: 32px; opacity: 1; }
.oc-batch-add-input-list .ovui-button--default-stroke { position: relative; z-index: 4; }
.oc-batch-add-input-list .ovui-button--default-stroke:focus { color: rgb(98, 101, 108); background-color: rgb(255, 255, 255); border-color: rgb(222, 224, 227); }
.oc-batch-add-input-add { color: rgb(98, 101, 108); margin-top: 8px; }
.oc-create-audience-age .create-more-wrapper-header__text { color: rgb(49, 52, 59); }
.oc-select { display: flex; align-items: center; }
.oc-select .oc-select-after-slot { margin-left: 8px; }
.oc-select .ovui-input__wrapper--xl { padding: 3px 8px; }
.oc-select .ovui-select--fill .ovui-select__tips { border-color: rgb(222, 224, 227); }
.oc-select .ovui-custom-input__prefix { color: rgb(49, 52, 59); }
.oc-select__popover .ovui-select__options { max-height: unset; }
.oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled) .ovui-checkbox__inner:hover { border-color: rgb(49, 52, 59); }
.oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner, .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner, .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--indeterminate .ovui-checkbox__inner:hover, .oc-select__popover .ovui-checkbox:not(.ovui-checkbox--disabled).ovui-checkbox--checked .ovui-checkbox__inner:hover { border-color: rgb(49, 52, 59); background-color: rgb(49, 52, 59); }
.oc-select__popover .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--indeterminate .ovui-checkbox__inner, .oc-select__popover .ovui-checkbox.ovui-checkbox--disabled.ovui-checkbox--checked .ovui-checkbox__inner { border-color: rgb(185, 188, 195); background-color: rgb(185, 188, 195); }
.oc-select__popover .filter-wrapper { padding: 12px; display: flex; flex-direction: column; }
.oc-select__popover .filter-wrapper-input { display: flex; align-items: center; }
.oc-select__popover .filter-wrapper .search-input-suffix { margin-left: 8px; }
.oc-select__popover .filter-wrapper .search-input-footer { margin-top: 8px; }
.oc-select__popover .oc-rolling-load .ovui-infinite-scroll { overflow-y: unset; }
.oc-select-check-all { padding: 6px 12px; }
.oc-select-check-all .ovui-checkbox { width: 100%; }
.create-app-select { width: 432px; }
.create-app-select-input-suffix { cursor: pointer; line-height: 22px; font-size: 14px; color: rgb(0, 87, 255); padding-left: 8px; border-left: 1px solid rgb(223, 224, 226); }
.create-app-select-input-suffix[disabled="true"] { color: rgb(186, 218, 255); cursor: not-allowed; }
.create-app-select-modal-body { padding-bottom: 24px; }
.create-app-select-modal-filter { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.create-app-select-modal-nav { margin-bottom: 29px; }
.oc-media-upload-card { width: 160px; height: 160px; }
.oc-media-upload-wrapper .oc-media-upload-button { margin-bottom: 16px; display: flex; align-items: center; }
.oc-media-upload-wrapper .oc-media-upload-button .oc-media-upload-tip { color: rgb(147, 150, 157); font-size: 14px; margin-left: 8px; }
.oc-media-upload-wrapper .oc-media-upload-list { display: flex; flex-wrap: wrap; margin-left: -16px; }
.oc-media-upload-wrapper .oc-media-upload-list .oc-media-upload-card { margin-left: 16px; margin-bottom: 16px; }
.oc-media-upload-wrapper .oc-media-upload-list-no-margin-top { margin-top: 0px; }
.oc-media-upload-wrapper .oc-media-upload-button-no-margin-bottom { margin-bottom: 0px; }
.oc-create-batch-select-input { width: 546px; margin-bottom: 13px; }
.oc-create-batch-select-footer { display: flex; justify-content: flex-end; margin-top: 8px; }
.oc-create-batch-select-panel { display: flex; }
.oc-create-batch-select-panel-left { width: 546px; border-radius: 8px; border: 1px solid rgb(232, 234, 237); }
.oc-create-batch-select-panel-left-header { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 37px; background-color: rgb(242, 244, 247); border-radius: 8px 8px 0px 0px; border-bottom: 1px solid rgb(232, 234, 237); }
.oc-create-batch-select-panel-left-header-left { display: flex; align-items: center; }
.oc-create-batch-select-panel-left-header-title { margin-left: 12px; font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-create-batch-select-panel-left-body { height: 281px; width: 100%; overflow-y: scroll; padding: 6px 0px; position: relative; }
.oc-create-batch-select-panel-left-body-item { width: 100%; display: flex; align-items: center; padding: 4px 12px; justify-content: space-between; cursor: pointer; }
.oc-create-batch-select-panel-left-body-item-one-line { height: 22px; }
.oc-create-batch-select-panel-left-body-item-prefix { display: flex; align-items: center; }
.oc-create-batch-select-panel-left-body-item:hover { background-color: rgb(242, 244, 247); }
.oc-create-batch-select-panel-left-body-all { padding: 8px 12px; }
.oc-create-batch-select-panel-left-body-all:hover { background-color: rgb(242, 244, 247); }
.oc-create-batch-select-panel-left-empty { position: absolute; top: 96px; width: 100%; }
.oc-create-batch-select-panel-right { margin-left: 8px; width: 240px; height: 100%; border-radius: 8px; border: 1px solid rgb(232, 234, 237); }
.oc-create-batch-select-panel-right-header { width: 100%; height: 38px; background-color: rgb(242, 244, 247); border-radius: 8px 8px 0px 0px; border-bottom: 1px solid rgb(232, 234, 237); font-weight: 600; font-size: 14px; line-height: 38px; color: rgb(49, 52, 59); padding-left: 12px; }
.oc-create-batch-select-panel-right-body { height: 280px; width: 100%; overflow-y: scroll; padding: 0px 12px 12px; position: relative; }
.oc-create-batch-select-panel-right-body-item { width: 100%; display: flex; justify-content: space-between; margin-top: 12px; }
.oc-create-batch-select-panel-right-empty { position: absolute; top: 95px; width: calc(100% - 24px); }
.oc-create-batch-select-hide-right .oc-create-batch-select-input, .oc-create-batch-select-hide-right .oc-create-batch-select-panel-left-wrap, .oc-create-batch-select-hide-right .oc-create-batch-select-panel-left-wrap .oc-create-batch-select-panel-left { width: 100%; }
.oc-create-audio-card .oc-create-audio-card-wrapper-selected { padding: 10px 22px 10px 10px !important; }
.oc-create-audio-card .oc-create-audio-card-wrapper { display: flex; flex-direction: row; padding: 10px; border-radius: 8px; background: rgb(245, 247, 250); position: relative; width: 100%; height: 100%; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-select-checkbox { position: absolute; top: 4px; right: 4px; z-index: 2; width: 20px; height: 20px; box-sizing: border-box; border-radius: 4px; color: rgb(255, 255, 255); background: rgb(255, 255, 255); border: 2px solid rgb(222, 224, 227); display: flex; justify-content: center; align-items: center; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-select-checkbox .oc-create-audio-card-select-checkbox-icon { margin-top: 4px; display: none; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-select-radio { position: absolute; z-index: 2; top: 0px; right: 0px; padding: 2px 4px; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-select-radio .ovui-radio__inner { border-color: rgb(222, 224, 227); border-width: 2px; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-close { display: none; position: absolute; right: -8px; top: -8px; color: rgb(147, 150, 157); z-index: 3; cursor: pointer; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-closable:hover { border-color: rgb(0, 87, 255); }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper { position: relative; margin-right: 8px; width: 40px; height: 40px; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper .oc-image-img { height: 100% !important; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper .oc-create-audio-card-avatar-icon { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; border-radius: 4px; z-index: 2; display: flex; align-items: center; justify-content: center; background: unset; cursor: pointer; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper .oc-create-audio-card-avatar-mask { position: absolute; width: 40px; height: 40px; border-radius: 4px; background: rgba(0, 0, 0, 0.12); z-index: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper:hover .oc-create-audio-card-avatar-mask { background: rgba(0, 0, 0, 0.5); }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content { display: flex; flex-direction: column; flex: 1 1 0%; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-titile { margin-bottom: 4px; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-tag-wrapper { margin-bottom: 4px; display: flex; flex-direction: row; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-info .oc-create-audio-card-slider-wrapper { padding-left: 6px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-info .oc-create-audio-card-slider-wrapper .oc-create-audio-card-slider { margin-top: 3px; margin-right: 8px; display: flex; flex: 1 1 0%; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-info .oc-create-audio-card-slider-wrapper .oc-create-audio-card-slider .ovui-slider__rail { background: rgb(255, 255, 255); }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-info .oc-create-audio-card-slider-wrapper .oc-create-audio-card-slider .ovui-slider__thumb { width: 12px !important; height: 12px !important; border-width: 3px !important; }
.oc-create-audio-card .oc-create-audio-card-wrapper .oc-create-audio-card-content .oc-create-audio-card-info .oc-create-audio-card-slider-wrapper .ovui-slider--disabled .ovui-slider__rail { background-color: rgb(245, 247, 250) !important; }
.oc-create-audio-card .oc-create-audio-card-wrapper:hover .oc-create-audio-card-close { display: block; }
.oc-create-audio-card .oc-create-audio-card-select { border: 1px solid rgb(245, 247, 250); box-sizing: border-box; }
.oc-create-audio-card .oc-create-audio-card-select:hover { border-color: rgb(0, 87, 255); cursor: pointer; }
.oc-create-audio-card .oc-create-audio-card-select:hover .oc-create-audio-card-select-checkbox, .oc-create-audio-card .oc-create-audio-card-selected { border-color: rgb(0, 87, 255); }
.oc-create-audio-card .oc-create-audio-card-selected .oc-create-audio-card-select-checkbox { background: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-audio-card .oc-create-audio-card-selected .oc-create-audio-card-select-checkbox .oc-create-audio-card-select-checkbox-icon { display: block; }
.oc-create-audio-card .oc-create-audio-card-selected .oc-create-audio-card-select-checkbox .oc-create-audio-card-select-radio .ovui-radio__inner { background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-audio-card-disabled { position: relative; }
.oc-create-audio-card-disabled .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper .oc-create-audio-card-disabled-mask { position: absolute; background: rgba(255, 255, 255, 0.5); z-index: 3; border-radius: 4px; box-sizing: border-box; width: 40px; height: 40px; }
.oc-create-audio-card-disabled .oc-create-audio-card-wrapper .oc-create-audio-card-avatar-wrapper .oc-create-audio-card-disabled-mask:hover { cursor: not-allowed; }
.oc-create-audio-card-disabled .ovui-tag--default-fill { background: rgb(147, 150, 157); }
.oc-create-audio-card-disabled .oc-create-audio-card-select:hover, .oc-create-audio-card-disabled .oc-create-audio-card-select:hover .oc-create-audio-card-wrapper .oc-create-audio-card-select-checkbox, .oc-create-audio-card-disabled .oc-create-audio-card-select:hover .oc-create-audio-card-wrapper .oc-create-audio-card-select-radio .ovui-radio__inner { border-color: rgb(245, 247, 250); }
.oc-create-audio-card-disabled .oc-create-audio-card-selected .oc-create-audio-card-wrapper .oc-create-audio-card-select-checkbox, .oc-create-audio-card-disabled .oc-create-audio-card-selected .oc-create-audio-card-wrapper .oc-create-audio-card-select-radio .ovui-radio__inner { background: rgb(0, 87, 255); }
.oc-create-audio-card-disabled .oc-create-audio-card-selected:hover .oc-create-audio-card-wrapper .oc-create-audio-card-select-checkbox { background-color: rgb(0, 87, 255); }
.oc-create-audio-card-disabled .oc-create-audio-card-selected:hover .oc-create-audio-card-wrapper .oc-create-audio-card-select-radio .ovui-radio__inner { background: rgb(0, 87, 255); }
.oc-key-value { display: flex; }
.oc-key-value-disabled { cursor: not-allowed; }
.oc-key-value:has(.oc-key-value-top) { flex-direction: column; }
.oc-key-value-key:has(.oc-key-value-top) + .oc-key-value-value { margin-top: 4px; }
.oc-key-value-key { flex: 0 0 auto; }
.oc-key-value-right { display: flex; justify-content: flex-end; }
.oc-key-value-value { margin-left: 16px; }
.oc-collapse { display: flex; flex-direction: column; position: relative; }
.oc-collapse__container { transition: 0.2s ease-in-out; overflow: hidden; }
.oc-asset-share-batch-add { border: 1px solid rgb(222, 224, 227); border-radius: 8px; }
.oc-asset-share-batch-add .tips-link { margin-bottom: 12px; }
.oc-asset-share-batch-add .oc-textarea-plus-component { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(222, 224, 227); border-image: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.oc-asset-share-batch-add-button { display: flex; justify-content: flex-end; height: 24px; }
.oc-card--sticky { position: sticky; top: 0px; z-index: 1; }
.oc-card-trans { border: 1px solid rgba(255, 255, 255, 0.4); }
.oc-card-shadow { box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.oc-card-fixed { padding: 0px 24px !important; }
.oc-card-fixed .oc-card-content { height: 64px; display: flex; align-items: center; }
.oc-card-gradient { position: relative; border: 1px solid rgb(255, 255, 255); background-size: 100% 120px; background-position: 0px 0px; background-repeat: no-repeat; backdrop-filter: blur(2px); }
.oc-card-gradient.oc-card-scheme-primary { background-image: linear-gradient(rgb(229, 242, 255) 0%, rgba(232, 240, 255, 0) 100%); }
.oc-card-gradient.oc-card-scheme-success { background-image: linear-gradient(rgb(233, 248, 241) 0%, rgba(233, 248, 241, 0) 100%); }
.oc-card-gradient.oc-card-scheme-danger { background-image: linear-gradient(rgb(253, 242, 242) 0%, rgba(253, 242, 242, 0) 100%); }
.oc-card-gradient.oc-card-scheme-warning { background-image: linear-gradient(rgb(255, 245, 208) 0%, rgba(255, 245, 208, 0) 100%); }
.oc-card-gradient.oc-card-scheme-default { background-image: linear-gradient(rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%); }
.oc-card-gradient-fill, .oc-card-direction-horizontal { background-size: 100% 100%; }
.oc-card-direction-horizontal { border: 1px solid rgba(255, 255, 255, 0.4); }
.oc-card-direction-horizontal.oc-card-scheme-primary { background-image: linear-gradient(90deg, rgb(229, 242, 255) 0%, rgb(191, 223, 255) 100%); }
.oc-card-direction-horizontal.oc-card-scheme-success { background-image: linear-gradient(90deg, rgb(227, 255, 237) 0%, rgb(91, 216, 168) 100%); }
.oc-card-direction-horizontal.oc-card-scheme-danger { background-image: linear-gradient(90deg, rgb(255, 237, 227) 0%, rgb(255, 195, 195) 100%); }
.oc-card-direction-horizontal.oc-card-scheme-warning { background-image: linear-gradient(90deg, rgb(255, 244, 228) 0%, rgb(255, 229, 161) 100%); }
.oc-card-direction-horizontal.oc-card-scheme-default { }
.oc-card-wrapper { width: 100%; padding: 24px; box-sizing: border-box; position: relative; border-radius: inherit; }
.oc-card-header { min-height: 24px; position: relative; }
.oc-card-header__main-with-close { margin-right: 24px; }
.oc-card-header__close { position: absolute; width: 20px; height: 20px; font-size: 20px; color: rgb(147, 150, 157); top: 2px; right: 0px; cursor: pointer; z-index: 1; display: flex; place-content: center; }
.oc-card-header__close:hover { color: rgb(0, 87, 255); }
.oc-card-wrapper-extra { position: relative; z-index: 2; }
.oc-card-extra { background-image: linear-gradient(90deg, rgb(229, 242, 255) 0%, rgb(191, 223, 255) 100%); border: 1px solid rgba(255, 255, 255, 0.4); }
.oc-card-extra-top { margin-bottom: -12px; padding: 8px 24px 20px; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.oc-card-extra-bottom { margin-top: -12px; padding: 20px 24px 8px; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-top-left-radius: 0px; border-top-right-radius: 0px; position: relative; z-index: 1; }
.oc-card--border { border: 1px solid rgb(222, 224, 227); }
.oc-card--border .oc-card-extra { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-card--scheme-default.oc-card--border { border: 1.5px solid rgb(242, 244, 247); }
.oc-card--scheme-default.oc-card--border .oc-card-extra { background: rgb(242, 244, 247); }
.oc-card--scheme-primary.oc-card--border { border: 1.5px solid rgba(0, 87, 255, 0.1); }
.oc-card--scheme-primary.oc-card--border .oc-card-extra { background: rgb(232, 244, 255); }
.oc-card--scheme-success.oc-card--border { border: 1.5px solid rgba(13, 166, 0, 0.1); }
.oc-card--scheme-success.oc-card--border .oc-card-extra { background: rgb(236, 248, 235); }
.oc-card--scheme-danger.oc-card--border { border: 1.5px solid rgba(227, 73, 73, 0.1); }
.oc-card--scheme-danger.oc-card--border .oc-card-extra { background: rgb(253, 242, 242); }
.oc-card--scheme-warning.oc-card--border { border: 1.5px solid rgba(235, 150, 23, 0.1); }
.oc-card--scheme-warning.oc-card--border .oc-card-extra { background: rgb(255, 249, 224); }
.oc-card--scheme-ai.oc-card--border { position: relative; overflow: hidden; border: 1.5px solid transparent; background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(125.44deg, rgb(205, 236, 253) -0.24%, rgb(212, 220, 252) 32.33%, rgb(236, 212, 243) 99.38%); background-clip: padding-box, border-box; background-origin: padding-box, border-box; }
.oc-card--scheme-ai.oc-card--border::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 12px; background: linear-gradient(108.88deg, rgba(71, 215, 250, 0.15) 1.44%, rgba(59, 126, 244, 0.15) 27.89%, rgba(184, 78, 241, 0.15) 60.72%, rgba(243, 85, 193, 0.15) 100%); filter: blur(40px); pointer-events: none; }
.oc-card--scheme-ai.oc-card--border .oc-card-extra { background: rgb(242, 244, 247); }
.oc-card .oc-card-body { border-top: 1px solid rgb(222, 224, 227); padding-top: 24px; padding-bottom: 24px; flex: 0 1 0%; line-height: 1; }
.create-anchor-select .create-anchor-select-radio, .create-anchor-select .create-anchor-info-row { margin-bottom: 24px; }
.create-anchor-select .create-anchor-filter-container { background: rgb(255, 255, 255); border-radius: 12px; padding: 24px; margin-bottom: 16px; }
.create-anchor-drawer-body .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-select-top-right { width: 375px; top: 188px; left: 4px; right: auto; transform: scale(0.44); transform-origin: 0px 0px 0px; }
.create-anchor-drawer-body .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-select-top-right .create-anchor-select-item-info { display: inline-flex; align-items: center; border-radius: 2px; padding: 4px; color: rgb(255, 255, 255); background: rgb(41, 41, 41); }
.create-anchor-drawer-body .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-select-top-right .create-anchor-select-item-info .create-anchor-select-item-icon { margin-right: 8px; }
.create-anchor-drawer-body .oc-create-material-card-content .oc-create-material-card-content-show .oc-create-material-card-select-top-right .create-anchor-select-item-info .create-anchor-select-item-delimiter { width: 1px; height: 10px; background-color: rgba(255, 255, 255, 0.34); margin: 0px 8px; }
.create-material-list-filter-option-item { max-width: 60px; }
.oc-splitter { display: flex; width: 100%; height: 100%; }
.oc-splitter--horizontal { flex-direction: row; }
.oc-splitter--horizontal > .oc-splitter__handle { width: 0px; }
.oc-splitter--horizontal > .oc-splitter__handle::before { width: 4px; height: 100%; }
.oc-splitter--horizontal > .oc-splitter__handle::after { width: 2px; height: 32px; }
.oc-splitter--horizontal > .oc-splitter__handle .oc-splitter__handle-touch-zone { cursor: col-resize; top: 0px; bottom: 0px; left: calc(-1 * var(--oc-splitter-touch-zone-size) / 2); right: calc(-1 * var(--oc-splitter-touch-zone-size) / 2); }
.oc-splitter--vertical { flex-direction: column; }
.oc-splitter--vertical > .oc-splitter__handle { height: 0px; }
.oc-splitter--vertical > .oc-splitter__handle::before { height: 4px; width: 100%; }
.oc-splitter--vertical > .oc-splitter__handle::after { height: 2px; width: 32px; }
.oc-splitter--vertical > .oc-splitter__handle .oc-splitter__handle-touch-zone { cursor: row-resize; left: 0px; right: 0px; top: calc(-1 * var(--oc-splitter-touch-zone-size) / 2); bottom: calc(-1 * var(--oc-splitter-touch-zone-size) / 2); }
.oc-splitter__handle { flex-shrink: 0; position: relative; display: flex; align-items: center; justify-content: center; }
.oc-splitter__handle--disabled { pointer-events: none; }
.oc-splitter__handle-touch-zone { position: absolute; background-color: transparent; }
.oc-splitter__handle::before { content: ""; position: absolute; background-color: rgb(242, 244, 247); border-radius: 2px; }
.oc-splitter__handle:not(.oc-splitter__handle--disabled)::after { content: ""; position: absolute; background-color: rgb(185, 188, 195); border-radius: 1px; pointer-events: none; }
.oc-splitter__handle:hover::before { background-color: rgb(232, 244, 255); }
.oc-splitter__handle--dragging::before, .oc-splitter__handle:hover::after, .oc-splitter__handle--dragging::after { background-color: rgb(0, 87, 255) !important; }
.oc-splitter__handle:hover:not(.oc-splitter__handle--dragging) .oc-splitter__handle-button { opacity: 1; }
.oc-splitter__handle-button { opacity: 0; position: absolute; z-index: 1000; width: 18px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.oc-splitter__handle-button > button { border: 1px solid rgb(185, 188, 195); border-radius: 4px; min-width: 18px !important; height: 24px !important; }
.oc-splitter__handle-button:hover { opacity: 1; }
.oc-splitter--horizontal .oc-splitter__handle-button--prev { transform: translate(-15px); }
.oc-splitter--horizontal .oc-splitter__handle-button--collapsed.oc-splitter__handle-button--prev, .oc-splitter--horizontal .oc-splitter__handle-button--next { transform: translate(15px); }
.oc-splitter--horizontal .oc-splitter__handle-button--collapsed.oc-splitter__handle-button--next { transform: translate(-15px); }
.oc-splitter--vertical .oc-splitter__handle-button--prev { transform: translateY(-15px) rotate(90deg); }
.oc-splitter--vertical .oc-splitter__handle-button--collapsed.oc-splitter__handle-button--prev, .oc-splitter--vertical .oc-splitter__handle-button--next { transform: translateY(15px) rotate(90deg); }
.oc-splitter--vertical .oc-splitter__handle-button--collapsed.oc-splitter__handle-button--next { transform: translateY(-15px) rotate(90deg); }
@property --oc-loading-move-1-x-position { syntax: "<percentage>"; inherits: false; initial-value: 93.75%; }
@property --oc-loading-move-1-y-position { syntax: "<percentage>"; inherits: false; initial-value: 8.33%; }
@property --oc-loading-move-2-x-position { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --oc-loading-move-2-y-position { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --oc-loading-move-3-x-position { syntax: "<percentage>"; inherits: false; initial-value: 78.47%; }
@property --oc-loading-move-3-y-position { syntax: "<percentage>"; inherits: false; initial-value: -11.81%; }
@property --oc-loading-move-4-x-position { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --oc-loading-move-4-y-position { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --oc-loading-move-5-x-position { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --oc-loading-move-5-y-position { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@keyframes move-gradient { 
  50% { --oc-loading-move-1-x-position: 65.71%; --oc-loading-move-1-y-position: 15.98%; --oc-loading-move-2-x-position: 107.27%; --oc-loading-move-2-y-position: 72.95%; --oc-loading-move-3-x-position: 11.01%; --oc-loading-move-3-y-position: 124.51%; --oc-loading-move-4-x-position: 71.68%; --oc-loading-move-4-y-position: -14.1%; --oc-loading-move-5-x-position: 0%; --oc-loading-move-5-y-position: 100%; }
  75% { --oc-loading-move-1-x-position: 53.69%; --oc-loading-move-1-y-position: 111.56%; --oc-loading-move-2-x-position: 44.03%; --oc-loading-move-2-y-position: -9.59%; --oc-loading-move-3-x-position: 94.33%; --oc-loading-move-3-y-position: 148.93%; --oc-loading-move-4-x-position: 46.12%; --oc-loading-move-4-y-position: 120.33%; --oc-loading-move-5-x-position: 51.6%; --oc-loading-move-5-y-position: 88.2%; }
  100% { --oc-loading-move-1-x-position: 93.75%; --oc-loading-move-1-y-position: 8.33%; --oc-loading-move-2-x-position: 0%; --oc-loading-move-2-y-position: 100%; --oc-loading-move-3-x-position: 78.47%; --oc-loading-move-3-y-position: -11.81%; --oc-loading-move-4-x-position: 0%; --oc-loading-move-4-y-position: 0%; --oc-loading-move-5-x-position: 100%; --oc-loading-move-5-y-position: 88.2%; }
}
@keyframes moveRight { 
  0% { transform: skew(-25deg) translate(-100%); }
  100% { transform: skew(-25deg) translate(100%); }
}
@keyframes loadingMoveRightReset { 
  0% { transform: translate(-100%) scaleX(1); }
  100% { transform: translate(500%) scaleX(2.5); }
}
.oc-loading-gradient-bar-wrapper { clip-path: inset(0px round 8px); }
.oc-loading { position: relative; }
.oc-loading .oc-loading-gradient-bar { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; overflow: hidden; background: linear-gradient(125.44deg, rgba(71, 215, 250, 0.08) 1.2%, rgba(59, 126, 244, 0.08) 35.8%, rgba(184, 78, 241, 0.08) 60.25%, rgba(243, 85, 193, 0.08) 80.04%, rgba(249, 131, 95, 0.08) 96.99%); }
.oc-loading .oc-loading-moving-gradient { position: absolute; bottom: 0px; height: 100%; width: 20%; background: linear-gradient(90deg, rgba(71, 215, 250, 0) 0%, rgb(59, 126, 244) 29.65%, rgb(184, 78, 241) 60.72%, rgb(243, 85, 193) 80.59%, rgba(249, 131, 95, 0) 100%); animation: 1.2s ease-out 0s infinite normal none running loadingMoveRightReset; transform-origin: left center; }
.oc-loading .loading-content { width: 100%; height: 100%; display: flex; align-items: center; }
.oc-loading .loading-content-float { position: absolute; top: 0px; left: 0px; justify-content: center; }
.oc-loading .loading-content-column-ai-light, .oc-loading .loading-content-column-ai-light-sync { overflow: hidden; background-color: rgb(248, 251, 255); }
.oc-loading .loading-content-column-ai-card { border-radius: 8px; background: linear-gradient(125deg, rgb(240, 252, 255) 1.2%, rgb(239, 245, 254) 35.8%, rgb(249, 241, 254) 60.25%, rgb(254, 241, 250) 80.04%, rgb(255, 245, 242) 96.99%); }
.oc-loading .loading-content-column-ai-card .oc-loading-spin-mask { background: none; }
.oc-loading .loading-content-column-ai-light::after { content: ""; position: absolute; top: 0px; left: 0px; width: 288px; height: 100%; background: linear-gradient(289deg, rgba(237, 242, 255, 0.64) 37.69%, rgba(237, 242, 255, 0) 72.92%); filter: blur(10px); animation: 2s linear 0s infinite normal none running moveRight; }
.oc-loading .loading-content-column-ai-light-sync::after { content: ""; position: absolute; z-index: 1; width: var(--shine-canvas-width); height: var(--shine-canvas-height); background: linear-gradient(90deg, rgba(237, 242, 255, 0) 37.69%, rgba(237, 242, 255, 0.64) 72.92%) 0% 0% / 288px 100% no-repeat; transform: skew(-25deg) scaleX(var(--shine-skew-scale-x)); left: var(--shine-offset-x); top: var(--shine-offset-y); animation: move-shine-background var(--shine-duration) linear infinite; filter: blur(10px); }
.oc-loading .loading-content .oc-loading-inline { display: flex; align-items: center; }
.oc-loading .loading-content .ovui-spin__content { align-items: center; flex-direction: column; }
.oc-loading .loading-content .loading-text { margin-left: 4px; white-space: nowrap; }
.oc-loading .oc-loading-spin-mask { background-color: rgba(255,255,255,var(--oc-loading-opacity)); }
.oc-loading .oc-loading-spin-ai-card .ovui-spin__content { align-items: center; flex-direction: row; left: 24px; transform: translateY(-50%); }
.oc-loading .oc-loading-spin-ai-card .ovui-spin__content .loading-scene-text { margin-left: 4px; margin-top: 0px; }
.oc-loading .oc-loading-spin-mask-ai-heavy { background-color: rgb(248, 251, 255); animation-name: move-gradient; animation-iteration-count: infinite; animation-duration: 8s; transition-timing-function: linear; }
.oc-loading .loading-scene-text { margin-top: 4px; }
.oc-loading .loading-dots { margin-left: 4px; }
.oc-loading .loading-dots-item:nth-child(2) { opacity: 0; animation: 1s ease 0s infinite normal none running ellipsis-blink2; }
.oc-loading .loading-dots-item:nth-child(3) { opacity: 0; animation: 1s ease 0s infinite normal none running ellipsis-blink3; }
.oc-loading .loading-dots-item-ai { background-clip: text; color: transparent; }
.oc-loading .loading-dots-item-ai:nth-child(1) { background-image: linear-gradient(135deg, rgb(66, 172, 248) 0%, rgb(62, 138, 246) 100%); }
.oc-loading .loading-dots-item-ai:nth-child(2) { background-image: linear-gradient(135deg, rgb(64, 125, 244) 0%, rgb(102, 110, 243) 100%); }
.oc-loading .loading-dots-item-ai:nth-child(3) { background-image: linear-gradient(135deg, rgb(119, 103, 243) 0%, rgb(159, 88, 242) 100%); }
@keyframes ellipsis-blink2 { 
  0% { opacity: 0; }
  33% { opacity: 1; }
  67% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes ellipsis-blink3 { 
  0% { opacity: 0; }
  33% { opacity: 0; }
  67% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes move-shine-background { 
  0% { background-position-x: -288px; }
  100% { background-position-x: calc(100% + 150px); }
}
.oc-asset-share-batch-select { display: flex; }
.oc-asset-share-batch-select-add { margin-right: 8px; }
.oc-asset-share-batch-select .oc-textarea-plus-component { height: 278px; }
.oc-asset-share-batch-select .oc-batch-upload-text-modal-footer-error-list { max-height: 150px; }
.oc-left-menu { background: rgba(255, 255, 255, 0.5); border-radius: 16px 0px 0px 16px; height: 100%; }
.oc-left-menu__continer { position: relative; }
.oc-left-menu__continer__item { padding: 16px 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(147, 150, 157); }
.oc-left-menu__continer__item__unactive:hover { background: rgba(255, 255, 255, 0.5); border-radius: 16px 0px 0px 16px; cursor: pointer; }
.oc-left-menu__continer__item__active { color: rgb(0, 87, 255); position: relative; z-index: 1; background: rgb(255, 255, 255); border-radius: 16px 0px 0px 16px; }
.oc-left-menu__continer__item__disabled { color: rgb(147, 150, 157); opacity: 0.5; background: transparent; }
.oc-left-menu__continer__item__disabled:hover { background: transparent; border-radius: 0px; cursor: not-allowed; }
.oc-left-menu__continer__item__icon { margin-bottom: 4px; }
.oc-left-menu__continer__block { width: 100%; height: 80px; background: rgb(255, 255, 255); border-radius: 12px 0px 0px 12px; position: absolute; top: 0px; transition: transform 0.2s ease-in-out; }
.oc-left-menu__continer__block-empty-text { height: 60px; }
.oc-create-audience-mobile-brand { width: 792px; }
.oc-drag-list { display: flex; box-sizing: border-box; gap: 8px; flex-flow: wrap; overflow-anchor: none; }
.oc-drag-list-vertical { flex-direction: column; }
.oc-drag-list-item { position: relative; }
.oc-drag-list-item-content { padding: 6px 12px; background-color: rgb(242, 244, 247); border-radius: 4px; display: flex; justify-content: space-between; gap: 8px; }
.oc-drag-list-item-has-children.oc-drag-list-sortable-ghost > .oc-drag-list-item-children, .oc-drag-list-item-has-children.oc-drag-list-sortable-drag > .oc-drag-list-item-children { display: none; }
.oc-drag-list-item-children { margin: 8px 0px 0px 36px; position: relative; }
.oc-drag-list-item-children:not(.oc-drag-list-sortable-drag)::before { content: ""; position: absolute; left: -16px; top: -8px; width: 16px; height: var(--oc-drag-list-children-mark-height); border-left: 1px solid rgb(223, 224, 226); }
.oc-drag-list-item-children > .oc-drag-list > .oc-drag-list-item:not(.oc-drag-list-sortable-drag)::before { content: ""; position: absolute; left: -16px; bottom: 50%; width: 16px; height: 4px; border-width: 0px 0px 1px 1px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(223, 224, 226) rgb(223, 224, 226); border-image: none; border-radius: 0px 0px 0px 4px; }
.oc-drag-list-item-fade-enter-active, .oc-drag-list-item-fade-leave-active { transition: 0.1s ease-in-out; }
.oc-drag-list-item-fade-enter-from, .oc-drag-list-item-fade-leave-to { opacity: 0; max-height: 0px; }
.oc-drag-list-item-fade-enter-to, .oc-drag-list-item-fade-leave-from { max-height: 32px; opacity: 1; }
.oc-drag-list-item-draggable { cursor: move; user-select: none; }
.oc-drag-list-item-disabled { cursor: not-allowed; color: rgb(147, 150, 157); }
.oc-drag-list-item-icon, .oc-drag-list-item-close { align-self: center; display: flex; align-items: center; }
.oc-drag-list-item-icon:hover, .oc-drag-list-item-close:hover { color: rgb(49, 52, 59); }
.oc-drag-list-item-main { flex: 1 1 0%; overflow: hidden; }
.oc-drag-list-item-close { color: rgb(147, 150, 157); cursor: pointer; }
.oc-drag-list-sortable-ghost { background-color: rgb(242, 244, 247); border: 1px dashed rgb(0, 87, 255); border-radius: 4px; }
.oc-drag-list-sortable-ghost .oc-drag-list-item-content { visibility: hidden; }
.oc-page-switch-wrapper { display: flex; align-items: center; }
.oc-page-switch-wrapper .oc-page-switch-icon { color: rgb(49, 52, 59); }
.oc-page-switch-wrapper .oc-page-switch-icon:hover { cursor: pointer; }
.oc-page-switch-wrapper .oc-page-switch-icon-disabled { color: rgb(185, 188, 195); }
.oc-page-switch-wrapper .oc-page-switch-text { color: rgb(49, 52, 59); font-size: 12px; margin: 0px 16px; }
.oc-page-switch-wrapper .oc-page-switch-text .text-slash { margin: 0px 8px; }
.custom-select-wrapper { margin-top: 8px; display: flex; flex-direction: row; }
.custom-select-wrapper-connect { margin: 0px 8px; height: 32px; line-height: 32px; font-size: 14px; color: rgb(49, 52, 59); font-weight: 400; }
.ovui-popover--tooltip.oc-input-group-unit { padding: 2px 6px; border-radius: 4px; left: var(--input-number-unit-offset) !important; }
.ovui-popover--tooltip.oc-input-group-unit .ovui-popover__arrow { display: none; }
.ovui-popover--tooltip.oc-input-group-unit::after { content: ""; position: absolute; left: calc(50% - 4px); top: 100%; width: 0px; height: 0px; border-width: 4px 4px 0px; border-style: solid; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-color: rgba(50, 51, 53, 0.95) transparent transparent; }
.oc-row-input-number { --input-number-unit-offset: 0px; }
.oc-row-input-number .append-string, .oc-row-input-number .append-icon, .oc-row-input-number .prepend-string, .oc-row-input-number .prepend-icon { color: rgb(147, 150, 157); }
.oc-row-input-number .oc-input-group-wrap { display: flex; align-items: center; }
.oc-row-input-number .oc-input-group-wrap .oc-input-group { width: auto; }
.oc-row-input-number .oc-input-group-wrap .oc-input-group .ovui-custom-input { cursor: text; flex: 1 1 0%; }
.oc-row-input-number .oc-input-group-prepend { position: relative; }
.oc-row-input-number .oc-input-group-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.oc-row-input-number .oc-input-group-append { position: relative; }
.oc-row-input-number .oc-input-group-append * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.oc-row-input-number .oc-input-group-append-divider::before { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; }
.oc-row-input-number .oc-input-group-prepend-divider::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }
.oc-radio-group__hint-wrap { display: inline-flex; margin-left: 4px; }
.oc-radio-group__hint-wrap > .oc-popover { display: inline-flex; align-items: center; }
.oc-radio-group__item-prefix-icon { margin-right: 4px; }
.oc-radio-group__item-suffix-msg { margin-left: 4px; }
.oc-radio-group__item-count { margin: auto 0px auto 4px; width: 14px; height: 14px; border-radius: 50%; color: rgb(255, 255, 255); font-size: 10px; text-align: center; font-weight: 500; line-height: 14px; background-color: rgb(147, 150, 157); }
.oc-radio-group__item-tag { position: absolute; top: 0px; right: 0px; z-index: 9; }
.oc-radio-group-plain .ovui-radio-group { flex-wrap: wrap; gap: 8px; }
.oc-radio-group-plain-blue .ovui-radio--checked .ovui-radio__inner, .oc-radio-group-plain-blue .ovui-radio--checked .ovui-radio__inner:hover { background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-radio-group-plain-blue .ovui-radio__inner:hover { border-color: rgb(0, 87, 255); }
.oc-radio-group-plain-blue .ovui-radio--disabled.ovui-radio--checked .ovui-radio__inner, .oc-radio-group-plain-blue .ovui-radio--disabled.ovui-radio--checked .ovui-radio__inner:hover { background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.oc-row-radio-group-bottom { width: 100%; }
.oc-radio-group { display: inline-flex; align-items: center; }
.oc-radio-group .ovui-radio-item-group { flex-wrap: wrap; margin-top: -8px; }
.oc-radio-group .ovui-radio__label { display: inline-flex; align-items: center; }
.oc-radio-group .ovui-radio-item { min-width: 88px; justify-content: center; align-items: center; margin-top: 8px; }
.oc-radio-group .ovui-radio-item:last-child .oc-radio-group__item-tag { border-top-right-radius: 4px; overflow: hidden; }
.oc-radio-group .ovui-radio-item--disabled .oc-radio-group__item-count { background-color: rgb(147, 150, 157) !important; }
.oc-radio-group .ovui-radio-item:hover .oc-radio-group__item-count { background-color: rgb(0, 87, 255); }
.oc-radio-group .ovui-radio-item:hover .oc-dropdown-button-container .ovui-button, .oc-radio-group .ovui-radio-item:hover .oc-dropdown-button-container .ovui-button:hover { color: rgb(0, 87, 255); }
.oc-radio-group .ovui-radio-item--checked .oc-radio-group__item-count { background-color: rgb(0, 87, 255); }
.oc-radio-group .only-icon { min-width: 32px; min-height: 32px; padding: 8px; margin-right: 0px !important; }
.oc-radio-group-auto-button-width { display: flex; }
.oc-radio-group-auto-button-width .ovui-radio-item-group { display: flex; flex: 1 1 0%; }
.oc-radio-group-auto-button-width .ovui-radio-item-group .ovui-radio-item { flex: 1 1 0%; }
.oc-external-url { width: 100%; min-width: 570px; }
.oc-external-url-top-operate { display: flex; align-items: center; }
.oc-external-url-top-operate-text { margin-left: 8px; color: rgb(98, 101, 108); font-size: 14px; line-height: 22px; }
.oc-external-url-list { overflow-y: auto; width: 100%; padding: 2px; margin: -2px; }
.oc-external-url-item { margin-top: 8px; }
.oc-external-url-item-box { display: flex; gap: 4px; align-items: center; }
.oc-external-url-item-input { display: flex; align-items: center; position: relative; }
.oc-external-url-item-input-change { font-size: 14px; line-height: 22px; font-weight: 400; color: rgb(0, 87, 255); margin-right: 3px; cursor: pointer; }
.oc-external-url-item-input-button, .oc-external-url-item-input-after { margin-left: 8px; }
.oc-external-url-item-input-change-disabled { color: rgb(185, 188, 195); }
.oc-external-url-item-input-delete { cursor: pointer; color: rgb(147, 150, 157); line-height: 1em; }
.oc-external-url-item-input-delete:hover { color: rgb(0, 87, 255); }
.oc-external-url-item-input-delete-disabled { cursor: pointer; color: rgb(147, 150, 157); display: flex; }
.oc-external-url-item-card { display: flex; margin-top: 4px; }
.oc-external-url-item-card-delete { cursor: pointer; color: rgb(147, 150, 157); display: flex; }
.oc-external-url-item-card-delete:hover { color: rgb(0, 87, 255); }
.oc-external-url-item-card-delete-disabled { cursor: pointer; color: rgb(147, 150, 157); display: flex; }
.oc-external-url-add { margin-top: 8px; }
.oc-external-url-plus { margin-right: 4px; color: rgb(98, 101, 108); }
.oc-external-url-drawer-body .oc-create-material-card-select-top-right { left: 50%; transform: translate(-50%, -50%); top: 50% !important; right: inherit !important; z-index: 10 !important; }
.oc-rolling-load { width: 100%; height: 100%; overflow: scroll; position: relative; }
.oc-rolling-load .ovui-infinite-scroll { overscroll-behavior: none; }
.oc-rolling-load .oc-rolling-load-content { height: 100%; }
.oc-rolling-load::-webkit-scrollbar { display: none; }
.oc-rolling-load__empty { display: flex; align-items: center; justify-content: center; height: 100%; padding: 80px 0px; }
.oc-rolling-load__append { display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px 0px; }
.oc-rolling-load__append-text { margin-left: 4px; }
.oc-rolling-load__append-xl .ovui-inline-spin { height: 56px; }
.oc-rolling-load__append-lg .ovui-inline-spin { height: 36px; }
.oc-rolling-load__append-md .ovui-inline-spin { height: 18px; }
.oc-rolling-load__append-sm .ovui-inline-spin { height: 14px; }
.oc-rolling-load__append-xs .ovui-inline-spin { height: 12px; }
.oc-rolling-load .ovui-spin__content .ovui-inline-spin { height: 18px; }
.oc-item-card { display: flex; align-items: center; width: 544px; height: 64px; background-color: rgb(242, 244, 247); border-radius: 8px; position: relative; }
.oc-item-card-errorMsg { color: rgb(229, 69, 63); font-size: 12px; line-height: 18px; margin-top: 4px; }
.oc-item-card-error { background-color: rgb(253, 242, 242); }
.oc-item-card-img-box { width: 27px; height: 48px; margin-left: 8px; margin-right: 8px; overflow: hidden; background-color: rgb(242, 244, 247); }
.oc-item-card-img-box .oc-image-img { height: 100%; }
.oc-item-card-img-box .oc-image { border-radius: 4px; }
.oc-item-card-img-box-img { width: 100%; height: 100%; }
.oc-item-card-info-title { display: flex; gap: 4px; align-self: center; margin-bottom: 8px; }
.oc-item-card-info-title .oc-tag { margin-top: 1px; }
.oc-item-card-info-extra, .oc-item-card-info-vertical, .oc-item-card-info-id { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; }
.oc-item-card-info-vertical-container { display: flex; }
.oc-item-card-info-vertical { margin-right: 16px; }
.oc-item-card-change { cursor: pointer; position: absolute; right: 12px; font-size: 14px; font-weight: 400; line-height: 22px; color: rgb(0, 87, 255); display: flex; gap: 4px; }
.oc-group-number-val-xl { font-size: 32px; }
.oc-group-number-tail-xl { font-size: 24px; }
.oc-group-number .oc-typography { display: inline-block; }
.oc-group-number-suffix { display: inline-flex; margin-left: 2px; }
.oc-group-number-unit { position: relative; top: 0.5px; }
.oc-tag { font-size: 0px; line-height: 0; }
.oc-tag.oc-tag-type-flex { display: inline-flex; align-items: center; }
.oc-tag .ovui-tag { cursor: default; }
.oc-tag .ovui-tag--white { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.oc-tag .ovui-tag--white.ovui-tag--disabled, .oc-tag .ovui-tag--white.ovui-tag--disabled:hover { color: rgb(185, 188, 195); }
.oc-tag .ovui-tag--white-light { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(222, 224, 227); }
.oc-tag .ovui-tag--white-light.ovui-tag--disabled, .oc-tag .ovui-tag--white-light.ovui-tag--disabled:hover { color: rgb(185, 188, 195); border: 1px solid rgb(242, 244, 247); }
.oc-tag .ovui-tag--xs .oc-tag-text { zoom: 0.833333; line-height: 12px; }
.oc-tag .ovui-tag--xs, .oc-tag .ovui-tag--sm { padding: 0px 4px; border-width: 0px; }
.oc-tag .ovui-tag--xs.ovui-tag--border, .oc-tag .ovui-tag--sm.ovui-tag--border { padding: 0px 3px; border-width: 1px; }
.oc-tag-text { font-family: "PingFang SC"; font-style: normal; }
.oc-tag-text-bold { font-weight: bolder; }
.oc-tag-wrap { display: inline-flex; align-items: center; justify-content: center; }
.oc-tag-icon { margin-right: 2px; display: inline-flex; align-items: center; }
.oc-tag-suffixIcon { margin-left: 2px; display: inline-flex; align-items: center; }
.oc-tag-douyin .ovui-tag { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-tag-douyin .ovui-tag--danger-light-fill { background: linear-gradient(135deg, rgb(255, 23, 100) 0%, rgb(237, 52, 149) 100%); }
.oc-tag-douyin .ovui-tag--default-light-fill { background: linear-gradient(135deg, rgb(171, 173, 186) 0%, rgb(132, 135, 154) 100%); }
.oc-tag-market .ovui-tag { font-weight: bolder; border-radius: 4px 0px; }
.oc-tag-operate .ovui-tag { border-radius: 12px 12px 12px 0px; }
.oc-tag-operate-normal .ovui-tag { border-radius: 4px; }
.oc-tag-ai .oc-tag-text { font-family: "PingFang SC"; font-style: normal; line-height: 12px; color: transparent; }
.oc-tag-ai .oc-tag-wrap { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; position: relative; z-index: 3; }
.oc-tag-ai .ovui-tag { position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-tag-ai .ovui-tag::before { content: ""; position: absolute; background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); z-index: 1; inset: -1px; border-radius: 5px; }
.oc-tag-ai .ovui-tag::after { content: ""; position: absolute; background: linear-gradient(122deg, rgb(240, 252, 255) 10.27%, rgb(239, 245, 254) 38.69%, rgb(249, 241, 254) 58.77%, rgb(254, 241, 250) 75.03%, rgb(255, 245, 242) 88.94%); z-index: 2; inset: 0px; border-radius: inherit; }
.oc-tag-ai .ovui-tag--sm { height: 18px; }
.oc-tag-ai .ovui-tag--xs { height: 14px; }
.oc-tag-ai .ovui-tag--md { height: 22px; }
.oc-tag-operate .ovui-tag, .oc-tag-operate-normal .ovui-tag { font-weight: bolder; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-tag-operate .ovui-tag--danger-fill, .oc-tag-operate-normal .ovui-tag--danger-fill { background: linear-gradient(102deg, rgb(250, 80, 137) 23.92%, rgb(252, 150, 184) 105.66%); }
.oc-tag-operate .ovui-tag--warning-fill, .oc-tag-operate-normal .ovui-tag--warning-fill { background: linear-gradient(103deg, rgb(255, 115, 77) 3.67%, rgb(250, 180, 38) 97.07%); }
.oc-tag-operate .ovui-tag--success-fill, .oc-tag-operate-normal .ovui-tag--success-fill { background: linear-gradient(101deg, rgb(52, 186, 123) 31.95%, rgb(182, 215, 15) 140.28%); }
.oc-tag-operate .ovui-tag--info-fill, .oc-tag-operate-normal .ovui-tag--info-fill { background: linear-gradient(103deg, rgb(56, 101, 233) 6.94%, rgb(56, 161, 255) 100%); }
.oc-tag-round .ovui-tag--xs { border-radius: 4px; }
.oc-tag-round .ovui-tag--sm { border-radius: 20px; }
.oc-empty { min-height: 74px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.oc-empty__icon { width: 42px; height: 42px; }
.oc-empty__img-md { width: 200px; height: 118px; }
.oc-empty__img-sm { width: 120px; height: 70px; }
.oc-banner { padding: 16px; min-height: 82px; border-radius: 8px; background-color: rgb(232, 244, 255); display: flex; position: relative; width: 100%; box-sizing: border-box; }
.oc-banner .oc-banner-left-wrapper { display: flex; flex: 1 1 0%; }
.oc-banner .oc-banner-left-wrapper .oc-banner-image-wrapper { display: flex; align-items: center; width: 58px; }
.oc-banner .oc-banner-left-wrapper .oc-banner-image-wrapper img { width: 100%; }
.oc-banner .oc-banner-right { margin-left: 8px; padding-top: 2px; display: flex; gap: 8px; }
.oc-banner .oc-banner-right-large { padding-top: 4px; }
.oc-banner-slot-text { display: inline-block; }
.oc-banner-slot-text-inner-style { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; font-weight: 400; word-break: break-all; white-space: normal; display: -webkit-box; text-rendering: auto; font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.oc-banner-slot-text-inner-style p { margin: 0px; }
.oc-banner-slot-text-inner-style a { color: rgb(0, 87, 255); text-decoration: none; }
.oc-banner-slot-text-inner-style a:hover { color: rgb(46, 123, 255); }
.oc-banner-tip { min-height: 34px; border-radius: 8px; padding: 8px 16px; display: flex; }
.oc-banner-tip-title { padding: 16px; }
.oc-banner-tip-title-xs { padding: 8px 16px; }
.oc-banner-tip .oc-banner-tip-left { flex: 1 1 0%; display: flex; align-items: flex-start; }
.oc-banner-tip .oc-banner-tip-left .oc-banner-tip-left-content-title { display: flex; align-items: center; gap: 6px; }
.oc-banner-tip .oc-banner-tip-left-content { display: flex; flex-direction: column; }
.oc-banner-tip .oc-banner-tip-left-content .oc-banner-tip-left-content-title { margin-bottom: 4px; }
.oc-banner-tip .oc-banner-tip-left-content-single { display: flex; align-items: center; }
.oc-banner-tip .oc-banner-tip-left-content-single .oc-banner-tip-left-content-title { margin-right: 8px; flex-shrink: 0; }
.oc-banner-tip .oc-banner-tip-right { display: flex; gap: 5px; padding-top: 1px; margin-left: 8px; }
.oc-banner-tip .oc-banner-tip-right-large { padding-top: 4px; }
.oc-banner-tip .oc-banner-tip-right .oc-banner-switch { margin-left: 15px; }
.oc-banner-tip .oc-banner-tip-right-center { align-items: center; padding-top: 0px; }
.oc-banner-tip .oc-msg-icon { margin-top: 2px; }
.oc-banner-tip-success { background-color: rgb(236, 248, 235); }
.oc-banner-tip-error { background-color: rgb(253, 242, 242); }
.oc-banner-tip-info { background-color: rgb(232, 244, 255); }
.oc-banner-tip-warning { background-color: rgb(255, 249, 224); }
.oc-banner-tip-success-border { border: 1px solid rgba(0, 148, 62, 0.2); }
.oc-banner-tip-error-border { border: 1px solid rgba(227, 73, 73, 0.2); }
.oc-banner-tip-info-border { border: 1px solid rgba(42, 85, 229, 0.2); }
.oc-banner-tip-warning-border { border: 1px solid rgba(235, 150, 23, 0.2); }
.oc-banner-tip-text { background-color: transparent; padding-left: 0px; padding-right: 0px; }
.oc-banner-close { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
.oc-banner-close:hover { cursor: pointer; color: rgb(147, 150, 157); }
.oc-banner-expand { height: 16px; font-size: 14px; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); }
.oc-banner-expand:hover { cursor: pointer; color: rgb(46, 123, 255); }
.oc-banner-expand-text { margin-left: 4px; }
.oc-banner-data-content { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: flex-start; margin-left: 16px; color: rgb(98, 101, 108); }
.oc-banner-data-content .oc-banner-data-content-title { line-height: 24px; margin-bottom: 4px; color: rgb(49, 52, 59); font-size: 16px; font-weight: bolder; }
.oc-create-filter-bar { display: flex; flex-wrap: wrap; gap: 16px; }
.oc-create-filter-bar .create-filter-bar-item-select .oc-select { display: flex; }
.oc-create-inventory-info { width: 100%; }
.oc-create-inventory-info .oc-title + .content-wrapper { padding-top: 8px; }
.oc-create-inventory-info .content-wrapper { display: flex; flex-direction: column; }
.oc-create-inventory-info .content-wrapper .title { display: flex; }
.oc-create-inventory-info .content-wrapper .title-item { display: flex; align-items: center; }
.oc-create-inventory-info .content-wrapper .title-item-0 { width: 66px; padding-left: 8px; }
.oc-create-inventory-info .content-wrapper .title-item-1, .oc-create-inventory-info .content-wrapper .title-item-2 { flex: 1 1 0%; }
.oc-create-inventory-info .content-wrapper .list { margin-top: 12px; }
.oc-create-inventory-info .content-wrapper .list .oc-create-inventory-info-item + .oc-create-inventory-info-item { margin-top: 12px; }
.oc-create-kv-info { width: 100%; }
.oc-create-kv-info .oc-title + .content-wrapper { padding-top: 8px; }
.oc-create-kv-info .content-wrapper-top .oc-key-value + .oc-key-value { margin-top: 12px !important; }
.oc-create-kv-info .content-wrapper-left .oc-typography + .oc-typography { margin-top: 8px; }
.oc-create-kv-info .content-wrapper .oc-key-value-value { flex: 1 1 0%; }
.oc-create-kv-info .oc-create-kv-info-key { margin-right: 8px; color: rgb(98, 101, 108); }
.oc-create-kv-info .oc-create-kv-info-item { padding-top: 8px; display: flex; padding-bottom: 8px; }
.oc-create-kv-info .oc-create-kv-info-tag-list { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.oc-create-kv-info .oc-create-kv-info-tag-key { margin-right: 4px; color: rgb(98, 101, 108); font-size: 12px; line-height: 18px; }
.oc-sidebar { box-sizing: border-box; position: absolute; width: 200px !important; }
.oc-sidebar .oc-card-wrapper { height: calc(-102px + 100vh); overflow-x: hidden; }
.oc-sidebar::-webkit-scrollbar-track-piece { background-color: transparent; }
.oc-sidebar::-webkit-scrollbar { width: 6px; }
.oc-sidebar::-webkit-scrollbar-thumb { background-color: rgb(231, 231, 231); border-radius: 5px; background-clip: padding-box; min-height: 28px; }
.oc-sidebar::-webkit-scrollbar-thumb:hover { background-color: rgb(221, 221, 221); }
.oc-sidebar .menu-left { padding: 12px 8px; width: 100%; }
.oc-sidebar .item { display: flex; align-items: center; margin-bottom: 8px; height: 38px; width: 100%; line-height: 22px; padding-left: 40px; font-size: 14px; flex: 1 1 0%; position: relative; }
.oc-sidebar .menu-left-step { margin-bottom: 16px; }
.oc-sidebar .menu-left-step:last-child { margin-bottom: 0px; }
.oc-sidebar .menu-left-step-header { font-weight: bolder; color: rgb(185, 188, 195); cursor: pointer; position: relative; overflow: hidden; }
.oc-sidebar .menu-left-step-item { color: rgb(49, 52, 59); }
.oc-sidebar .menu-left-step-item::before { content: ""; width: 4px; height: 4px; display: block; border-radius: 4px; background-color: rgb(49, 52, 59); position: absolute; left: 19px; transition: 0.2s; }
.oc-sidebar .menu-left-step-item.active, .oc-sidebar .menu-left-step-item:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step-item.active::before, .oc-sidebar .menu-left-step-item:hover::before { background-color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step-child { font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); padding-left: 50px; margin: 8px 0px; cursor: pointer; position: relative; }
.oc-sidebar .menu-left-step-child__anchor { position: relative; }
.oc-sidebar .menu-left-step-child__anchor::before { position: absolute; height: 100%; left: -16px; top: 0px; background: rgb(222, 224, 227); width: 2px; content: ""; }
.oc-sidebar .menu-left-step-child .menu-left-step-child-item { margin-bottom: 12px; position: relative; }
.oc-sidebar .menu-left-step-child .menu-left-step-child-item:last-child { margin-bottom: 0px; }
.oc-sidebar .menu-left-step-child .menu-left-step-child-item:hover, .oc-sidebar .menu-left-step-child .menu-left-step-child-item.active { color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step-child .menu-left-step-child-item.active::before { position: absolute; height: 100%; left: -16px; top: 0px; background: rgb(0, 87, 255); width: 2px; content: ""; }
.oc-sidebar .menu-left-step .step, .oc-sidebar .menu-left-step .icon-name { width: 20px; height: 20px; border-radius: 20px; color: rgb(255, 255, 255); background-color: rgb(185, 188, 195); text-align: center; line-height: 18px; position: absolute; left: 10px; display: flex; align-items: center; justify-content: center; }
.oc-sidebar .menu-left-step .step-status { width: 14px; height: 14px; line-height: 14px; right: 12px; left: inherit; position: absolute; color: rgb(227, 73, 73); top: 50%; margin-top: -7px; font-size: 14px; }
.oc-sidebar .menu-left-step .icon-name { color: rgb(147, 150, 157); background-color: inherit; }
.oc-sidebar .menu-left-step.done { cursor: auto; }
.oc-sidebar .menu-left-step.done .menu-left-step-header { color: rgb(49, 52, 59); }
.oc-sidebar .menu-left-step.done .step { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step.done .icon-name, .oc-sidebar .menu-left-step.active .menu-left-step-header { color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step.active .step { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.oc-sidebar .menu-left-step.active .icon-name { color: rgb(0, 87, 255); }
.oc-sidebar .menu-left-step.error .step { background-color: rgb(227, 73, 73); }
.oc-sidebar .menu-left-step.error .icon-name { color: rgb(227, 73, 73); }
.oc-create-layout .oc-layout__main-wrapper { padding-left: 200px; }
.oc-sidebar-collapsed { position: absolute; transition: width; width: 44px !important; }
.oc-sidebar-collapsed .menu-left { padding: 12px 0px; }
.oc-sidebar-collapsed .menu-left__header { padding-left: 8px; }
.oc-sidebar-collapsed .menu-name, .oc-sidebar-collapsed .menu-left-step-child { display: none; }
.oc-sidebar-collapsed .menu-left-step { padding: 0px 8px; }
.oc-sidebar-collapsed .menu-left-step .step { left: 4px; }
.oc-sidebar-collapsed .menu-left-step-item { padding: 0px; width: 36px; cursor: pointer; }
.oc-sidebar-collapsed .menu-left-step-item::before { left: 10px; }
.oc-sidebar-collapsed .menu-left-step-item.error::before { background-color: rgb(227, 73, 73); }
.oc-sidebar-collapsed .menu-left-step-item .step-status { display: none !important; }
.oc-sidebar-collapsed .item { padding-left: 28px; }
.oc-sidebar-collapsed .item .icon-name { margin-left: -6px; }
.oc-sidebar-collapsed:hover { transition: width 0.1s; width: 200px !important; }
.oc-sidebar-collapsed:hover .oc-card-wrapper { background-color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.oc-sidebar-collapsed:hover .menu-left { padding: 12px 8px; }
.oc-sidebar-collapsed:hover .menu-left__header { padding-left: 0px; }
.oc-sidebar-collapsed:hover .menu-name, .oc-sidebar-collapsed:hover .menu-left-step-child { display: block; }
.oc-sidebar-collapsed:hover .menu-left-step { padding: 0px; }
.oc-sidebar-collapsed:hover .menu-left-step .step { left: 10px; }
.oc-sidebar-collapsed:hover .menu-left-step-item { padding-left: 40px; width: 100%; cursor: pointer; }
.oc-sidebar-collapsed:hover .menu-left-step-item::before { left: 19px; }
.oc-sidebar-collapsed:hover .menu-left-step-item.error::before { background-color: rgb(49, 52, 59); }
.oc-sidebar-collapsed:hover .menu-left-step-item.error.active::before { background-color: rgb(0, 87, 255); }
.oc-sidebar-collapsed:hover .menu-left-step-item .step-status { display: block !important; }
.oc-sidebar-collapsed:hover .item { padding-left: 40px; }
.oc-sidebar-collapsed:hover .item .icon-name { margin-left: 0px; }
.oc-create-layout-collapsed .oc-layout__main-wrapper { padding-left: 44px; }
.oc-create-material-audit-suggest-panel-content { max-height: 250px; overflow-y: auto; }
.vue-advanced-cropper { text-align: center; position: relative; user-select: none; max-height: 100%; max-width: 100%; direction: ltr; }
.vue-advanced-cropper__stretcher { pointer-events: none; position: relative; max-width: 100%; max-height: 100%; }
.vue-advanced-cropper__image { user-select: none; position: absolute; transform-origin: center center; max-width: none !important; }
.vue-advanced-cropper__background, .vue-advanced-cropper__foreground { opacity: 1; background: black; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }
.vue-advanced-cropper__foreground { opacity: 0.5; }
.vue-advanced-cropper__boundaries { opacity: 1; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; }
.vue-advanced-cropper__cropper-wrapper { width: 100%; height: 100%; }
.vue-advanced-cropper__image-wrapper { overflow: hidden; position: absolute; width: 100%; height: 100%; }
.vue-advanced-cropper__stencil-wrapper { position: absolute; }
.vue-handler-wrapper { position: absolute; transform: translate(-50%, -50%); width: 30px; height: 30px; }
.vue-handler-wrapper__draggable { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.vue-handler-wrapper--west-north { cursor: nw-resize; }
.vue-handler-wrapper--north { cursor: n-resize; }
.vue-handler-wrapper--east-north { cursor: ne-resize; }
.vue-handler-wrapper--east { cursor: e-resize; }
.vue-handler-wrapper--east-south { cursor: se-resize; }
.vue-handler-wrapper--south { cursor: s-resize; }
.vue-handler-wrapper--west-south { cursor: sw-resize; }
.vue-handler-wrapper--west { cursor: w-resize; }
.vue-handler-wrapper--disabled { cursor: auto; }
.vue-line-wrapper { background: none; position: absolute; display: flex; align-items: center; justify-content: center; }
.vue-line-wrapper--north, .vue-line-wrapper--south { height: 12px; width: 100%; left: 0px; transform: translateY(-50%); }
.vue-line-wrapper--north { top: 0px; cursor: n-resize; }
.vue-line-wrapper--south { top: 100%; cursor: s-resize; }
.vue-line-wrapper--east, .vue-line-wrapper--west { width: 12px; height: 100%; transform: translate(-50%); top: 0px; }
.vue-line-wrapper--east { left: 100%; cursor: e-resize; }
.vue-line-wrapper--west { left: 0px; cursor: w-resize; }
.vue-line-wrapper--disabled { cursor: auto; }
.vue-bounding-box { position: relative; height: 100%; width: 100%; }
.vue-bounding-box__handler { position: absolute; }
.vue-bounding-box__handler--west-north { left: 0px; top: 0px; }
.vue-bounding-box__handler--north { left: 50%; top: 0px; }
.vue-bounding-box__handler--east-north { left: 100%; top: 0px; }
.vue-bounding-box__handler--east { left: 100%; top: 50%; }
.vue-bounding-box__handler--east-south { left: 100%; top: 100%; }
.vue-bounding-box__handler--south { left: 50%; top: 100%; }
.vue-bounding-box__handler--west-south { left: 0px; top: 100%; }
.vue-bounding-box__handler--west { left: 0px; top: 50%; }
.vue-draggable-area { position: relative; }
.vue-preview-result { overflow: hidden; box-sizing: border-box; position: absolute; height: 100%; width: 100%; }
.vue-preview-result__wrapper { position: absolute; }
.vue-preview-result__image { pointer-events: none; position: relative; user-select: none; transform-origin: center center; max-width: none !important; }
.vue-simple-handler { display: block; background: white; height: 10px; width: 10px; }
.vue-simple-line { background: none; transition: border 0.5s; border-color: rgba(255, 255, 255, 0.3); border-width: 0px; border-style: solid; }
.vue-simple-line--south, .vue-simple-line--north { height: 0px; width: 100%; }
.vue-simple-line--east, .vue-simple-line--west { height: 100%; width: 0px; }
.vue-simple-line--east { border-right-width: 1px; }
.vue-simple-line--west { border-left-width: 1px; }
.vue-simple-line--south { border-bottom-width: 1px; }
.vue-simple-line--north { border-top-width: 1px; }
.vue-simple-line--hover { opacity: 1; border-color: rgb(255, 255, 255); }
.vue-preview { overflow: hidden; box-sizing: border-box; position: relative; }
.vue-preview--fill { width: 100%; height: 100%; position: absolute; }
.vue-preview__wrapper { position: absolute; height: 100%; width: 100%; }
.vue-preview__image { pointer-events: none; position: absolute; user-select: none; transform-origin: center center; max-width: none !important; }
.vue-rectangle-stencil { position: absolute; height: 100%; width: 100%; box-sizing: border-box; }
.vue-rectangle-stencil__preview { position: absolute; width: 100%; height: 100%; }
.vue-rectangle-stencil--movable { cursor: move; }
.vue-circle-stencil { position: absolute; height: 100%; width: 100%; box-sizing: content-box; cursor: move; }
.vue-circle-stencil__preview { border-radius: 50%; position: absolute; width: 100%; height: 100%; }
.vue-circle-stencil--movable { cursor: move; }
.oc-create-material-crop-wrapper .oc-create-material-upload-image-tab { margin-bottom: 16px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools { height: 400px; display: flex; align-items: flex-start; justify-content: space-between; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-cropper { background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; width: 100%; height: 400px; overflow: hidden; border-radius: 8px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-cropper-multiple { width: 580px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list { height: 400px; overflow: hidden auto; margin-left: 16px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list .oc-create-material-crop-tools-list-item { margin-bottom: 8px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list .oc-create-material-crop-tools-list-item:last-child { margin-bottom: 0px; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list .oc-create-material-crop-tools-list-item .oc-media-thumb-container { height: 90px !important; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list .oc-create-material-crop-tools-list-item-select { position: relative; }
.oc-create-material-crop-wrapper .oc-create-material-crop-tools .oc-create-material-crop-tools-list .oc-create-material-crop-tools-list-item-select::after { content: ""; width: 160px; height: 90px; box-sizing: border-box; border: 2px solid rgb(0, 87, 255); border-radius: 4px; position: absolute; left: 0px; top: 0px; }
.create-vue-advanced-cropper-background { background: transparent; }
.create-material-crop-footer { display: flex; align-items: center; justify-content: flex-end; }
.create-material-crop-footer .oc-button-wrap { margin-left: 16px; }
.oc-create-material-crop-tip { margin-bottom: 16px; }
.oc-create-material-card-wrapper { display: inline-block; transition: 0.5s; }
.oc-create-material-card-wrapper .oc-create-material-card-content { position: relative; border-radius: 8px; border: 1px solid rgb(222, 224, 227); }
.oc-create-material-card-wrapper .oc-create-material-card-disabled-mask-horizontal { z-index: 2; position: absolute; inset: -2px; background-color: rgb(251, 252, 252); border-radius: 8px; opacity: 0.5; }
.oc-create-material-card-wrapper .oc-create-material-card-disabled-mask-horizontal:hover { cursor: not-allowed; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show { width: 100%; height: 100%; border-radius: 8px; position: relative; background: rgb(242, 244, 247); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-data { width: 100%; height: 100%; border-radius: 6px; position: relative; overflow: hidden; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-top { position: absolute; top: 2px; left: 2px; right: 2px; z-index: 2; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-top .oc-create-material-card-top-tag { display: flex; gap: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-top .oc-create-material-card-top-tag .ovui-tag--default-fill { background-color: rgba(50, 51, 53, 0.6); backdrop-filter: blur(2px); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 3; font-size: 12px; color: rgb(49, 52, 59); overflow: hidden; border-radius: 0px 0px 6px 6px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-bottom-tag { margin: 0px 4px 4px; display: flex; justify-content: flex-end; gap: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-bottom-tag-horizontal { display: flex; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-bottom-tag-horizontal .ovui-tag--default-fill { background-color: transparent; text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-bottom-tag-playtime .oc-tag:last-child { flex-shrink: 0; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-audit, .oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tip { margin: 0px 4px 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab { display: flex; flex-wrap: nowrap; height: 24px; width: 100%; background: rgb(242, 244, 247); box-shadow: rgba(0, 0, 0, 0.06) 0px -7px 10px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item { position: relative; display: flex; flex: 1 1 0%; align-items: center; justify-content: center; height: 100%; cursor: pointer; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item:hover { color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item::after { content: ""; height: 16px; width: 1px; background: rgb(222, 224, 227); position: absolute; right: 0px; top: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item:last-child::after { display: none; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item-disabled { color: rgb(185, 188, 195); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-tab .oc-create-material-card-tab-item-disabled:hover { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-aweme-info { display: flex; align-items: center; height: 26px; padding: 0px 7px; background: rgba(26, 26, 27, 0.5); color: rgb(255, 255, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-aweme-info .oc-create-material-card-aweme-info-avatar { width: 16px; height: 16px; margin-right: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom .oc-create-material-card-aweme-info .oc-create-material-card-aweme-info-avatar .oc-create-material-card-aweme-info-avatar-img { width: 16px; height: 16px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-bottom-mask { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; border-radius: 0px 0px 8px 8px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 100%); height: 52px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__wrapper { margin: 0px !important; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-checkbox, .oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-radio { position: absolute; z-index: 2; top: 2px; right: 2px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner { border-color: rgb(222, 224, 227); border-width: 2px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner:hover { border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-top-right { position: absolute; top: 0px; right: 0px; z-index: 3; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-select-top-right-select { right: 20px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-close { display: none; position: absolute; right: -8px; top: -8px; color: rgb(147, 150, 157); z-index: 3; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-close .oc-create-material-card-close-icon { border-radius: 50%; background: rgb(255, 255, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-disabled-mask { z-index: 2; position: absolute; inset: -2px; background-color: rgb(222, 224, 227); border-radius: 8px; opacity: 0.5; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-disabled-mask:hover { cursor: not-allowed; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-play { position: absolute; color: rgb(255, 255, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-player { position: absolute; inset: 0px; z-index: 1; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-img { overflow: hidden; border-radius: 6px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-img .oc-create-material-card-content-show-img-container { height: 100%; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-img-media { overflow: hidden; height: 100%; border-radius: 8px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-img-media .oc-media-thumb-container { height: 100% !important; margin-left: -2px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .oc-create-material-card-content-show-img-media-horizontal .oc-media-thumb-container { margin-left: 0px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .group-img-container__list { display: flex; flex-wrap: wrap-reverse; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90px; width: 100%; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .group-img-container__list .group-img-container__list__item { width: 26px; height: 26px; margin: 0px 2px 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .group-img-container__list_4 { max-width: 60px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-show .group-img-container__list_3 { flex-wrap: wrap-reverse; }
.oc-create-material-card-wrapper .oc-create-material-card-select { border: 1px solid rgb(222, 224, 227); }
.oc-create-material-card-wrapper .oc-create-material-card-select:hover { border-color: rgb(0, 87, 255); cursor: pointer; }
.oc-create-material-card-wrapper .oc-create-material-card-selected { border-color: rgb(0, 87, 255); border-width: 1.5px; }
.oc-create-material-card-wrapper .oc-create-material-card-selected .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-wrapper .oc-create-material-card-selected .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner { background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-closable:hover { border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal { display: flex; gap: 8px; padding: 8px; position: relative; border: 1px solid rgb(222, 224, 227); }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-close { display: none; position: absolute; right: -8px; top: -8px; color: rgb(147, 150, 157); z-index: 3; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-close .oc-create-material-card-close-icon { border-radius: 50%; background: rgb(255, 255, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data { width: calc(100% - 100px); display: flex; flex-direction: column; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-select-checkbox .ovui-checkbox__inner:hover { border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-name { display: flex; gap: 8px; justify-content: space-between; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-name .oc-create-material-card-select-checkbox { margin-left: auto; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-tags { display: flex; gap: 4px; margin-top: 4px; flex-wrap: wrap; align-items: center; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-tags-item, .oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-tags-popover { display: flex; gap: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-metric { display: flex; gap: 4px; margin-top: auto; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-metric .oc-create-material-card-horizontal-data-metric-item { flex: 1 1 0%; }
.oc-create-material-card-wrapper .oc-create-material-card-horizontal .oc-create-material-card-horizontal-data .oc-create-material-card-horizontal-data-tabs { display: flex; gap: 8px; margin-top: auto; }
.oc-create-material-card-wrapper .oc-create-material-card-selected { border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-selected .oc-create-material-card-horizontal-data .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-wrapper .oc-create-material-card-selected .oc-create-material-card-horizontal-data .oc-create-material-card-select-radio .ovui-radio__inner { background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-material-card-wrapper .oc-create-material-card-name { margin-top: 8px; }
.oc-create-material-card-wrapper .oc-create-material-card-sub { display: flex; justify-content: space-between; align-items: flex-start; }
.oc-create-material-card-wrapper .oc-create-material-card-sub .oc-create-material-card-sub-text { display: flex; flex-direction: column; }
.oc-create-material-card-wrapper .oc-create-material-card-aweme-bottom { display: flex; align-items: center; margin-top: 2px; }
.oc-create-material-card-wrapper .oc-create-material-card-aweme-bottom .oc-create-material-card-aweme-bottom-avatar { width: 16px; height: 16px; margin-right: 4px; }
.oc-create-material-card-wrapper .oc-create-material-card-aweme-bottom .oc-create-material-card-aweme-bottom-avatar .oc-create-material-card-aweme-bottom-avatar-img { width: 16px; height: 16px; }
.oc-create-material-card-wrapper .oc-create-material-card-count-info { display: flex; align-items: center; justify-content: flex-start; margin-top: 2px; }
.oc-create-material-card-wrapper .oc-create-material-card-count-info .oc-create-material-card-count-info-item { margin-right: 8px; }
.oc-create-material-card-wrapper .oc-create-material-card-count-info .oc-create-material-card-count-info-icon-wrap { display: flex; align-items: center; margin-right: 2px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-carousel { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 6px; }
.oc-create-material-card-wrapper .oc-create-material-card-content-carousel .oc-audio-player { position: absolute; right: 12px; bottom: 22px; z-index: 10000; }
.oc-create-material-card-wrapper:hover .oc-create-material-card-content-show .oc-create-material-card-close, .oc-create-material-card-wrapper:hover .oc-create-material-card-horizontal .oc-create-material-card-close { display: block; }
.oc-create-material-card-disabled .ovui-tag--default-fill { opacity: 0.5; }
.oc-create-material-card-disabled .oc-create-material-card-select, .oc-create-material-card-disabled .oc-create-material-card-select .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-disabled .oc-create-material-card-select .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner, .oc-create-material-card-disabled .oc-create-material-card-select:hover, .oc-create-material-card-disabled .oc-create-material-card-select:hover .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-disabled .oc-create-material-card-select:hover .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner { border-color: rgb(222, 224, 227); }
.oc-create-material-card-disabled .oc-create-material-card-selected { border-color: rgb(0, 87, 255); }
.oc-create-material-card-disabled .oc-create-material-card-selected .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-disabled .oc-create-material-card-selected .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner { background: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-material-card-disabled .oc-create-material-card-selected:hover { border-color: rgb(0, 87, 255); }
.oc-create-material-card-disabled .oc-create-material-card-selected:hover .oc-create-material-card-content-show .oc-create-material-card-select-checkbox .ovui-checkbox__inner, .oc-create-material-card-disabled .oc-create-material-card-selected:hover .oc-create-material-card-content-show .oc-create-material-card-select-radio .ovui-radio__inner { background: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.oc-create-material-card-account-info { display: flex; align-items: center; height: 18px; gap: 4px; margin-top: 4px; }
.oc-create-material-card-account-info .oc-create-material-card-account-info-avatar { flex-shrink: 0; }
.oc-material-card-resize { transform: scale(1.5); }
.oc-material-card-resize-zindex { z-index: 99; position: relative; }
.oc-material-card-video-popover { line-height: 0; border-radius: 8px; overflow: hidden; padding: 0px !important; }
.create-material-list { display: flex; flex-direction: column; height: 100%; }
.create-material-list .create-material-list-filter-container { background: rgb(255, 255, 255); border-radius: 16px; padding: 24px; margin-bottom: 16px; }
.create-material-list .create-material-list-before-filter, .create-material-list .create-material-list-after-filter { padding-bottom: 16px; }
.create-material-list .create-material-list-rolling-load-wrapper { background: rgb(255, 255, 255); border-radius: 16px; padding: 24px 0px 24px 24px; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-right: 24px; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header .create-material-list-card-header-main { display: flex; align-items: center; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header .create-material-list-card-header-slot { flex: 1 1 0%; margin-right: 8px; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header .create-material-list-card-header-count { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; line-height: 22px; color: rgb(147, 150, 157); margin-right: 8px; flex: 1 1 0%; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header .create-material-list-sort { display: flex; margin-left: auto; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-header-sort-text { float: left; margin-right: 8px; line-height: 32px !important; }
.create-material-list .create-material-list-rolling-load-wrapper .create-material-list-card-container-body { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 16px; }
.create-material-list .create-material-list-rolling-load-wrapper .oc-rolling-load__empty { height: 100% !important; }
.create-material-list .create-material-list-pagination-list { position: relative; }
.create-material-list .create-material-list-pagination-list .create-material-list-pagination-list-content { overflow: auto; }
.create-material-list .create-material-list-pagination-list .create-material-list-pagination-list-content .create-material-list-card-container-body { height: 1px; }
.create-material-list .create-material-list-pagination-list .create-material-list-pagination-list-content .create-material-list-pagination-list-content-empty { height: 100%; display: flex; align-items: center; justify-content: center; }
.create-material-list .create-material-list-pagination-list .create-material-list-pagination-list-pagination { padding-top: 12px; margin-right: 14px; display: flex; justify-content: flex-end; }
.create-material-list .create-material-list-scroll-content { position: relative; flex: 1 1 0%; }
.create-material-list-flex { display: flex; flex-direction: column; }
.create-material-list-flex-auto { flex: 1 1 0%; }
.oc-create-material-lib-body .oc-create-material-submit-bar-wrapper { padding: 0px; }
.oc-create-material-lib-body .oc-material-lib-upload-card { height: 100%; }
.oc-create-material-lib-body .oc-material-lib-upload-card-wrapper { height: 100%; overflow: auto; }
.oc-create-material-selected-wrapper .oc-create-material-selected-drag { display: flex; flex-wrap: wrap; gap: 16px; }
.oc-create-material-submit-bar-wrapper { height: 64px; padding: 0px; background: rgb(255, 255, 255); display: flex; justify-content: space-between; align-items: center; width: 100%; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left { height: 100%; overflow: hidden; flex: 1 1 0%; display: flex; justify-content: flex-start; align-items: center; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-count { font-size: 14px; color: rgb(49, 52, 59); margin-right: 5px; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list-wrapper { position: relative; height: 100%; margin-right: 10px; padding-right: 10px; flex: 1 1 0%; overflow: hidden; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn-wrapper { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 24px; height: 100%; z-index: 2; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn-wrapper-left { left: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn-wrapper-right { right: 10px; background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; color: rgb(147, 150, 157); transition: color 0.2s; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn:hover { color: rgb(49, 52, 59); }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-scroll-btn-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list { height: 100%; line-height: 0; font-size: 0px; display: flex; align-items: center; justify-content: flex-start; flex: 1 1 0%; overflow-x: auto; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list .oc-create-material-submit-bar-list-item { position: relative; margin-right: 12px; background: rgb(222, 224, 227); border-radius: 8px; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list .oc-create-material-submit-bar-list-item:hover .oc-create-material-submit-bar-list-item-icon { display: block; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list .oc-create-material-submit-bar-list-item .oc-create-material-submit-bar-list-item-icon { position: absolute; color: rgb(147, 150, 157); top: -5px; right: -6px; display: block; z-index: 1; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-left .oc-create-material-submit-bar-list .oc-create-material-submit-bar-list-item .oc-create-material-submit-bar-list-item-icon:hover { cursor: pointer; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-list-hide-scroll-bar { scroll-behavior: smooth; scrollbar-width: none; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-list-hide-scroll-bar::-webkit-scrollbar { display: none; }
.oc-create-material-submit-bar-wrapper .oc-create-material-submit-bar-btn-group .oc-button-wrap { margin-left: 16px; }
.oc-create-material-submit-bar-list-img { width: 24px; height: 42px; object-fit: contain; border-radius: 2px; }
.oc-create-material-upload-audio-wrapper .oc-create-material-upload-audio-tab { margin-bottom: 16px; }
.oc-create-material-upload-audio-wrapper .oc-create-material-upload-audio-select { margin-bottom: 24px; }
.oc-create-material-upload-image-wrapper .oc-create-material-upload-image-tab { margin-bottom: 16px; }
.oc-create-material-upload-image-wrapper .oc-create-material-upload-image-select { margin-bottom: 24px; }
.oc-create-material-upload-image-wrapper .oc-create-material-upload-image-filter-tabs, .oc-create-material-upload-video-wrapper .oc-create-material-upload-video-tab { margin-bottom: 16px; }
.oc-create-material-upload-video-wrapper .oc-create-material-upload-video-select { margin-bottom: 24px; }
.oc-create-material-upload-video-wrapper .oc-create-material-upload-video-filter-tabs { margin-bottom: 16px; }
.create-more-wrapper-rolling-load { height: auto !important; }
.create-more-wrapper-msg { margin-top: 8px; }
.create-more-wrapper-header { display: flex; justify-content: space-between; }
.create-more-wrapper-header__text { font-size: 14px; display: flex; height: 22px; align-items: center; }
.create-more-wrapper-header__text-span { color: rgb(49, 52, 59); font-weight: 500; }
.create-more-wrapper-header__text-popover { margin-left: 4px; }
.create-more-wrapper-header-left { display: flex; align-items: center; }
.create-more-wrapper-header-right { display: flex; }
.create-more-wrapper-header-right__button + .create-more-wrapper-header-right__button { margin-left: 8px; }
.create-more-wrapper-search-icon { color: rgb(147, 150, 157); }
.create-more-wrapper-info { display: flex; flex-wrap: wrap; margin-top: 8px; }
.create-more-wrapper-info-item { display: flex; color: rgb(98, 101, 108); line-height: 22px; }
.create-more-wrapper-info span { font-size: 14px; line-height: 22px; color: rgb(98, 101, 108); }
.create-more-wrapper-info-item__fast-delete:hover { background: rgb(198, 223, 255); border-radius: 2px; color: rgb(0, 87, 255); cursor: pointer; }
.create-more-wrapper-info-item__fast-delete:hover .create-more-wrapper-info-item__search-key { background: rgb(198, 223, 255); color: rgb(0, 87, 255); }
.create-more-wrapper-info-item__fast-delete-btn:hover { cursor: pointer; color: rgb(0, 87, 255); }
.create-more-wrapper-info-item__search-key { background: rgb(232, 244, 255); border-radius: 2px; }
.create-more-wrapper-info-disabled .create-more-wrapper-info-item span { color: rgb(185, 188, 195); }
.create-more-wrapper-info-disabled .create-more-wrapper-info-item__fast-delete:hover { color: rgb(185, 188, 195); background: none; cursor: not-allowed; }
.create-more-wrapper-autocomplere { margin-top: 8px; max-width: 544px; }
.create-more-wrapper-autocomplere__popper .ovui-auto-complete-option { padding: 0px; }
.create-more-wrapper-autocomplere__popper-span { margin-left: 8px; }
.create-more-wrapper-autocomplere__popper-span__search-key { color: rgb(0, 87, 255); font-weight: 600; }
.create-more-wrapper-autocomplere__popper-option { width: 100%; padding: 6px 12px; display: flex; }
div + .create-more-wrapper-collapse { margin-top: 8px; }
.create-more-wrapper-collapse-open .oc-collapse__container:not(:empty) { margin-bottom: 8px; }
.oc-create-num-info { width: 272px; }
.oc-create-num-info .oc-title + .content-wrapper { padding-top: 8px; }
.oc-create-num-info .content-wrapper { justify-content: space-between; flex-wrap: wrap; align-items: center; display: inline-flex; }
.oc-create-num-info .content-wrapper .create-num-info-item { margin-bottom: 16px; }
.oc-create-num-info .content-wrapper .no-margin-bottom { margin-bottom: 0px; }
.oc-create-preview { position: relative; width: 272px; display: flex; flex-direction: column; }
.oc-create-preview__title { display: flex; height: 24px; align-items: center; justify-content: space-between; }
.oc-create-preview__content { width: 100%; }
.oc-create-preview__content-header { padding-bottom: 12px; }
.oc-create-preview__content-app { position: relative; }
.oc-create-preview__content-app .ovui-tabs__nav::before { display: none; }
.oc-create-preview__content-app .ovui-tabs__tab { margin-right: 16px; padding: 0px; }
.oc-create-preview__content-app .ovui-tabs__tab:nth-last-child(2) { margin-right: 0px; }
.oc-create-preview__content-app .ovui-tabs__angle-left { padding-right: 8px; margin-top: -8px; }
.oc-create-preview__content-app .ovui-tabs__angle-right { padding-left: 8px; margin-top: -8px; }
.oc-create-preview__content-app .oc-create-preview__tab-change { padding-bottom: 12px; }
.oc-create-preview__content-app .tab-item { min-width: 32px; height: 43px; cursor: pointer; position: relative; }
.oc-create-preview__content-app .tab-item::after { position: absolute; width: 16px; height: 2px; left: 50%; bottom: 0px; margin-left: -8px; background: rgb(0, 87, 255); border-radius: 20px; content: ""; display: none; }
.oc-create-preview__content-app .tab-item .app-image { width: 32px; height: 32px; opacity: 0.4; border-radius: 6px; transition: opacity 0.3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; }
.oc-create-preview__content-app .tab-item.active::after { display: block; }
.oc-create-preview__content-app .tab-item.active .app-image { opacity: 1; }
.oc-create-preview__content-wrapper, .oc-create-preview__content-empty { width: 100%; height: 484px; border-radius: 8px; overflow: hidden; position: relative; }
.oc-create-preview__content-wrapper-main { height: 100%; width: 100%; position: relative; background-size: 100% 100%; }
.oc-create-preview__content-wrapper-main .ad-flex { display: flex; align-items: center; }
.oc-create-preview__content-wrapper-main .bg { cursor: pointer; position: absolute; height: 100%; width: 100%; z-index: 2; background-size: 100% 100%; }
.oc-create-preview__content-wrapper-main .contaniner { width: 100%; height: 100%; background-color: rgb(102, 102, 102); }
.oc-create-preview__content-wrapper-main .small-text { zoom: 0.8; font-size: 12px; display: flex; justify-content: center; margin-top: 1px; }
.oc-create-preview__content-wrapper-main .aweme-avatar { position: absolute; width: 36px; height: 36px; z-index: 2; right: 4px; top: 192px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); line-height: 48px; font-size: 24px; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.oc-create-preview__content-wrapper-main .aweme-avatar img { width: 100%; height: 100%; display: block; }
.oc-create-preview__content-wrapper-main .promotion-info { color: rgb(255, 255, 255); }
.oc-create-preview__content-wrapper-main .ad-logo { padding: 0px 5px; display: flex; align-items: center; justify-content: center; height: 14px; color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.08); border-radius: 2px; margin-left: 4px; flex: 0 0 auto; }
.oc-create-preview__content-wrapper-main .ad-logo::after { content: "广告"; font-size: 12px; zoom: 0.833333; }
.oc-create-preview__content-wrapper-main .ad-logo.dark { background: rgba(22, 24, 35, 0.05); color: rgba(22, 24, 35, 0.6); }
.oc-create-preview .oc-typography { display: -webkit-inline-box !important; }
.oc-create-preview-fade-enter-active, .oc-create-preview-fade-leave-active { transition: opacity 0.3s ease-in-out; }
.oc-create-preview-fade-enter-from, .oc-create-preview-fade-leave-to { opacity: 0; }
.oc-create-preview-fade-enter-to, .oc-create-preview-fade-leave-from { opacity: 1; }
.oc-create-product-card { width: 100%; height: 100%; display: flex; border-radius: 8px; background: rgb(245, 247, 250); box-sizing: border-box; overflow: hidden; }
.oc-create-product-card .oc-create-product-card-image { margin: 8px 0px 8px 8px; }
.oc-create-product-card .oc-create-product-card-image .ovui-image { height: 100%; display: block; }
.oc-create-product-card .oc-create-product-card-image .ovui-image .ovui-image__img-container { height: 100%; }
.oc-create-product-card .oc-create-product-card-image .ovui-image .ovui-image__img-container .ovui-image__img { height: 100%; object-fit: contain; }
.oc-create-product-card .oc-create-product-card-media-wrapper { padding: 8px 0px 8px 8px; }
.oc-create-product-card .oc-create-product-card-content { padding: 8px 0px; display: flex; flex-direction: column; justify-content: center; flex: 1 1 0%; margin-left: 8px; margin-right: auto; }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-top .oc-create-product-card-content-title-link { color: rgb(0, 87, 255); }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-top .oc-create-product-card-content-title-link:hover { color: rgb(46, 123, 255); }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-top .oc-typography-value-int { vertical-align: middle; line-height: 1px; }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-tag { display: inline-flex; justify-content: center; gap: 3px; margin-right: 4px; font-weight: 400; }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-middle-content-tag { justify-content: left; margin: 4px 0px; }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-detail { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: end; }
.oc-create-product-card .oc-create-product-card-content .oc-create-product-card-content-detail .oc-create-product-card-content-detail-item { display: flex; align-items: center; justify-content: flex-start; }
.oc-create-product-card .oc-create-product-card-right { width: 28px; margin-left: 4px; }
.oc-create-product-card .oc-create-product-card-right .oc-create-product-card-right-checkbox { margin-top: 8px; }
.oc-create-product-card .oc-create-product-card-right-block { width: 8px; }
.oc-create-product-card-fill .oc-create-product-card-image { background-color: rgb(255, 255, 255); }
.oc-create-product-card-disabled { background: rgba(248, 248, 249, 0.5); border-color: rgba(248, 248, 249, 0.5); }
.oc-create-product-card-disabled .oc-create-product-card-image { opacity: 0.5; }
.oc-create-product-card-selectable { border: 1px solid rgb(185, 188, 195); background-color: rgb(255, 255, 255); }
.oc-create-product-card-selectable:hover { cursor: pointer; border-color: rgb(0, 87, 255); }
.oc-create-product-card-selectable.oc-create-product-card-disabled, .oc-create-product-card-selectable.oc-create-product-card-disabled:hover { border-color: rgb(242, 244, 247); cursor: not-allowed; }
.oc-create-product-card-selected { border-color: rgb(0, 87, 255); }
.oc-create-product-card-selected-disabled { border-color: rgb(186, 218, 255); }
.create-product-add-wrapper .create-product-add-tip { margin-bottom: 8px; }
.create-product-add-wrapper .create-product-add-empty { display: flex; align-items: center; justify-content: center; height: 80px; background: rgb(242, 244, 247); color: rgb(98, 101, 108); font-size: 14px; border-radius: 8px; }
.create-product-add-wrapper .create-product-add-empty .create-product-add-empty-icon { margin-right: 5px; }
.create-product-add-wrapper .create-product-add-empty .create-product-add-right-top { display: block; position: absolute; right: -6px; top: -6px; color: rgb(147, 150, 157); cursor: pointer; }
.create-product-add-wrapper .create-product-add-empty:hover { background: rgb(232, 234, 237); color: rgb(0, 87, 255); cursor: pointer; }
.create-product-add-wrapper .create-product-add-empty-disabled, .create-product-add-wrapper .create-product-add-empty-disabled:hover { background: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.create-product-add-wrapper .create-product-add-empty-error, .create-product-add-wrapper .create-product-add-empty-error:hover { background: rgb(253, 242, 242); }
.create-product-add-wrapper .create-product-add-single { position: relative; }
.create-product-add-wrapper .create-product-add-multiple .create-product-add-multiple-add { display: flex; justify-content: flex-start; align-items: center; }
.create-product-add-wrapper .create-product-add-multiple .create-product-add-multiple-add .create-product-add-multiple-add-text { color: rgb(98, 101, 108); font-size: 14px; margin-left: 8px; }
.create-product-add-wrapper .create-product-add-multiple .create-product-add-multiple-add .oc-over-count { color: rgb(227, 73, 73); }
.create-product-add-wrapper .create-product-add-empty-slot { margin-top: 16px; }
.create-product-add-group-list { margin-top: 3px; padding-top: 13px; }
.create-product-add-group-list .create-product-add-group-list-content { box-sizing: border-box; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.create-product-add-group-list-scroll { overflow-y: auto; max-height: 615px; }
.create-product-add-group-list-scroll .create-product-add-group-list-content { padding-right: 7px; }
.oc-phone-preview-wrap { padding: 12px; height: 100%; width: 100%; position: fixed; inset: 0px; z-index: 9999; background: rgba(0, 0, 0, 0.4); }
.oc-phone-preview-wrap .oc-iframe-preview { position: absolute; width: 320px; height: 662px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: 100% 100%; border: 14px solid white; }
.oc-phone-preview-wrap_close { position: absolute; top: 20px; right: 20px; color: rgba(26, 26, 27, 0.5); cursor: pointer; }
.oc-create-product-img-add-button { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); border-radius: 8px; width: 50px; height: 50px; }
.oc-create-product-img-add-button:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; cursor: pointer; }
.oc-create-product-img-add-button:hover .oc-create-product-img-add-text { color: rgb(0, 87, 255); }
.oc-create-product-img-add-button-disabled { background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); color: rgb(185, 188, 195); }
.oc-create-product-img-add-button-disabled:hover { cursor: not-allowed; color: rgb(185, 188, 195); }
.oc-create-product-img-spliter { width: 1px; background-color: rgb(222, 224, 227); position: absolute; right: -4.5px; top: 0px; bottom: 0px; }
.oc-create-product-img-add-text { font-size: 14px; line-height: 20px; color: rgb(49, 52, 59); margin-top: 8px; }
.oc-create-product-img-add-text-disabled { color: rgb(185, 188, 195); }
.oc-create-product-img-list { display: flex; line-height: 0; }
.oc-create-product-img-list-space { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.oc-create-product-img-list-item { font-size: inherit; width: 50px; height: 50px; position: relative; }
.oc-create-product-img-submit-bar-img { width: 32px !important; height: 32px !important; }
.oc-create-video-list { height: 100%; width: 100%; }
.oc-create-video-list-top { display: flex; justify-content: space-between; flex-wrap: wrap; }
.oc-create-video-list-top-title, .oc-create-video-list-top-filter, .oc-create-video-list-top-checkbox { margin-bottom: 16px; }
.oc-create-video-list-top-title-box { display: inline-flex; align-items: center; justify-content: space-between; }
.oc-create-video-list-top-title { margin-right: 16px; }
.oc-create-video-list-pagination-list-content { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 16px; }
.oc-create-video-list-pagination-list { position: relative; }
.oc-create-video-list-pagination-list-content { overflow: auto; }
.oc-create-video-list-pagination-list-content-empty { height: 100%; display: flex; align-items: center; justify-content: center; }
.oc-create-video-list-pagination-list-pagination { padding-top: 16px; display: flex; justify-content: flex-end; }
.oc-create-video-list .ovui-page-select { margin-right: 0px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container { display: flex; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container .oc-create-promotion-card-change-btn { margin-left: 12px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item { border-radius: 8px; display: flex; align-items: center; width: 248px; background: rgb(242, 244, 247); padding: 6px; position: relative; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item.hover:hover { cursor: pointer; outline: rgb(0, 87, 255) solid 1px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item.hover:hover .oc-create-promotion-card-close-btn { display: block; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item .oc-create-promotion-card-close-btn { display: none; position: absolute; top: -10px; right: -10px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item .oc-create-promotion-card-item-img { flex-shrink: 0; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item .oc-create-promotion-card-item-info { flex: 1 1 0%; margin: 0px 12px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-item .oc-create-promotion-card-item-btn { flex-shrink: 0; width: 64px; height: 24px; line-height: 24px; text-align: center; border-radius: 2px; color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; background: rgb(237, 80, 133); }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container-simple { position: relative; height: 32px; width: 432px; border-radius: 4px; background: rgb(242, 244, 247); }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container-simple-content { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0px 8px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container-simple .oc-create-promotion-card-close-btn { position: absolute; display: none; top: -10px; right: -10px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-empty-btn { margin-right: 8px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container-simple-del:hover { cursor: pointer; outline: rgb(0, 87, 255) solid 1px; }
.oc-create-promotion-card-wrapper .oc-create-promotion-card-container-simple-del:hover .oc-create-promotion-card-close-btn { display: block; }
.oc-create-product-tabs-container { position: relative; width: 100%; }
.oc-create-product-tabs-container .oc-create-product-tabs-inner { width: 100%; }
.oc-create-product-tabs-container .oc-create-product-tabs-inner.product-tabs-inner-fixed { background: rgb(255, 255, 255); padding-top: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-pre-block { position: absolute; width: 50px; height: 50px; cursor: pointer; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 44.6%, rgba(255, 255, 255, 0) 100%); z-index: 1; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-pre-block .oc-create-product-tabs-container-circle { position: absolute; left: 0px; top: 50%; margin-top: -12px; border-radius: 50%; width: 24px; height: 24px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-pre-block .oc-create-product-tabs-container-circle iconpark-icon { color: rgb(49, 52, 59); margin-left: 4px; margin-top: 4px; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-pre-block-no-selectable { background: linear-gradient(90deg, rgb(242, 244, 247) 0%, rgb(242, 244, 247) 44.6%, rgba(255, 255, 255, 0) 100%); }
.oc-create-product-tabs-container .oc-create-product-tabs-container-pre-block-no-selectable .oc-create-product-tabs-container-circle { background-color: rgb(255, 255, 255); }
.oc-create-product-tabs-container .oc-create-product-tabs-container-next-block { cursor: pointer; position: absolute; right: 0px; width: 50px; height: 50px; background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 44.6%, rgba(255, 255, 255, 0) 100%); z-index: 1; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-next-block .oc-create-product-tabs-container-circle { position: absolute; right: 0px; top: 50%; margin-top: -12px; border-radius: 50%; width: 24px; height: 24px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-next-block .oc-create-product-tabs-container-circle iconpark-icon { color: rgb(49, 52, 59); margin-left: 4px; margin-top: 4px; }
.oc-create-product-tabs-container .oc-create-product-tabs-container-next-block-no-selectable { background: linear-gradient(270deg, rgb(242, 244, 247) 0%, rgb(242, 244, 247) 44.6%, rgba(255, 255, 255, 0) 100%); }
.oc-create-product-tabs-container .oc-create-product-tabs-container-next-block-no-selectable .oc-create-product-tabs-container-circle { background-color: rgb(255, 255, 255); }
.oc-create-product-tabs-container .oc-create-product-tabs { display: flex; height: 59px; overflow-x: scroll; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.oc-create-product-tabs-container .oc-create-product-tabs .bg { border-radius: 8px; height: 49px; background: rgb(255, 255, 255); width: 100%; left: 0px; top: 0px; position: absolute; }
.oc-create-product-tabs-container .oc-create-product-tabs .oc-create-product-tabs-container-panel-block { height: 46px; }
.oc-create-product-tabs-container .oc-create-product-tabs .oc-create-product-tabs-container-panel-block:last-child .panel { margin-right: 0px; }
.oc-create-product-tabs-container .oc-create-product-tabs::-webkit-scrollbar { display: none; }
.oc-create-range-num-info { width: 272px; }
.oc-create-range-num-info .oc-title + .content-wrapper { padding-top: 8px; }
.oc-create-range-num-info-item + .oc-create-range-num-info-item { margin-top: 8px; }
.oc-create-recommend-tag-under-wrapper { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: 14px; gap: 0px 8px; }
.oc-create-recommend-tag-under-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.oc-create-recommend-tag-under-tags .oc-tag .ovui-tag { cursor: pointer; }
.oc-create-range-picker .date-picker-wrapper { display: flex; align-items: center; }
.oc-create-red-packet-card { min-width: 318px; height: 212px; position: relative; overflow: hidden; }
.oc-create-red-packet-card .oc-create-red-packet-card-border { border: 3.5px solid rgb(255, 92, 100); border-radius: 12px; position: absolute; inset: 0px; z-index: 0; }
.oc-create-red-packet-card .oc-create-red-packet-card-header { position: absolute; left: 0px; right: 0px; overflow: hidden; height: 72px; z-index: 1; }
.oc-create-red-packet-card .oc-create-red-packet-card-header .oc-create-red-packet-card-header-bg { width: 100%; height: 100%; border-radius: 12px 12px 0px 0px; }
.oc-create-red-packet-card .oc-create-red-packet-card-header .oc-create-red-packet-card-header-data { position: absolute; inset: 0px; padding: 10px 16px; }
.oc-create-red-packet-card .oc-create-red-packet-card-header .oc-create-red-packet-card-header-data .oc-create-red-packet-card-header-data-title { color: rgb(255, 255, 255); display: flex; align-items: center; }
.oc-create-red-packet-card .oc-create-red-packet-card-header .oc-create-red-packet-card-header-data .oc-create-red-packet-card-header-data-title .oc-create-red-packet-card-header-data-title-tag { margin-right: 4px; display: flex; align-items: center; gap: 4px; }
.oc-create-red-packet-card .oc-create-red-packet-card-header .oc-create-red-packet-card-header-data .oc-create-red-packet-card-header-data-info { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; color: rgb(255, 255, 255); }
.oc-create-red-packet-card .oc-create-red-packet-card-content { margin-top: 72px; height: 84px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: rgb(255, 64, 95); position: relative; z-index: 1; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top { display: flex; align-items: center; justify-content: center; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-title-text { font-size: 12px; align-self: end; margin-bottom: 5px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-unit { font-size: 14px; font-weight: bolder; margin: 4px 4px -4px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-value { margin-bottom: 4px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-value .oc-promotion-metric-card-number-val { font-size: 26px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-value .oc-promotion-metric-card-number-tail { font-size: 14px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-top .oc-create-red-packet-card-content-tag-list { margin-left: 4px; margin-bottom: -4px; display: flex; gap: 4px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-desc { font-size: 12px; color: rgb(147, 150, 157); margin-top: 4px; }
.oc-create-red-packet-card .oc-create-red-packet-card-content .oc-create-red-packet-card-content-icon { position: absolute; width: 64px; height: 64px; right: 12px; top: 5px; }
.oc-create-red-packet-card .oc-create-red-packet-card-bottom { margin: 0px 16px; padding: 8px 0px; border-top: 1px dashed rgba(255, 68, 80, 0.2); position: relative; z-index: 1; }
.oc-create-red-packet-card .oc-create-red-packet-card-bottom .oc-create-red-packet-card-bottom-data { display: flex; align-items: center; justify-content: space-between; }
.oc-create-red-packet-card-gray .oc-create-red-packet-card-border { border-color: rgb(185, 188, 195); }
.oc-create-red-packet-card-gray .oc-create-red-packet-card-content { color: rgb(147, 150, 157); }
.oc-create-red-packet-card-gray .oc-create-red-packet-card-bottom { border-color: rgb(222, 224, 227); }
.oc-create-red-packet-card-orange .oc-create-red-packet-card-border { border-color: rgb(255, 145, 90); }
.oc-create-red-packet-card-orange .oc-create-red-packet-card-content { color: rgb(255, 95, 64); }
.oc-create-red-packet-card-orange .oc-create-red-packet-card-bottom { border-color: rgba(255, 68, 80, 0.2); }
.oc-create-red-packet-card-auto-height { height: auto; }
.oc-create-red-packet-card-auto-height .oc-create-red-packet-card-header { position: relative; }
.oc-create-red-packet-card-auto-height .oc-create-red-packet-card-content { padding: 20px 0px; margin-top: 0px; height: auto; }
.oc-create-red-packet-line { min-width: 350px; height: 78px; position: relative; overflow: hidden; display: flex; }
.oc-create-red-packet-line .oc-create-red-packet-line-border { border: 2px solid rgb(255, 55, 87); border-radius: 12px; position: absolute; inset: 0px; z-index: 0; background: rgb(255, 255, 255); }
.oc-create-red-packet-line .oc-create-red-packet-line-left { width: 144px; z-index: 1; position: relative; }
.oc-create-red-packet-line .oc-create-red-packet-line-left .oc-create-red-packet-line-left-bg { width: 100%; height: 100%; border-radius: 12px 0px 0px 12px; }
.oc-create-red-packet-line .oc-create-red-packet-line-left .oc-create-red-packet-line-left-content { margin-right: 20px; position: absolute; z-index: 10; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.oc-create-red-packet-line .oc-create-red-packet-line-left .oc-create-red-packet-line-left-content .oc-create-red-packet-line-left-title { display: flex; align-items: flex-end; justify-content: center; color: rgb(255, 255, 255); }
.oc-create-red-packet-line .oc-create-red-packet-line-left .oc-create-red-packet-line-left-content .oc-create-red-packet-line-left-desc { color: rgb(255, 255, 255); font-size: 12px; }
.oc-create-red-packet-line .oc-create-red-packet-line-right { display: flex; flex-direction: column; justify-content: center; flex: 1 1 0%; z-index: 5; }
.oc-create-red-packet-line .oc-create-red-packet-line-right .oc-create-red-packet-line-right-title { margin-bottom: 4px; font-size: 14px; }
.oc-create-red-packet-line .oc-create-red-packet-line-right .oc-create-red-packet-line-right-title .oc-create-red-packet-line-right-title-num { color: rgb(49, 52, 59); font-size: 20px; font-style: oblique; font-family: OC-OPPOSans-Bold; margin-right: 4px; }
.oc-create-red-packet-line-pink .oc-create-red-packet-line-border { border-color: rgba(227, 73, 73, 0.2); }
.oc-create-red-packet-line-orange .oc-create-red-packet-line-border { border-color: rgb(255, 145, 90); }
.oc-create-red-packet-line-red .oc-create-red-packet-line-border { border-color: rgb(255, 55, 87); }
.oc-create-red-packet-line-auto-height { height: auto; }
.oc-create-select-condition { width: 544px; border-radius: 8px; border: 1px solid rgb(222, 224, 227); margin-top: -8px; }
.oc-create-select-condition-body { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0px 12px 12px; margin-top: 12px; }
.oc-create-select-condition-item { display: flex; align-items: center; padding-bottom: 12px; }
.oc-create-select-condition-item-title, .oc-create-select-condition-item-rule { padding-right: 12px; }
.oc-create-select-condition-item-value { width: 188px; padding-right: 12px; }
.oc-create-select-condition-item-value-text { display: flex; height: 34px; justify-content: space-between; align-items: center; padding: 6px 12px; font-weight: 400; font-size: 14px; background: rgb(242, 244, 247); border-radius: 8px; }
.oc-create-select-condition-item-value-text-disabled { background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.oc-create-select-condition-item-value-text-tip { color: rgb(147, 150, 157); }
.oc-create-select-condition-item-value-text-tip-disabled { color: rgb(185, 188, 195); }
.oc-create-select-condition-item-value-text-select { color: rgb(49, 52, 59); }
.oc-create-select-condition-item-value-text-set { color: rgb(0, 87, 255); }
.oc-create-select-condition-item-value-input { height: 34px; }
.oc-create-select-condition-item-remove-icon { cursor: pointer; color: rgb(147, 150, 157); }
.oc-create-select-condition-item-remove-icon:hover { color: rgb(0, 87, 255); }
.oc-create-select-condition-item-remove-icon:active { color: rgb(0, 63, 210); }
.oc-create-select-condition-header { display: flex; justify-content: space-between; height: 38px; padding: 8px 12px 0px; background: rgb(242, 244, 247); border-bottom: 1px solid rgb(222, 224, 227); border-top-left-radius: 8px; border-top-right-radius: 8px; }
.oc-create-select-ies-tag-wrapper { display: flex; gap: 4px; }
.oc-create-select-ies-desc-wrapper { display: flex; align-items: center; flex-direction: row; margin-top: 2px; }
.oc-create-select-ies-desc-wrapper .oc-key-value { margin: 0px 12px 0px 0px; width: var(--descOptionsWidth); }
.oc-create-select-ies-desc-wrapper .oc-key-value:last-child { margin-right: 0px; }
.oc-create-select-gear { padding: 12px; }
.oc-create-select-gear-title { display: flex; justify-content: space-between; align-items: center; height: 32px; }
.oc-create-select-gear-title-left { display: flex; align-items: center; }
.oc-create-select-gear-title-left-text { background: linear-gradient(133.49deg, rgb(50, 52, 57) -67.01%, rgb(18, 43, 89) 54.93%) text; -webkit-text-fill-color: transparent; padding-right: 2px; font-size: 14px; line-height: 32px; }
.oc-create-select-gear-title-left-text-popover { margin-left: 4px; }
div + .oc-create-select-gear-title-after { margin-top: 6px; }
div + .oc-create-select-gear-content { margin-top: 12px; }
.oc-create-select-gear-content { position: relative; display: flex; flex-direction: column; gap: 8px; }
.oc-create-select-gear-content-item { position: relative; display: flex; align-items: center; padding: 12px 16px; border-radius: 8px; border: 1px solid rgb(222, 224, 227); background: rgb(255, 255, 255); }
.oc-create-select-gear-content-item-radio { margin-right: 12px; }
.oc-create-select-gear-content-item-right-radio { flex-direction: row-reverse; justify-content: space-between; }
.oc-create-select-gear-content-item-right-radio .oc-create-select-gear-content-item-radio { margin-left: 12px; margin-right: 0px; }
.oc-create-select-gear-content-item-top-right-tag { position: absolute; right: -1px; top: -1px; }
.oc-create-select-gear-content-item-noradio { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(242, 244, 247); flex-direction: row; }
.oc-create-select-gear-content-item-noradio:hover { cursor: default !important; background-color: rgb(242, 245, 253); }
.oc-create-select-gear-content-item-noradio:hover .oc-create-select-gear-content-item-button-text { cursor: pointer; color: rgb(0, 87, 255); }
.oc-create-select-gear-content-item-noradio-disabled, .oc-create-select-gear-content-item-noradio-disabled:hover { background-color: rgb(245, 247, 250); }
.oc-create-select-gear-content-item-noradio-disabled:hover .oc-create-select-gear-content-item-button-text { cursor: not-allowed !important; color: rgb(185, 188, 195) !important; }
.oc-create-select-gear-content-item-active { border-color: rgb(0, 87, 255); }
.oc-create-select-gear-content-item-disabled { border-color: rgb(242, 244, 247); }
.oc-create-select-gear-content-item-disabled:hover { cursor: not-allowed !important; }
.oc-create-select-gear-content-item-active.oc-create-select-gear-content-item-disabled { border-color: rgb(186, 218, 255); }
.oc-create-select-gear-content-item:hover { cursor: pointer; }
.oc-create-select-gear-content-item-button-text { position: absolute; right: 16px; }
.oc-create-select-gear-content-item-button-text-disabled { color: rgb(185, 188, 195); }
.oc-create-select-package .oc-create-select-package-card { width: 544px; border: 1px solid rgb(222, 224, 227); border-radius: 8px; }
.oc-create-select-package .oc-create-select-package-card .oc-create-select-package-card-header { height: 34px; padding: 0px 12px; background-color: rgb(242, 244, 247); border-bottom: 1px solid rgb(222, 224, 227); border-top-left-radius: 8px; border-top-right-radius: 8px; color: rgb(49, 52, 59); display: flex; align-items: center; justify-content: space-between; }
.oc-create-select-package .oc-create-select-package-card .oc-create-select-package-card-content { padding: 16px; max-height: 218px; overflow: auto; }
.oc-create-select-package .oc-create-select-package-card .oc-create-select-package-card-content .oc-create-select-package-card-content-header { margin-bottom: 8px; }
.oc-create-select-package .oc-create-select-package-card .oc-create-select-package-card-content .oc-empty { height: 218px; }
.oc-create-select-placement .ovui-cascader-panel__selection-block { height: unset; }
.oc-create-select-placement .ovui-cascader-panel__list-wrapper { max-height: 272px; overflow-y: scroll; }
.oc-create-select-placement .create-select-placement-item { display: flex; }
.oc-create-select-placement .create-select-placement-item-img { width: 24px; height: 24px; margin-right: 8px; }
.oc-create-select-placement .create-select-placement-item-name .oc-typography-bold { font-weight: 400; }
.oc-create-text-render-audio { display: flex; position: relative; padding-right: 295px; overflow: hidden; }
.oc-create-text-render-audio-left { padding-right: 24px; border-right: 1px solid rgb(223, 224, 226); width: 457px; display: flex; flex-direction: column; gap: 24px; }
.oc-create-text-render-audio-left .oc-radio-group-plain .ovui-radio-group { row-gap: 4px; }
.oc-create-text-render-audio-right { position: absolute; right: 0px; top: 0px; overflow-y: auto; height: 100%; margin-left: 24px; width: 271px; }
.oc-create-text-render-audio-right-body { margin-top: 16px; height: calc(100% - 38px); }
.oc-create-text-render-audio-right-body:has(.oc-empty) { display: flex; align-items: center; }
.oc-create-text-render-audio-right-body .audio-card + .audio-card { margin-top: 16px; }
.oc-create-upload-select-wrapper { height: 240px; border: 1px dashed rgb(222, 224, 227); background: rgb(242, 244, 247); display: flex; justify-content: center; align-items: center; border-radius: 8px; position: relative; }
.oc-create-upload-select-wrapper:hover { cursor: pointer; }
.oc-create-upload-select-wrapper .oc-create-upload-select-desc .oc-create-upload-select-tip { display: flex; flex-flow: column; justify-content: center; }
.oc-create-upload-select-wrapper .oc-create-upload-select-desc .oc-create-upload-select-tip .oc-create-upload-select-upload-icon { color: rgb(98, 101, 108); margin-bottom: 8px; }
.oc-create-upload-select-wrapper .oc-create-upload-select-desc .oc-create-upload-select-tip .oc-create-upload-select-upload-text { margin-bottom: 8px; display: flex; align-items: center; justify-content: center; }
.oc-create-upload-select-wrapper .oc-create-upload-select-loading { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.oc-create-upload-select-wrapper .oc-create-upload-select-loading .oc-create-upload-select-loading-icon { margin-bottom: 8px; }
.oc-create-upload-select-wrapper-disabled { background: rgb(245, 247, 250); }
.oc-create-upload-table-wrapper .ovui-tr:hover .oc-promotion-operation-action-item { color: rgb(0, 87, 255); }
.oc-batch-upload-text-modal .tips-link { margin-bottom: 12px; }
.oc-batch-upload-text-modal-inline-button { display: flex; margin: 8px 12px 8px 16px; justify-content: space-between; align-items: center; }
.oc-batch-upload-text-modal-footer { display: flex; justify-content: space-between; align-items: center; gap: 0px 8px; }
.oc-batch-upload-text-modal-footer-error-list { max-height: 50px; overflow-y: auto; flex: 1 1 0%; }
.oc-batch-upload-text-modal-footer-button { display: flex; justify-content: flex-end; }
.oc-batch-upload-text-modal-footer-button .oc-button-wrap:nth-of-type(1) { margin-right: 8px; }
.oc-batch-upload-text-modal-footer-error-list .error-valid-tip { color: rgb(227, 73, 73); font-size: 12px; }
.oc-batch-upload-text-modal-footer-error-list .error-lines { font-size: 12px; color: rgb(0, 87, 255); }
.oc-batch-upload-text-modal-footer-error-list .error-lines span { cursor: pointer; }
.oc-batch-upload-text-modal-footer-error-list .error-lines span::after { display: inline-block; content: "，"; }
.oc-batch-upload-text-modal-footer-error-list .error-lines span:nth-last-child(1)::after { display: none; }
.oc-create-word-tag-click-div { height: 100%; position: relative; width: 80px; margin-left: 12px; cursor: pointer; }
.oc-create-word-tag-click-div::before { content: ""; width: 1px; height: 16px; background: rgb(222, 224, 227); position: absolute; left: -12px; top: 3px; }
.oc-create-word-tag-click { width: 0px; height: 100%; white-space: nowrap; position: relative; left: -90px; font-size: 14px; color: rgb(49, 52, 59); z-index: 10; cursor: pointer; }
.oc-create-word-tag-enter { margin-left: 8px; }
.oc-create-word-tag-click-disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-create-word-tag-suggest { margin-left: 8px; }
.oc-create-word-tag-panel-info, .oc-create-word-tag-panel { margin-top: 8px; }
.oc-create-word-tag-suggest-list .oc-create-word-tag-suggest-list-title { font-size: 14px; color: rgb(147, 150, 157); padding-left: 12px; line-height: 34px; }
.oc-create-word-tag-suggest-list .ovui-list { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-create-word-tag-suggest-list .ovui-list .ovui-list__header { display: none; }
.oc-create-word-tag-suggest-list .ovui-list .ovui-list__body-scroller { max-height: 192px; height: auto; }
.oc-create-word-tag-suggest-list .oc-create-word-tag-suggest-empty { padding: 20px 0px; }
.oc-create-word-tag-suggest-popper { padding: 6px 0px; }
.recommend-title-select-modal-tabs { margin: 24px 0px; }
.oc-recommend-title-select-modal-footer { display: flex; justify-content: space-between; align-items: center; }
.oc-recommend-title-select-modal-footer .num { font-size: 14px; color: rgb(49, 52, 59); }
.oc-recommend-title-select-modal-footer-button { display: flex; justify-content: flex-end; }
.oc-recommend-title-select-modal-footer-button .oc-button-wrap:nth-of-type(1) { margin-right: 8px; }
.recommend-title-filter { position: relative; }
.recommend-title-filter-select { position: absolute; top: 0px; right: 0px; }
.oc-general-cascader-pop-filter-panel .ovui-cascader-panel__main--border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-general-cascader-panel-filter { margin-bottom: 8px; }
.oc-general-cascader-filter-input { padding: 12px; border-bottom: 1px solid rgb(222, 224, 227); margin-bottom: 0px; }
.oc-general-cascader-panel-title { font-size: 14px; color: rgb(49, 52, 59); font-weight: bolder; line-height: 38px; padding-left: 12px; }
.creative-title-input { width: 554px; }
.oc-creative-title-group { width: 567px; }
.oc-creative-title-group .top-operation { display: flex; align-items: center; }
.oc-creative-title-group .top-operation button { margin-right: 8px; }
.oc-creative-title-group .top-operation .total-add { font-weight: 400; font-size: 14px; line-height: 22px; color: rgb(102, 102, 102); }
.oc-creative-title-group .creative-title-group-content { overflow: auto; scrollbar-width: none; padding: 2px; margin: -2px -2px 6px; }
.oc-creative-title-group .creative-title-group-content::-webkit-scrollbar { display: none; }
.oc-creative-title-group .creative-title-item { position: relative; margin-bottom: 8px; }
.oc-creative-title-group .creative-title-item__delete { position: absolute; cursor: pointer; color: rgb(147, 150, 157); right: 0px; display: flex; top: 8px; }
.oc-creative-title-group .creative-title-item__delete:hover { color: rgb(0, 87, 255); }
.oc-creative-title-group .creative-title-item__delete-disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-creative-title-group .creative-title-item__delete-disabled:hover { color: rgb(185, 188, 195); }
.oc-creative-title-group .creative-title-item__prefix-tag-box { display: flex; gap: 4px; align-items: center; margin-right: 4px; }
.oc-creative-title-group .creative-title-item:last-child { margin-bottom: 0px; }
.oc-creative-title-group .creative-title-group-error-message-group { width: 544px; padding-top: 4px; }
.oc-creative-title-group .creative-title-group-error-message-group .creative-title-group-error-message { margin-top: 4px; }
.oc-general-multi-level-cascader { width: 980px; }
.oc-general-multi-level-cascader-show-border { padding: 24px; border-radius: 0px 0px 4px 4px; border-right: 1px solid rgb(223, 224, 226); border-bottom: 1px solid rgb(223, 224, 226); border-left: 1px solid rgb(223, 224, 226); }
.oc-general-multi-level-cascader-content { gap: 8px; flex-shrink: 0; }
.oc-general-multi-level-cascader-content-select { display: flex; }
.oc-general-multi-level-cascader-content-select-left { width: 686px; margin-right: 8px; }
.oc-general-multi-level-cascader-content-select-right-item { background-color: rgb(244, 244, 245); margin: 8px 12px 0px; border-radius: 4px; padding: 2px 16px; position: relative; color: rgb(150, 154, 160); display: flex; align-items: center; justify-content: space-between; gap: 8px 0px; }
.oc-general-multi-level-cascader-content-select-right-item-img { height: 32px; width: 32px; border-radius: 50%; }
.oc-general-multi-level-cascader-content-select-right-item-close { cursor: pointer; }
.oc-general-multi-level-cascader-content-search { margin-bottom: 8px; }
.oc-general-multi-level-cascader-content-search-batch { margin-left: 16px; }
.oc-message-content { height: 100%; overflow-y: auto; padding: 24px; box-sizing: border-box; background: rgb(255, 255, 255); position: relative; }
.oc-message-content__title { font-weight: 600; font-size: 20px; line-height: 28px; color: rgb(49, 52, 59); margin-bottom: 4px; }
.oc-message-content__create-time { font-size: 14px; line-height: 22px; color: rgb(147, 150, 157); }
.oc-message-content__detail { font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); margin-top: 24px; }
.oc-message-content__detail a { color: rgb(0, 87, 255); text-decoration: none; }
.oc-message-content__detail a:hover { color: rgb(46, 123, 255); }
.oc-message-layout { position: relative; display: flex; width: 100%; height: 100%; background: rgb(255, 255, 255); border-radius: 12px; }
.oc-message-layout__message-list-container { width: 476px; border-right: 1px solid rgb(232, 234, 237); flex: 0 0 auto; }
.oc-message-layout__message-content-container { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; min-height: 0px; }
.oc-message-layout__footer { flex: 0 0 auto; height: 65px; border-top: 1px solid rgb(232, 234, 237); }
.oc-message-drawer.oc-message-drawer__with-footer .message-drawer__pagination { bottom: 114px; }
.oc-message-drawer__header { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: -2px; }
.oc-message-drawer__message-content { border-radius: 12px; }
.oc-message-drawer__pagination { width: 226px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: rgb(255, 255, 255); position: absolute; bottom: 50px; left: 50%; transform: translate(-50%); border: 1px solid rgb(242, 244, 247); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px; border-radius: 4px; }
.oc-message-drawer__pagination-button .ovui-button.ovui-button--md { min-width: 0px; width: 68px; }
.oc-message-drawer__pagination-indicator { flex: 0 0 auto; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); }
.oc-material-per-second-view-chart_selector_wrapper { align-items: center; display: flex; margin-bottom: 16px; }
.oc-material-per-second-view-chart_chart_wrapper { position: relative; width: auto; padding: 0px; margin: 0px; border-width: 0px; cursor: auto; }
.oc-material-per-second-view-chart_chart_wrapper .progress { position: absolute; top: 0px; left: 0px; bottom: 20px; pointer-events: none; border-right: 1px solid rgb(46, 123, 255); background: linear-gradient(270deg, rgba(42, 85, 229, 0.1) 0%, rgba(42, 85, 229, 0) 100%); }
.oc-material-per-second-view-chart_chart_wrapper .progress-btn { position: absolute; width: 62px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 4px; line-height: 18px; padding: 2px 8px; font-weight: 600; font-size: 12px; transform: translate(-50%); cursor: grabbing; display: flex; justify-content: center; align-items: center; }
.oc-material-per-second-view-chart_chart_wrapper .progress-btn .btn-wrapper { display: flex; justify-content: center; align-items: center; text-align: center; line-height: 18px; }
.oc-material-per-second-view-chart_chart_wrapper .progress-btn .btn-wrapper .i-icon { display: block; height: 14px; margin-right: 4px; }
.oc-message-list { display: flex; flex-direction: column; padding: 0px 12px; }
.oc-message-list__read-all-button { flex: 0 0 auto; margin: 24px 0px 12px 24px; }
.navigator { min-width: 1280px; height: 64px; top: 0px; text-align: left; display: flex; }
.navigator .navigator-left { height: 100%; position: relative; text-align: left; display: inline-flex; }
.navigator .navigator-left-menu { margin-left: 12px; display: inline-flex; }
.navigator .navigator-left-menu .menu-arrow-bg-right { right: -2px; top: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }
.navigator .navigator-left-menu .menu-arrow-bg-left { box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px; margin-left: -2px; }
.navigator .navigator-left-menu .menu-arrow-bg-left, .navigator .navigator-left-menu .menu-arrow-bg-right { color: rgb(147, 150, 157); position: absolute; width: 24px; height: 24px; margin-top: 20px; z-index: 20001; flex-shrink: 0; border-radius: 999px; }
.navigator .navigator-left-menu .menu-arrow-bg-left .menu-arrow-right, .navigator .navigator-left-menu .menu-arrow-bg-right .menu-arrow-right { margin: 7px 8px; }
.navigator .navigator-left-menu .menu-arrow-bg-left .menu-arrow-left, .navigator .navigator-left-menu .menu-arrow-bg-right .menu-arrow-left { margin: 7px; }
.navigator .menu-arrow:hover, .navigator .menu-arrow-bg-left:hover, .navigator .menu-arrow-bg-right:hover { cursor: pointer; color: rgb(0, 87, 255); z-index: 20004; }
.navigator-logo { padding-left: 24px; display: inline-flex; align-items: center; cursor: pointer; height: 100%; }
.navigator-logo .logo { height: 40px; }
.navigator .navigator-right { display: flex; position: absolute; flex-wrap: nowrap; height: 100%; align-items: center; right: 0px; top: 0px; }
.navigator .navigator-right .navigator-right-tool { display: flex; }
.navigator .navigator-right .navigator-right-line { width: 1px; height: 20px; margin-left: 16px; margin-right: 16px; }
.navigator-entrance { justify-content: center; margin-left: 8px; margin-right: 24px; cursor: pointer; }
.nav-right-tool-default .navigator-right-line { background: rgb(185, 188, 195); }
.nav-right-tool-transparent .navigator-right-line { background: rgba(255, 255, 255, 0.5); }
.nav-transparent { background: transparent; }
.nav-white { background: white; }
.nav-absolute { position: absolute; }
.nav-relative { position: relative; }
.nav-fixed { position: fixed; }
.nav-empty-drop { margin-top: 11px; max-height: none; }
.nav-empty-drop .empty-dropdown-content { border-radius: 12px; background: rgb(255, 255, 255); }
.navigator-dropdown-wrapper { position: relative; }
.navigator-dropdown-wrapper .tag-number { position: absolute; top: -2px; left: 16px; margin: 0px; color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); min-width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 8px; font-size: 12px; padding: 0px 4px; }
.navigator-dropdown-wrapper .tag-number__text { transform: scale(0.8); display: inline-block; }
.navigator-dropdown-wrapper .tag-red { position: absolute; top: 6px; left: 24px; margin-left: 2px; background-color: rgb(227, 73, 73); width: 6px; height: 6px; border-radius: 8px; }
.navigator-dropdown-wrapper .dropdown-button { display: inline-block; width: 32px; height: 32px; border-radius: 8px; padding: 6px; cursor: pointer; }
.navigator-dropdown-pop { margin-top: 11px; border-radius: 12px; background: rgb(255, 255, 255); max-height: none; padding: 8px 0px; color: rgb(49, 52, 59); font-size: 14px; }
.navigator-dropdown-pop .oc-dropdown-item-text { width: 100%; display: inline-block; text-align: center; }
.navigator-dropdown-pop .oc-dropdown-item-text .oc-typography-color-inherit { display: inline-block; text-align: center; }
.navigator-dropdown-pop .oc-dropdown-item { padding: 3px 4px; font-size: 14px; text-align: center; }
.navigator-dropdown-pop .oc-dropdown-content-footer { margin: 8px 16px 0px; text-align: center; }
.navigator-dropdown-pop .navigator-dropdown-header { display: flex; height: 48px; padding: 7px 16px 13px; border-bottom: 1px solid rgb(242, 244, 247); justify-content: space-between; align-items: center; }
.navigator-dropdown-pop .navigator-dropdown-header .navigator-dropdown-header-left { display: flex; }
.navigator-dropdown-pop .navigator-dropdown-header .dropdown-title { color: rgb(49, 52, 59); font-size: 14px; font-weight: bolder; }
.navigator-dropdown-pop .navigator-dropdown-header .dropdown-subtitle { margin-left: 8px; color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; line-height: 18px; display: flex; align-items: center; }
.navigator-dropdown-pop .navigator-dropdown-header .drop-message-footer-setting { color: rgb(0, 87, 255); right: 16px; cursor: pointer; position: absolute; }
.navigator-dropdown-pop .dropdown-message-footer { height: 40px; border-top: 1px solid rgb(242, 244, 247); justify-content: space-between; align-items: center; display: flex; padding: 8px 16px 0px; }
.navigator-dropdown-pop .dropdown-message-footer .drop-message-footer-all { color: rgb(0, 87, 255); left: 16px; line-height: 22px; position: absolute; cursor: pointer; }
.navigator-dropdown-pop .dropdown-message-footer .drop-message-footer-ignore { color: rgb(0, 87, 255); line-height: 22px; right: 16px; cursor: pointer; position: absolute; }
.navigator-pop { margin-top: 11px; padding: 8px 16px; }
.nav-message-title-drop { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 4px; }
.navigator-dropdown-header-left .ovui-button--text { color: rgb(49, 52, 59) !important; font-weight: bolder !important; }
.nav-message-title-drop-content { display: block; }
.nav-message-title-drop-content .nav-message-title-drop-item { padding: 6px 12px; height: 34px; }
.nav-message-title-drop-content .nav-message-title-drop-item:hover { cursor: pointer; background: rgb(242, 244, 247); }
.navigator-dropdown-button-default { color: rgb(147, 150, 157); }
.navigator-dropdown-button-default:hover { background-color: rgba(42, 85, 229, 0.08); }
.navigator-dropdown-button-transparent { color: rgb(255, 255, 255); opacity: 0.5; }
.navigator-dropdown-button-transparent:hover { background-color: rgba(255, 255, 255, 0.5); }
.navigator-account { width: 280px; cursor: pointer; padding: 8px 16px; background-color: rgb(255, 255, 255); }
.navigator-account .icon-copy { color: rgb(147, 150, 157); display: none; }
.navigator-account .icon-copy:hover, .navigator-account .icon-check { color: rgb(0, 87, 255); }
.navigator-account:hover { background-color: rgb(242, 244, 247); border-radius: 8px; }
.navigator-account:hover .icon-copy { display: flex; }
.navigator-account .default-avatar { line-height: 30px; text-align: center; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); width: 30px; height: 30px; border-radius: 50%; }
.navigator-account .oc-item-group-prefix, .navigator-account .oc-item-group-suffix { align-self: center; }
.navigator-list-message { position: relative; width: 560px; }
.navigator-list-message-empty .oc-empty { height: 100%; }
.navigator-list-message-body { overflow: auto; }
.navigator-list-message-body .isRollingLoad { max-height: none; }
.navigator-list-message-list { padding-top: 8px; }
.navigator-list-message-spin-text { font-size: 12px; margin-left: 4px; align-items: center; color: rgb(0, 87, 255); display: flex; }
.navigator-list-message-item-content { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; margin-top: 8px; }
.navigator-list-message-item { padding: 8px 16px; }
.navigator-list-message-item .item-title-content { display: flex; align-content: space-between; }
.navigator-list-message-item .item-title-content-left { display: flex; }
.navigator-list-message-item .item-title-content-date { margin-left: auto; color: rgb(147, 150, 157); font-size: 12px; flex: 0 0 auto; line-height: 18px; }
.navigator-list-message-item .item-title-content .text { flex: 1 1 0%; }
.navigator-list-message-item:hover { background-color: rgb(242, 244, 247); cursor: pointer; }
.navigator-list-message-item:hover .text { color: rgb(0, 87, 255); }
.navigator-list-message-item:hover .oc-item-group-content-title .oc-typography-type-text { font-size: 14px; font-weight: bolder; color: rgb(0, 87, 255); }
.navigator-list-message-item .text:hover { color: rgb(0, 87, 255); }
.navigator-list-message-item .tag { display: inline; }
.navigator-list-message-item .read-status { display: flex; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background-color: rgb(227, 73, 73); }
.navigator-list-message-item .ovui-tag { padding: 0px 4px; }
.navigator-list-message-item .oc-item-group-description { pointer-events: none; margin-top: 8px; padding-left: 10px; }
.navigator-list-message-item .oc-item-group-content-title .oc-typography-type-text { font-size: 14px; font-weight: bolder; }
.navigator-list-message-item .oc-item-group-content-title .oc-typography-type-text:hover { color: rgb(0, 87, 255); }
.navigator-list-message-item .date { color: rgb(147, 150, 157); font-size: 12px; margin: 0px 0px 0px 8px; }
.navigator-list-message-item.read .oc-item-group-content-title .oc-typography-type-text { font-weight: 400; }
.navigator-list-message-item.read .read-status { background-color: rgb(222, 224, 227); }
.navigator-tabs { padding: 16px 16px 8px; background-color: rgb(255, 255, 255); display: flex; }
.navigator-tabs-list { margin-right: 16px; padding-right: 16px; border-right: 1px solid rgb(242, 244, 247); }
.navigator-tabs-list .navigator-tab { padding: 4px 8px; border-radius: 8px; font-size: 14px; line-height: 22px; margin-bottom: 4px; cursor: pointer; }
.navigator-tabs-list .navigator-tab:nth-last-child(1) { margin-bottom: 0px; }
.navigator-tabs-list .navigator-tab-active { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); }
.navigator-user-button { width: 261px; border-radius: 34px; padding: 4px 8px; }
.navigator-user-button .oc-item-group-suffix { margin-left: 0px; }
.navigator-user-button .down-arrow { transition: 0.1s; }
.navigator-user-pop { width: 400px; }
.navigator-user-pop .back { padding: 9px 16px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-user-pop .back-button { display: flex; align-items: center; cursor: pointer; }
.navigator-user-pop .back-button-span { margin-left: 2px; }
.navigator-user-pop .account-diver { height: 1px; width: 100%; background: rgb(223, 224, 226); }
.navigator-user-pop .current-account { padding: 16px 12px 16px 16px; }
.navigator-user-pop .current-account-info { margin-top: 10px; }
.navigator-user-pop .setting-list { margin: 0px; padding: 8px 0px; list-style: none; }
.navigator-user-pop .setting-list-item { display: flex; align-items: center; justify-content: space-between; padding: 9px 16px; cursor: pointer; }
.navigator-user-pop .setting-list-item-content { display: flex; align-items: center; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-user-pop .setting-list-item .icon-check { color: rgb(0, 87, 255); }
.navigator-user-pop .setting-list-item .item-icon { margin-right: 4px; height: 16px; }
.navigator-user-pop .setting-list-item:hover { background-color: rgb(242, 244, 247); }
.navigator-user:hover .down-arrow { transform: rotate(180deg); }
.navigator-user-dropdown { max-height: none; border-radius: 12px; padding: 0px; margin-top: 3px; }
.navigator-user-transparent .down-arrow { color: rgba(255, 255, 255, 0.8); }
.navigator-user-transparent .navigator-user-button:hover { background: rgba(255, 255, 255, 0.1); }
.navigator-user-default .down-arrow { color: rgb(147, 150, 157); }
.navigator-user-default .navigator-user-button:hover { background: rgba(42, 85, 229, 0.08); }
.oc-feedback { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.4); overflow: hidden; background: rgb(255, 255, 255); position: relative; }
.oc-feedback-bg-icon { position: absolute; top: 0px; right: 0px; transform: rotate(-40deg) translate(20px, -10px); }
.oc-feedback-info { background: linear-gradient(90deg, rgb(229, 242, 255) 0%, rgb(191, 223, 255) 100%); }
.oc-feedback-info-light { background: linear-gradient(rgb(229, 242, 255) 0%, rgba(232, 240, 255, 0) 100%); }
.oc-feedback-warning { background: linear-gradient(90deg, rgb(255, 244, 228) 0%, rgb(255, 229, 161) 100%); }
.oc-feedback-warning-light { background: linear-gradient(rgb(255, 245, 208) 0%, rgba(255, 245, 208, 0) 100%); }
.oc-feedback-error { background: linear-gradient(90deg, rgb(255, 237, 227) 0%, rgb(255, 195, 195) 100%); }
.oc-feedback-error-light { background: linear-gradient(rgb(253, 242, 242) 0%, rgba(253, 242, 242, 0) 100%); }
.oc-feedback-header { margin-bottom: 16px; display: flex; align-items: center; }
.oc-feedback-header-wrapper { margin-left: 12px; }
.oc-feedback-header-title-text { font-size: 16px; font-weight: 600; color: rgb(49, 52, 59); line-height: 24px; margin-right: 8px; }
.oc-feedback-header-title-num { font-size: 26px; font-weight: 700; line-height: 22px; font-family: OC-Number-Bold; margin-right: 3px; }
.oc-feedback-header-title-num-info, .oc-feedback-header-title-num-info-light { color: rgb(0, 87, 255); }
.oc-feedback-header-title-num-warning, .oc-feedback-header-title-num-warning-light { color: rgb(235, 150, 23); }
.oc-feedback-header-title-num-error, .oc-feedback-header-title-num-error-light { color: rgb(227, 73, 73); }
.oc-feedback-header-title-suffix { color: rgb(16, 16, 17); font-size: 14px; line-height: 22px; }
.oc-feedback-header-auxiliary { margin-top: 4px; color: rgb(98, 101, 108); font-size: 12px; line-height: 22px; }
.oc-feedback-suggest { width: 100%; border-radius: 12px; opacity: 1; z-index: 2; position: relative; background-color: rgb(255, 255, 255); padding: 16px; }
.oc-feedback-suggest-title { display: flex; justify-content: space-between; margin-bottom: 8px; }
.oc-feedback-suggest-title-left { font-size: 14px; font-weight: 600; color: rgb(49, 52, 59); line-height: 22px; display: flex; align-items: center; }
.oc-feedback-suggest-title-left-icon { margin-right: 4px; }
.oc-feedback-suggest-title-right { font-size: 12px; color: rgb(98, 101, 108); line-height: 18px; display: flex; align-items: center; }
.oc-guide-modal-wrap-white-close .ovui-modal__close-icon { color: rgb(255, 255, 255) !important; }
.oc-guide-modal-wrap-white-close .ovui-modal__close-icon:hover { color: rgb(0, 87, 255) !important; cursor: pointer; }
.oc-guide-modal-wrap .ovui-modal { max-height: 640px; display: flex; flex-direction: column; border-radius: 16px; }
.oc-guide-modal-wrap .ovui-modal .ovui-modal__close-icon { color: rgb(147, 150, 157); }
.oc-guide-modal-wrap .ovui-modal .ovui-modal__close-icon:hover { color: rgb(0, 87, 255); cursor: pointer; }
.oc-guide-modal-wrap-header { display: flex; align-items: center; justify-content: center; }
.oc-guide-modal-wrap-body { display: flex; flex-direction: column; overflow: auto; }
.oc-guide-modal-wrap-body-box + .oc-guide-modal-wrap-body-text { margin-top: 12px; }
.oc-guide-modal-wrap-body-box-image { border-radius: 12px 12px 0px 0px; }
.oc-guide-modal-wrap-body-box-image-radius { border-radius: 12px; }
.oc-guide-modal-wrap-body-box-video-player .oc-video-player { border-radius: 12px 12px 0px 0px; }
.oc-guide-modal-wrap-body-box-video-player-radius .oc-video-player { border-radius: 12px; }
.oc-guide-modal-wrap-body-text { display: flex; justify-content: center; overflow: auto; flex: 1 1 0%; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-guide-modal-wrap-body-nopadding { padding: 0px; }
.oc-guide-modal-wrap-footer { display: flex; align-items: center; justify-content: center; gap: 16px; }
.oc-quick-operation { width: 100%; }
.oc-quick-operation-wrapper { display: flex; align-items: center; width: 100%; background-color: rgb(255, 255, 255); border-radius: 12px; padding: 16px 0px 16px 24px; }
.oc-quick-operation-wrapper > :not(:last-child) { margin-right: 40px; }
.oc-quick-operation-wrapper-item { display: flex; align-items: center; }
.oc-quick-operation-wrapper-item-name { margin-left: 4px; }
.oc-quick-operation-wrapper-primary { color: rgb(98, 101, 108); }
.oc-quick-operation-wrapper-primary-icon { color: rgb(0, 87, 255); }
.oc-quick-operation-wrapper-primary-popover { margin-left: 4px; color: rgb(147, 150, 157); }
.oc-quick-operation-wrapper-primary-value { margin: 0px 4px 0px 8px; color: rgb(0, 87, 255); }
.oc-quick-operation-wrapper-primary-clickable:hover, .oc-quick-operation-wrapper-primary-clickable:hover .oc-quick-operation-wrapper-primary-popover { color: rgb(0, 87, 255); }
.oc-quick-operation-wrapper-primary-clickable:active, .oc-quick-operation-wrapper-primary-clickable:active .oc-quick-operation-wrapper-primary-icon, .oc-quick-operation-wrapper-primary-clickable:active .oc-quick-operation-wrapper-primary-value, .oc-quick-operation-wrapper-primary-clickable:active .oc-quick-operation-wrapper-primary-popover { color: rgb(0, 63, 210); }
.oc-quick-operation .oc-quick-operation-wrapper-primary-popover:hover { color: rgb(0, 87, 255); }
.oc-quick-operation .oc-quick-operation-wrapper-primary-popover:active { color: rgb(0, 63, 210); }
.oc-quick-operation-wrapper-danger { color: rgb(98, 101, 108); }
.oc-quick-operation-wrapper-danger-icon { color: rgb(227, 73, 73); }
.oc-quick-operation-wrapper-danger-popover { margin-left: 4px; color: rgb(147, 150, 157); }
.oc-quick-operation-wrapper-danger-value { margin: 0px 4px 0px 8px; color: rgb(227, 73, 73); }
.oc-quick-operation-wrapper-danger-clickable:hover, .oc-quick-operation-wrapper-danger-clickable:hover .oc-quick-operation-wrapper-danger-popover { color: rgb(227, 73, 73); }
.oc-quick-operation-wrapper-danger-clickable:active, .oc-quick-operation-wrapper-danger-clickable:active .oc-quick-operation-wrapper-danger-icon, .oc-quick-operation-wrapper-danger-clickable:active .oc-quick-operation-wrapper-danger-value, .oc-quick-operation-wrapper-danger-clickable:active .oc-quick-operation-wrapper-danger-popover { color: rgb(199, 16, 35); }
.oc-quick-operation .oc-quick-operation-wrapper-danger-popover:hover { color: rgb(227, 73, 73); }
.oc-quick-operation .oc-quick-operation-wrapper-danger-popover:active { color: rgb(199, 16, 35); }
.oc-step-guides { width: 100%; padding-left: 24px; padding-right: 24px; background-color: rgb(255, 255, 255); }
.oc-step-guides-title { color: rgb(49, 52, 59); font-weight: 600; font-size: 18px; line-height: 22px; }
.oc-step-guides-wrapper { width: 100%; }
.oc-step-guides-wrapper-card { padding: 32px 0px 8px; height: 90px !important; }
.oc-step-guides-wrapper-link { margin-top: 24px; padding: 32px 0px; border: 1px solid rgb(222, 224, 227); border-radius: 8px; height: 112px !important; }
.oc-step-guides-groups { display: flex; justify-content: center; position: relative; cursor: default; }
.oc-step-guides-groups-item, .oc-step-guides-groups-item-info { display: flex; align-items: center; }
.oc-step-guides-groups-item-info-desc { margin-left: 16px; text-align: left; }
.oc-step-guides-groups-item-info-desc-title { color: rgb(49, 52, 59); font-weight: 600; font-size: 14px; line-height: 22px; word-break: keep-all; }
.oc-step-guides-groups-item-info-desc-auxiliary { margin-top: 8px; color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; word-break: keep-all; }
.oc-step-guides-groups-item-divider { border-bottom: 2px dashed rgb(223, 224, 226); }
.oc-step-guides-groups-arrow { position: absolute; cursor: pointer; top: calc(50% - 8px); }
.oc-step-guides-groups-left-card { left: 0px; }
.oc-step-guides-groups-left-link { left: 16px; }
.oc-step-guides-groups-right-card { right: 0px; }
.oc-step-guides-groups-right-link { right: 16px; }
.oc-create-material-audit-suggest-info-panel .oc-create-material-audit-suggest-info-panel-tab-wrap { margin-bottom: 16px; }
.oc-create-material-audit-suggest-info-panel .oc-create-material-audit-suggest-info-panel-tab-wrap:last-of-type { margin-bottom: 0px; }
.oc-create-material-audit-suggest-info-panel .oc-create-material-audit-suggest-info-panel-row-wrap { margin-bottom: 16px; }
.oc-create-material-audit-suggest-info-panel .oc-create-material-audit-suggest-info-panel-row-wrap:last-of-type { margin-bottom: 0px; }
.oc-create-material-audit-suggest-info-panel .oc-create-material-audit-suggest-info-panel-row-wrap .render-container { margin: 4px 0px; }
.oc-promotion-batch-edit-bid-budget-wrapper .batch-edit-bid-budget-effect-type { margin-bottom: 24px; }
.oc-promotion-batch-edit-bid-budget-wrapper .change-value-input-group { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; row-gap: 24px; }
.oc-promotion-batch-edit-bid-budget-wrapper .change-value-input-group .change-value-input-total { width: 50%; display: flex; }
.oc-promotion-batch-edit-bid-budget-wrapper .oc-promotion-data-card { padding: 0px !important; }
.oc-promotion-batch-edit-bid-budget-cell { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; }
.oc-promotion-batch-edit-bid-budget-cell .oc-promotion-batch-edit-bid-budget-value .oc-promotion-batch-edit-bid-budget-value-edit { font-size: 12px; color: rgb(49, 52, 59); display: flex; align-items: center; flex-wrap: nowrap; }
.oc-promotion-batch-edit-bid-budget-cell .oc-promotion-batch-edit-bid-budget-value .oc-promotion-batch-edit-bid-budget-value-edit .oc-promotion-batch-edit-bid-budget-value-edit-icon { margin-right: 4px; cursor: pointer; }
.oc-promotion-batch-edit-bid-budget-cell .oc-promotion-batch-edit-bid-budget-value .oc-promotion-batch-edit-bid-budget-value-desc { color: rgb(147, 150, 157); }
.oc-promotion-batch-edit-bid-budget-cell .oc-promotion-batch-edit-bid-budget-value-msg { flex-basis: 100%; display: flex; justify-content: flex-end; }
.ovui-table-cell--right .oc-promotion-batch-edit-bid-budget-value-edit { justify-content: flex-end; }
.oc-promotion-batch-edit-date-edit-cell { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.oc-promotion-batch-edit-date-edit-cell .oc-promotion-batch-edit-date-edit-cell-data { display: flex; align-items: center; justify-content: flex-end; }
.oc-promotion-batch-edit-date-edit-cell .oc-promotion-batch-edit-date-edit-cell-text { margin-right: 4px; }
.oc-promotion-batch-edit-date-edit-cell .oc-promotion-batch-edit-date-edit-cell-icon { color: rgb(98, 101, 108); cursor: pointer; }
.oc-promotion-batch-edit-date-edit-cell .oc-promotion-batch-edit-date-edit-cell-icon:hover { color: rgb(0, 87, 255); }
.oc-promotion-batch-edit-date-poover-form .oc-radio-group, .oc-promotion-batch-edit-date-poover-form .ovui-radio-item-group { width: 100%; }
.oc-promotion-batch-edit-date-poover-form .oc-radio-group .ovui-radio-item { width: 50%; }
.oc-promotion-batch-edit-date-poover-form .ovui-date-picker { width: 100% !important; }
.oc-promotion-batch-edit-date-edit-cell-msg { display: flex; flex-basis: 100%; justify-content: flex-end; }
.promotion-batch-edit-district-table { margin-top: 24px; }
.promotion-batch-edit-district-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-modal-wrap .oc-promotion-batch-edit-modal-body { position: relative; overflow-y: scroll; }
.oc-modal-wrap .oc-promotion-batch-edit-modal-body-scroll-auto { overflow-y: auto; }
.oc-promotion-batch-edit-modal-footer { display: flex; align-items: center; justify-content: flex-end; }
.oc-promotion-batch-edit-modal-footer__left { display: flex; font-size: 12px; align-items: center; line-height: 18px; margin-right: 16px; width: 100%; }
.oc-promotion-batch-edit-modal-footer__left-error { line-height: 18px; max-height: 40px; }
.oc-promotion-batch-edit-modal-footer__left-error-message { color: rgb(227, 73, 73); float: left; height: 20px; line-height: 18px; }
.oc-promotion-batch-edit-modal-footer__left-error-all { color: rgb(0, 87, 255); cursor: pointer; }
.oc-promotion-batch-edit-modal-footer__left-error-all:hover { background: rgba(227, 73, 73, 0.3); }
.oc-promotion-batch-edit-modal-footer__right { display: flex; align-items: center; flex-shrink: 0; }
.oc-promotion-batch-edit-next-modal-footer { display: flex; justify-content: flex-end; }
.oc-promotion-batch-edit-next-modal-header .oc-modal-header-icon:hover, .oc-promotion-batch-edit-next-modal-header span:hover { cursor: pointer; }
.oc-promotion-batch-edit-modal-header { font-size: 16px; }
.oc-promotion-batch-edit-modal-header .oc-popover-icon-wrapper { margin-left: 4px; }
div + .oc-promotion-batch-edit-modal-table { margin-top: 20px; }
.batch-edit-modal-table-scroll-row:hover .oc-promotion-operation span, .batch-edit-modal-table-scroll-row:hover [name="oc-icon-light-edit"] { color: rgb(0, 87, 255); }
.batch-edit-modal-table-scroll-row:hover .oc-promotion-operation .oc-promotion-operation-disabled-item { color: rgb(147, 150, 157); }
.oc-promotion-batch-edit-modal-footer-cancel-button { margin-right: 16px; }
.promotion-batch-edit-match-type-edit-cell { overflow: auto; }
.promotion-batch-edit-match-type-edit-cell .ovui-radio-item--checked { z-index: 1; }
.batch-edit-delivery-duration-effect-type { margin-bottom: 24px; }
.batch-edit-delivery-duration-unit { margin-left: 8px; color: rgb(49, 52, 59); font-size: 14px; }
.delivery-duration-cell-edit { display: flex; align-items: center; }
.delivery-duration-edit-icon { margin-left: 4px; }
.delivery-duration-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.delivery-duration-info-slot { margin-bottom: 8px; }
.oc-batch-edit-price-cell-edit { display: flex; align-items: center; }
.oc-batch-edit-price-edit-icon { margin-right: 4px; }
.oc-batch-edit-price-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-promotion-batch-edit-price-unit-text { color: rgb(147, 150, 157); padding-right: 8px; }
.oc-batch-ratio-cell-edit { display: flex; align-items: center; justify-content: flex-end; }
.oc-batch-ratio-edit-icon { margin-right: 4px; }
.oc-batch-ratio-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-batch-ratio-cell-edit-text { max-width: 85px; }
.oc-batch-edit-roi-goal-cell-edit { display: flex; align-items: center; }
.oc-batch-edit-roi-goal-cell-edit-cell { display: flex; align-items: center; justify-content: flex-end; }
.oc-batch-edit-roi-goal-edit-icon { margin-right: 4px; }
.oc-batch-edit-roi-goal-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-batch-edit-roi-goal-cell-edit-ellipsis { max-width: 100px; }
.batch-edit-modal-table-scroll-row:hover .oc-promotion-operation-action-item { color: rgb(0, 87, 255); }
.oc-promotion-batch-edit-schedule-wrapper .oc-promotion-batch-edit-schedule-effect-type { margin-bottom: 24px; }
.oc-promotion-batch-edit-schedule-edit-cell { display: flex; align-items: center; flex-wrap: wrap; }
.oc-promotion-batch-edit-schedule-edit-cell .oc-promotion-batch-edit-schedule-edit-cell-edit { display: flex; }
.oc-promotion-batch-edit-schedule-edit-cell .oc-promotion-batch-edit-schedule-edit-cell-text { white-space: nowrap; }
.oc-promotion-batch-edit-schedule-edit-cell .oc-promotion-batch-edit-schedule-edit-cell-icon { margin-left: 4px; color: rgb(98, 101, 108); cursor: pointer; }
.oc-promotion-batch-edit-schedule-edit-cell .oc-promotion-batch-edit-schedule-edit-cell-icon:hover { color: rgb(0, 87, 255); }
.oc-promotion-batch-edit-schedule-edit-cell .oc-promotion-batch-edit-schedule-value-msg { width: 100%; }
.oc-promotion-batch-edit-schedule-next-name { color: rgb(49, 52, 59); font-size: 14px; margin-bottom: 24px; }
.oc-promotion-batch-edit-schedule-popover-content { max-height: 300px; overflow-y: auto; }
.oc-promotion-batch-operation-bar { height: 48px; border-radius: 4px; padding: 0px 16px; display: flex; background-color: rgba(42, 85, 229, 0.06); }
.oc-promotion-batch-operation-bar .bar-wrapper { flex: 1 1 0%; display: flex; align-items: center; }
.oc-promotion-batch-operation-bar .bar-num { font-weight: 600; font-size: 14px; color: rgb(0, 87, 255); line-height: 18px; }
.oc-promotion-batch-operation-bar .bar-groups { display: flex; align-items: center; }
.oc-promotion-batch-operation-bar .bar-groups-divider { width: 1px; height: 12px; background-color: rgb(177, 202, 246); margin: 0px 24px; }
.oc-promotion-batch-operation-bar .bar-groups-group { display: flex; align-items: center; }
.oc-promotion-batch-operation-bar .bar-groups-group-item .ovui-button--text { color: rgb(0, 87, 255); }
.oc-promotion-batch-operation-bar .bar-groups-group-item .ovui-button--disabled { color: rgb(186, 218, 255); }
.oc-promotion-batch-operation-bar .bar-groups-group > :nth-child(n) { margin-right: 24px; }
.oc-promotion-batch-operation-bar .bar-groups-group > :last-child { margin-right: 0px; }
.oc-promotion-batch-operation-bar .bar-close { color: rgb(0, 87, 255); }
.oc-promotion-batch-operation-bar .bar-close:hover { cursor: pointer; }
.oc-promotion-batch-operation-dropdown-popper { min-width: 200px; max-height: 350px; }
.oc-promotion-batch-operation-dropdown-popper .ovui-dropdown-item { padding-left: 24px; }
.batch-revive-delivery-input-margin { margin: 24px 0px 16px; }
.batch-revive-delivery-input-tip { margin-bottom: 12px; }
.batch-revive-delivery-cell-edit { display: flex; align-items: center; justify-content: flex-end; }
.batch-revive-delivery-edit-icon { margin-left: 4px; }
.batch-revive-delivery-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-promotion-bid-wrapper { text-align: right; width: 100%; min-width: auto; height: auto; min-height: auto; }
.oc-promotion-bid-header { display: flex; align-items: center; gap: 4px; justify-content: flex-end; position: relative; }
.oc-promotion-bid-header--icon { cursor: pointer; color: rgb(0, 87, 255); display: flex; align-items: center; }
.oc-promotion-bid-header .edit-absolute { position: absolute; left: 0px; height: 16px; z-index: 1; padding-right: 24px; background: linear-gradient(90deg, rgb(242, 245, 253) 0%, rgb(232, 237, 252) 51.74%, rgba(234, 239, 253, 0) 100%); }
.oc-promotion-bid-header .edit-disabled { cursor: not-allowed; color: rgb(186, 218, 255); opacity: 0.46; }
.oc-promotion-bid-header--title { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; word-break: break-all; font-size: 12px; line-height: 20px; color: rgb(49, 52, 59); white-space: nowrap; }
.oc-promotion-budget-popover-body { text-align: start; }
.oc-promotion-budget-popover-body .oc-promotion-budget-title-desc { font-size: 12px; line-height: 18px; color: rgb(147, 150, 157); }
.oc-promotion-budget-popover-body .group-margin-bottom { margin-bottom: 16px; }
.oc-promotion-budget-popover-body .group-margin-bottom + .oc-promotion-budget-extra { margin-top: -8px; }
.oc-promotion-budget-popover-body .oc-promotion-budget-reserved-info { margin-top: 8px; padding: 8px; background: rgb(242, 244, 247); border-radius: 4px; }
.oc-promotion-budget-popover-body .oc-promotion-budget-reserved-info-num { font-weight: bolder; color: rgb(49, 52, 59); margin: 0px 4px; }
.oc-promotion-budget-popover-body .oc-promotion-budget-reserved-info-mr { margin-right: 4px; }
.oc-promotion-budget-popover-body .oc-promotion-budget-reserved-info-btn { display: inline-block; cursor: pointer; color: rgb(0, 87, 255); }
.oc-promotion-budget-popover-body .oc-promotion-budget-extra { margin-top: 8px; }
.qc-promotion-campaign-modal-btn { display: inline-block; vertical-align: middle; }
.oc-promotion-compare-card { display: flex; flex-direction: column; width: 100%; height: 100%; overflow-x: hidden; }
.oc-promotion-compare-card .ovui-spin__block-mask, .oc-promotion-compare-card .ovui-spin__block { z-index: 1800 !important; }
.oc-promotion-compare-select-container { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.oc-promotion-compare-select-container .select-container { position: relative; margin-right: 24px; display: flex; align-items: center; }
.oc-promotion-compare-select-container .select-container:last-child { margin-right: 0px; }
.oc-promotion-compare-select-container .select-container .color { width: 10px; height: 10px; border-radius: 2px; background-color: rgb(0, 87, 255); margin-right: 4px; }
.oc-promotion-compare-select-container-popper { padding: 0px; max-height: fit-content; }
.oc-promotion-compare-select-item { padding: 5px 12px; cursor: pointer; }
.oc-promotion-compare-select-extra .block { width: 12px; height: 12px; margin-right: 4px; border-radius: 1px; }
.oc-promotion-coupon-balance { height: 90px; display: flex; padding: 16px 24px; border-radius: 12px; background-color: rgb(245, 247, 250); min-width: 600px; }
.oc-promotion-coupon-balance-total-wrapper { min-width: 180px; }
.oc-promotion-coupon-balance-detail { padding-top: 8px; display: flex; align-items: end; }
.oc-promotion-coupon-balance-line { width: 6px; height: 54px; margin: 0px 16px; }
.oc-template-list-popover { padding: 8px 0px; }
.oc-promotion-data-card { display: flex; cursor: pointer; align-items: center; }
.oc-promotion-data-card .oc-promotion-data-group { width: 100%; position: relative; overflow: hidden; }
.oc-promotion-data-card .oc-promotion-data-group .edit-absolute { display: flex; position: absolute; left: 0px; height: 16px; z-index: 1; padding-right: 24px; background: linear-gradient(90deg, rgb(242, 245, 253) 0%, rgb(232, 237, 252) 51.74%, rgba(234, 239, 253, 0) 100%); }
.oc-promotion-data-card .oc-promotion-data-group-title, .oc-promotion-data-card .oc-promotion-data-group-desc { display: flex; align-items: center; gap: 4px; }
.oc-promotion-data-card .oc-promotion-data-group-title-right, .oc-promotion-data-card .oc-promotion-data-group-desc-right { justify-content: flex-end; }
.oc-promotion-data-card .oc-promotion-data-edit { display: flex; align-items: center; cursor: pointer; color: rgb(0, 87, 255); }
.oc-promotion-data-card .oc-promotion-data-edit .edit-icon + .edit-icon { margin-left: 4px; }
.oc-promotion-data-card .oc-promotion-data-edit .edit-icon { display: flex; align-self: center; }
.oc-promotion-data-card .oc-promotion-data-tag-text, .oc-promotion-data-card .oc-promotion-data-tag { display: flex; align-items: center; }
.oc-promotion-data-card .invisible { visibility: hidden; }
.oc-promotion-data-card .visible { visibility: visible; }
.oc-promotion-data-card .edit-disabled { cursor: not-allowed; color: rgb(186, 218, 255); }
.oc-promotion-data-card .edit-disabled svg { opacity: 0.46; }
.oc-promotion-data-overview .oc-promotion-data-overview-control-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.oc-promotion-data-overview .oc-promotion-data-overview-control-bar .oc-control-bar-right { display: flex; align-items: center; }
.oc-promotion-data-overview .oc-promotion-data-overview-control-bar .oc-control-bar-right .icon-popover-reference { margin-left: 16px; }
.oc-promotion-data-overview .oc-promotion-data-overview-content { min-height: 86px; }
.oc-promotion-data-overview-toggle-btn { width: 32px; height: 32px; }
.oc-promotion-data-overview-toggle-btn .ovui-button { height: 32px; padding: 0px; min-width: 32px !important; }
.oc-promotion-highlight-card { width: 100%; padding: 16px; background-color: rgb(242, 245, 253); border-radius: 12px; display: flex; flex-direction: column; gap: 12px; }
.oc-promotion-highlight-card__header { display: flex; align-items: center; justify-content: space-between; }
.oc-promotion-highlight-card__header-left { display: flex; align-items: center; gap: 4px; }
.oc-promotion-highlight-card__header-left-title { padding-right: 4px; margin-right: -4px; background: linear-gradient(104deg, rgba(0, 65, 255, 0.72) 5.13%, rgba(66, 136, 255, 0.72) 94.28%) text; -webkit-text-fill-color: transparent; transform: translate(0px) skew(-7deg); transform-origin: 0px 0px; }
.oc-promotion-highlight-card__content { background-color: rgba(255, 255, 255, 0.8); border-radius: 8px; width: 100%; overflow: auto hidden; display: flex; gap: 8px; position: relative; min-height: 82px; }
.oc-promotion-highlight-card__content-item, .oc-promotion-highlight-card__content-line { flex: 0 0 auto; }
.oc-promotion-highlight-card__content-line { position: relative; }
.oc-promotion-highlight-card__content-line::after { width: 1px; content: ""; position: absolute; background: rgb(222, 224, 227); top: 25%; bottom: 25%; left: 50%; }
.oc-promotion-highlight-card__content::-webkit-scrollbar-track-piece { background-color: transparent; }
.oc-promotion-highlight-card__content::-webkit-scrollbar { width: 9px; height: 6px; }
.oc-promotion-highlight-card__content::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.oc-promotion-highlight-card__content::-webkit-scrollbar-thumb:hover { background-color: rgb(185, 188, 195); }
.oc-promotion-highlight-card__content-bottom { display: flex; align-items: center; gap: 4px; }
.oc-promotion-highlight-card__loading-text { color: rgb(0, 87, 255); font-size: 12px; line-height: 18px; margin-left: 4px; }
.oc-promotion-highlight-card.oc-promotion-highlight-card__theme-market { background-color: rgb(255, 244, 241); }
.oc-promotion-highlight-card.oc-promotion-highlight-card__theme-market .oc-promotion-highlight-card__header-left-title { background: linear-gradient(113deg, rgb(255, 105, 52) 10.06%, rgb(255, 150, 99) 80.47%) text; }
.oc-promotion-key-info-bar { padding: 16px; background: rgb(242, 244, 247); width: 100%; min-width: 1112px; min-height: 86px; border-radius: 12px; cursor: default; }
.oc-promotion-key-info-bar-content-box { display: flex; flex-direction: row; }
.oc-promotion-key-info-bar-spin-box { width: 100%; height: 100%; min-height: 54px; display: flex; align-items: center; justify-content: center; }
.oc-promotion-key-info-bar-spin-box .oc-promotion-key-info-bar-loading-text { margin-left: 5px; color: rgb(46, 123, 255); font-size: 12px; }
.oc-promotion-key-info-bar-info-con { margin-top: 8px; }
.oc-promotion-key-info-bar-left-con { flex: 1 1 0%; }
.oc-promotion-key-info-bar-left-con .oc-promotion-key-info-bar-title-con { display: flex; align-items: center; flex-direction: row; }
.oc-promotion-key-info-bar-left-con .oc-promotion-key-info-bar-title-con .oc-promotion-key-info-bar-hover-show { position: relative; top: 2px; }
.oc-promotion-key-info-bar-right-con { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }
.oc-promotion-key-info-bar-hover-show { margin-left: 4px; color: rgb(0, 87, 255); visibility: hidden; cursor: pointer; display: inline-block; align-items: center; height: 16px; }
.oc-promotion-key-info-bar:hover .oc-promotion-key-info-bar-hover-show { visibility: visible; }
.oc-promotion-detail-card { break-inside: avoid; }
.oc-promotion-detail-card:hover .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left .oc-promotion-detail-card-header-icon-edit { display: block; }
.oc-promotion-detail-card .oc-promotion-detail-card-header { height: 48px; display: flex; align-items: center; justify-content: space-between; background: rgb(245, 247, 250); border-radius: 8px; padding: 0px 16px; }
.oc-promotion-detail-card .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left { display: flex; align-items: center; }
.oc-promotion-detail-card .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left .oc-promotion-detail-card-header-title { font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-promotion-detail-card .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left .oc-promotion-detail-card-header-icon-edit { display: none; margin-top: 2px; margin-left: 8px; cursor: pointer; color: rgb(0, 87, 255); }
.oc-promotion-detail-card .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left .oc-promotion-detail-card-header-icon-edit:hover { color: rgb(46, 123, 255); }
.oc-promotion-detail-card .oc-promotion-detail-card-header .oc-promotion-detail-card-header-left .oc-promotion-detail-card-header-icon-edit.disabled { cursor: not-allowed; color: rgb(186, 218, 255); }
.oc-promotion-detail-card .oc-promotion-detail-card-body { margin-top: 8px; }
.oc-promotion-detail-card .oc-promotion-detail-card-body .oc-promotion-detail-card-body-item { display: flex; padding: 8px 16px; font-size: 14px; line-height: 18px; }
.oc-promotion-detail-card .oc-promotion-detail-card-body .oc-promotion-detail-card-body-item .oc-promotion-detail-card-body-item-component { margin-bottom: 4px; }
.oc-promotion-detail-card .oc-promotion-detail-card-body .oc-promotion-detail-card-body-item .oc-promotion-detail-card-body-item-label { min-width: 120px; max-width: 120px; margin-right: 16px; flex-shrink: 0; }
.oc-promotion-detail-card .oc-promotion-detail-card-body .oc-promotion-detail-card-body-item-right { max-height: 320px; overflow: hidden auto; }
.oc-promotion-info-card-btn { display: inline-block; vertical-align: middle; }
.oc-promotion-media-group-wrapper { display: flex; align-items: center; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail { position: relative; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-detail-tag { position: absolute; left: 0px; top: 0px; z-index: 2000; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-detail-mark { position: absolute; right: 0px; top: 0px; z-index: 2000; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-list { display: flex; align-items: center; justify-content: space-evenly; flex-wrap: wrap; background: rgb(242, 244, 247); border-radius: 8px; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-list .oc-promotion-media-group-list-ellipsis { display: flex; align-items: center; justify-content: center; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-list .oc-media-wrapper .oc-media-thumb-container { background-color: rgb(222, 224, 227); }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-detail .oc-promotion-media-group-list-disabled { opacity: 0.5; }
.oc-promotion-media-group-wrapper .oc-promotion-media-group-info { display: flex; align-items: center; justify-content: flex-start; margin-left: 16px; color: rgb(49, 52, 59); font-size: 12px; }
.oc-promotion-media-group-preview { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-left: -8px; }
.oc-promotion-media-group-preview .oc-promotion-media-group-preview-item { margin-left: 8px; margin-bottom: 8px; }
.oc-promotion-media-group-preview-popover .oc-popover-body { max-height: 250px; overflow-y: auto; margin-bottom: -8px; }
.oc-promotion-live-adinfo { font-size: 12px; }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-flex { display: flex; align-items: center; gap: 4px; }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-content { align-items: center; }
.oc-promotion-live-adinfo-pointer { cursor: pointer; }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-text { max-width: calc(100% - 128px); overflow: hidden; padding-right: 16px; }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-img-wrap { position: relative; height: 32px; width: 32px; overflow: hidden; border-radius: 4px; display: flex; justify-content: center; background-color: rgb(49, 52, 59); }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-material { display: flex; align-items: center; width: 72px; color: rgb(98, 101, 108); gap: 4px; }
.oc-promotion-live-adinfo .oc-promotion-live-adinfo-aweme { cursor: pointer; }
.oc-more-filter-modal { overflow: hidden; }
.popover-footer { margin: 16px 8px 8px 0px; }
.oc-promotion-metric-card .oc-statistic-content { align-items: flex-end; }
.oc-promotion-metric-popover { padding: 0px; }
.oc-promotion-metric-chart { height: 242px; width: 590px; display: flex; place-content: center; background-color: rgb(255, 255, 255); border-radius: 8px; }
.oc-promotion-metric-card-separator { padding: 0px 4px; display: block; line-height: 24px; }
.metric-card-chart { min-width: 80px; margin-left: 8px; color: rgb(147, 150, 157); }
.metric-card-chart-icon { cursor: pointer; }
.metric-card-chart-bottom { margin-top: 10px; }
.oc-promotion-name-edit-textarea .ovui-textarea__suffix { flex-direction: column; justify-content: space-between; align-items: flex-end; }
.oc-promotion-product-adinfo { font-size: 12px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-name-wrap { display: flex; align-items: center; white-space: nowrap; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-name-wrap .oc-promotion-product-adinfo-name { font-weight: 600; line-height: 18px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-id-wrap { display: flex; align-items: center; color: rgb(147, 150, 157); margin-top: 2px; white-space: nowrap; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-id-wrap .oc-promotion-product-adinfo-text { white-space: nowrap; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-content { display: flex; align-items: center; gap: 4px; height: 24px; margin-top: 8px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-left-data { display: flex; align-items: center; gap: 4px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-left-data .oc-promotion-product-adinfo-left-data-item-reference { display: flex; align-items: center; white-space: nowrap; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-left-data .oc-promotion-product-adinfo-left-data-item-reference .oc-promotion-product-adinfo-left-data-item-text { font-size: 12px; color: rgb(98, 101, 108); align-items: center; white-space: nowrap; margin-left: 4px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-close-icon { color: rgb(185, 188, 195); }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data { display: flex; align-items: center; gap: 4px; position: relative; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-right-data-item { display: flex; align-items: center; gap: 4px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-pop-reference-wrap { display: flex; gap: 4px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-pop-reference { position: relative; height: 24px; width: 24px; display: flex; justify-content: center; border-radius: 4px; overflow: hidden; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-number { text-align: center; color: rgb(255, 255, 255); background-color: rgba(26, 26, 27, 0.5); height: 14px; font-size: 10px; font-weight: 600; line-height: 14px; position: absolute; bottom: 0px; right: 0px; min-width: 15px; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-more-info { font-size: 12px; color: rgb(98, 101, 108); display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.oc-promotion-product-adinfo .oc-promotion-product-adinfo-right-data .oc-promotion-product-adinfo-more-info .oc-promotion-product-adinfo-more-info-icon { color: rgb(147, 150, 157); }
.oc-promotion-product-adinfo-left-data-item-pop-content { display: flex; align-items: center; gap: 8px; }
.oc-promotion-product-adinfo-left-data-item-pop-content .oc-promotion-product-adinfo-left-data-item-name { display: flex; flex-direction: column; justify-content: space-between; }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-hover-pointer:hover { cursor: pointer; }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-name { cursor: pointer; }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-name:hover { color: rgb(0, 87, 255); }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-left-data-item { cursor: pointer; }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-right-data-item { cursor: pointer; }
.oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-right-data-item:hover .oc-promotion-product-adinfo-more-info, .oc-promotion-product-adinfo:not(.oc-promotion-product-adinfo-static) .oc-promotion-product-adinfo-right-data-item:hover .oc-promotion-product-adinfo-more-info-icon { color: rgb(0, 87, 255); }
.oc-promotion-operation-com { font-size: 12px; width: auto; }
.oc-promotion-operation-wrapper { display: flex; align-items: center; gap: 16px; }
.oc-promotion-operation-wrapper-direction-vertical { flex-direction: column; gap: 4px; }
.oc-promotion-operation-wrapper-align-start { align-items: flex-start; }
.oc-promotion-operation-wrapper-align-end { align-items: flex-end; }
.oc-promotion-operation-wrapper-align-center { align-items: center; }
.oc-promotion-operation-wrapper .oc-promotion-operation-action-item { line-height: 18px; }
.oc-promotion-operation-more-action { fill: rgb(102, 102, 102); cursor: pointer; height: 18px; display: flex; align-items: center; }
.oc-operation-no-padding { padding: 0px; }
.oc-promotion-operation-extra-operation { display: inline-flex; vertical-align: middle; font-size: 12px; }
.oc-promotion-extra-operation-body { background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; line-height: 34px; padding: 6px 0px; color: rgb(49, 52, 59); }
.oc-promotion-extra-operation-body .oc-promotion-operation-action-item, .oc-promotion-extra-operation-body .oc-popover { height: 34px; padding: 0px 16px; text-align: center; display: flex; align-items: center; cursor: pointer; }
.oc-promotion-extra-operation-body .oc-promotion-operation-action-item:hover, .oc-promotion-extra-operation-body .oc-popover:hover { background: rgb(237, 241, 253); }
.oc-promotion-status-tag { display: flex; gap: 4px; }
.oc-promotion-status-card { padding: 12px 8px 12px 16px; width: 100%; position: relative; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper { display: flex; flex-direction: column; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title, .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc, .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title .oc-promotion-status-card-wrapper-title-suffix, .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc .oc-promotion-status-card-wrapper-title-suffix, .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title .oc-promotion-status-card-wrapper-desc-suffix, .oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc .oc-promotion-status-card-wrapper-desc-suffix { display: flex; align-items: center; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title { gap: 4px; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; word-break: break-all; font-size: 12px; line-height: 20px; color: rgb(49, 52, 59); white-space: nowrap; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style { width: 8px; height: 8px; border-radius: 4px; margin-right: 4px; display: inline-flex; position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; box-sizing: border-box; border: 1px solid rgb(255, 255, 255); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style-color-secondary { background: rgb(147, 150, 157); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style-color-primary { background: rgb(0, 87, 255); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style-color-danger { background: rgb(227, 73, 73); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style-color-success { background: rgb(13, 166, 0); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-title-value .list-style-color-warning { background: rgb(235, 150, 23); }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc { padding-left: 12px; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-desc .oc-typography { padding-right: 4px; }
.oc-promotion-status-card .oc-promotion-status-card-wrapper .oc-promotion-status-card-wrapper-footer { padding-left: 12px; }
.oc-promotion-step { display: flex; }
.oc-promotion-step.vertical { flex-direction: column; }
.oc-promotion-task-notice { position: fixed; top: 95px; right: 32px; width: 346px; font-size: 14px; z-index: 998; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px; display: flex; flex-direction: column; gap: 16px; padding: 16px; }
.oc-promotion-task-notice__header { position: relative; color: rgb(49, 52, 59); display: flex; align-items: center; justify-content: space-between; }
.oc-promotion-task-notice__header-ver { height: 12px; width: 1px; background: rgb(224, 224, 224); margin: 0px 8px; }
.oc-promotion-task-notice__header-close-icon { cursor: pointer; height: 24px; width: 24px; text-align: center; line-height: 24px; }
.oc-promotion-task-notice__body { max-height: 245px; overflow: auto; min-height: 50px; position: relative; display: flex; flex-direction: column; gap: 10px; }
.oc-promotion-task-notice__body-item { position: relative; display: flex; align-items: center; text-decoration: none; color: rgb(49, 52, 59); gap: 4px; line-height: 18px; font-size: 12px; }
.oc-promotion-task-notice__body-item-left { width: 16px; height: 16px; position: relative; display: flex; align-items: center; }
.oc-promotion-task-notice__body-item-left .oc-loading { width: 16px; height: 16px; }
.oc-promotion-task-notice__body-item-left.success { color: rgb(13, 166, 0); }
.oc-promotion-task-notice__body-item-left.error { color: rgb(227, 73, 73); }
.oc-promotion-task-notice__body-item-left.warn { color: rgb(235, 150, 23); }
.oc-promotion-task-notice__footer { display: flex; justify-content: flex-end; }
.oc-promotion-title-bar { border-radius: 16px; background: rgb(255, 255, 255); }
.oc-promotion-title-bar-box { border-radius: 16px; }
.oc-promotion-title-bar-box-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; }
.oc-promotion-title-bar-box-title-left { display: flex; align-items: center; }
.oc-promotion-title-bar-box-title-left-popover { margin-left: 4px; }
.oc-promotion-title-bar-box-title-left-text { font-size: 18px; font-weight: 600; line-height: 32px; color: rgb(49, 52, 59); }
.oc-promotion-title-bar-box-title-left-icon { cursor: pointer; }
.oc-promotion-title-bar-box-title-left-icon::after { display: inline-block; content: ""; width: 1px; height: 16px; margin: 0px 16px; background: rgb(223, 224, 226); border-radius: 2px; }
.oc-promotion-title-bar-box-title-left-icon:hover { color: rgb(0, 87, 255); }
.oc-promotion-title-bar-box-title-left-title-suffix { display: inline-flex; align-items: center; font-size: 12px; color: rgb(147, 150, 157); }
.oc-promotion-title-bar-box-title-left-title-suffix::before { display: inline-block; content: ""; width: 1px; height: 16px; margin: 0px 16px; background: rgb(223, 224, 226); border-radius: 2px; }
.oc-promotion-title-bar-box-title-left-tabs-tab .tab--active { color: rgb(0, 87, 255); font-weight: 600; }
.oc-promotion-title-bar-box-tabs { padding: 0px 24px 16px; }
.oc-promotion-title-bar-box-tabs-has-body { padding: 0px 24px; }
.oc-promotion-title-bar-diver { height: 1px; background: rgb(223, 224, 226); margin: 0px 24px; }
.oc-promotion-title-bar-body { padding: 24px; }
.oc-promotion-title-bar-has-top-top { margin-bottom: -24px; border-radius: 16px; padding-bottom: 24px; }
.oc-promotion-title-bar-has-top-box { border-radius: 16px; background: rgb(255, 255, 255); }
.oc-promotion-title-bar-has-top-body { border-radius: 0px 0px 16px 16px; background: rgb(255, 255, 255); }
.oc-promotion-tool-bar .oc-card-content { justify-content: space-between; }
.oc-promotion-tool-bar .oc-promotion-tool-bar-left { display: flex; align-items: center; }
.oc-promotion-tool-bar .oc-promotion-tool-bar-left .oc-promotion-tool-bar-prefix-icon { display: flex; align-items: center; cursor: pointer; margin-right: 14px; }
.oc-promotion-tool-bar .oc-promotion-tool-bar-left .oc-promotion-tool-bar-left-title-wrapper { display: flex; align-items: center; }
.oc-promotion-tool-bar .oc-promotion-tool-bar-left .oc-promotion-tool-bar-left-title-wrapper .title-text { font-size: 18px; color: rgb(49, 52, 59); font-weight: 600; }
.oc-promotion-tool-bar .oc-promotion-tool-bar-left .oc-promotion-tool-bar-left-title-wrapper-separator::after { display: inline-block; content: ""; width: 2px; height: 12px; margin: 0px 16px; background: rgb(185, 188, 195); border-radius: 2px; }
.oc-promotion-tool-bar-dropdown { margin-right: 32px; display: flex; align-items: center; }
.oc-promotion-tool-bar-dropdown-line::before { display: inline-block; content: ""; width: 2px; height: 12px; margin: 0px 16px; background: rgb(185, 188, 195); border-radius: 2px; }
.oc-promotion-tool-bar-info-separator { width: 1px; height: 18px; background: rgb(223, 224, 226); margin: 0px 8px; }
.oc-report-comment-wrapper { display: flex; }
.oc-report-comment-wrapper .comment-avatar { width: 44px; height: 44px; margin-right: 16px; border-radius: 50%; overflow: hidden; }
.oc-report-comment-wrapper .comment-avatar img { width: 100%; height: 100%; }
.oc-report-comment-wrapper .comment-info { width: calc(100% - 60px); font-size: 14px; line-height: 22px; }
.oc-report-comment-wrapper .comment-info .comment-user { font-weight: 600; }
.oc-report-comment-wrapper .comment-info .comment-user .reply-text { color: rgb(147, 150, 157); }
.oc-report-comment-wrapper .comment-info .comment-text { font-size: 14px; line-height: 22px; font-weight: 400; }
.oc-report-comment-wrapper .comment-info .time-row { display: flex; align-items: center; }
.oc-report-comment-wrapper .comment-info .time-row .time { color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; margin-right: 8px; }
.oc-report-comment-wrapper .comment-info .time-row .comment-tag { margin-right: 8px; }
.oc-report-creative-analysis-header { margin-bottom: 16px; }
#emoji-tooltip-wrapper { background: rgb(29, 33, 41); border-radius: 2px; padding: 8px 12px; position: fixed; transform: translate(calc(-50% + 2px)) translateY(-5px); z-index: 9999999; }
#emoji-tooltip-wrapper span { border-color: rgb(29, 33, 41) transparent transparent; border-style: solid; border-width: 5px 5px 0px; height: 0px; left: 50px; position: absolute; top: -10px; transform: translate(-50%); width: 0px; }
#emoji-tooltip-wrapper p { color: rgb(255, 255, 255); font-size: 12px; line-height: 1.5; margin: 0px; }
#emoji-mobile { border-radius: 0px; bottom: 0px; left: 0px; right: 0px; transform: none; }
#emoji-mobile .emoji-item, #emoji-mobile .recent-item { height: 8vw; width: 8vw; }
#emoji-mobile .dynamic-item { cursor: pointer; height: 11vw; margin: 3px; overflow: hidden; position: relative; width: 11vw; }
#emoji-mobile .empty-item { width: 8vw; }
.emoji-lable { height: 28px; opacity: 0.7; width: 28px; }
.emoji-title { color: rgb(255, 255, 255); display: block; font-size: 12px; line-height: 2; }
.emoji-lable:hover { color: rgb(0, 0, 255); cursor: pointer; opacity: 1; }
.emoji-panel { border: 0.5px; border-radius: 15px; bottom: 100%; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px 2px; display: none; overflow: hidden; position: absolute; transform: translate(-50%); user-select: none; }
.emoji-panel .empty-item { height: 0px; margin: 3px; width: 25px; }
.emoji-panel.current { display: block; }
.emoji-panel .emoji-page-bar { bottom: 0px; display: flex; height: 20px; justify-content: center; left: 0px; position: absolute; right: 0px; }
.emoji-panel .emoji-page-dot { background: rgba(0, 0, 0, 0.2); border-radius: 50%; display: block; height: 6px; margin: 3px; position: relative; transform: translate(-50%); width: 6px; }
.emoji-panel .emoji-page-dot.current { background: blue; }
.emoji-panel .emoji-page-dot:hover { cursor: pointer; }
.emoji-panel-total { display: block; padding: 10px; position: relative; }
.emoji-panel-total::-webkit-scrollbar { width: 2px; }
.emoji-panel-total::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); border-radius: 10px; width: 2px; }
.emoji-panel-total::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); border-radius: 0px; }
.emoji-panel-total .emoji-panel-dynamic .emoji-panel-items { background-color: inherit; }
.emoji-panel-total .emoji-panel-dynamic .emoji-line { align-items: center; justify-content: space-between; width: 100%; }
.emoji-panel-items { background: inherit; box-sizing: border-box; display: flex; overflow: hidden; position: relative; width: 100%; z-index: 9999; }
.emoji-panel-items::-webkit-scrollbar { width: 2px; }
.emoji-panel-items::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); border-radius: 10px; width: 2px; }
.emoji-panel-items::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.2); border-radius: 0px; }
.emoji-panel-items .emoji-line { display: flex; justify-content: space-between; margin-bottom: 5px; }
.emoji-panel-items .emoji-page { display: none; margin: 10px 0px 5px; width: 100%; }
.emoji-panel-items .emoji-page.current { display: block; }
.emoji-panel-items .emoji-page .emoji-item { cursor: pointer; margin: 3px; width: 25px; }
.emoji-panel-recent { border-top: 1px solid rgb(238, 238, 238); box-sizing: border-box; display: block; height: 70px; padding: 5px 10px; }
.emoji-panel-recent-title { display: block; font-size: 12px; line-height: 2; }
.emoji-panel-recent-items .emoji-line { display: flex; }
.emoji-panel-recent-items .emoji-line .recent-item { cursor: pointer; height: 25px; margin: 3px; width: 25px; }
.emoji-panel-recent-items .emoji-line .recent-item:hover { transform: scale(1.2); }
.emoji-item { background-position: 0px 0px; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 25px; width: 25px; }
.emoji-line { display: flex; justify-content: space-between; }
.emoji-line .recent-item { cursor: pointer; height: 25px; margin: 3px; }
.emoji-line .dynamic-item { cursor: pointer; height: 36px; margin: 3px; overflow: hidden; position: relative; width: 36px; }
.emoji-line .dynamic-item span { width: 100%; }
.emoji-line .dynamic-item .gif-wrapper { height: 100%; }
.emoji-line .dynamic-item img { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: auto !important; width: 110% !important; }
[class*="emoji-item__"] { background-repeat: no-repeat; background-size: 200px auto; }
#emoji-mobile [class*="emoji-item__"] { background-size: 64vw auto; }
.emoji-panel .emoji-item__0 { background-image: url("assets/advertiser/3cafeeaa09e92ddc03e2.png"); }
.emoji-panel .emoji-item__1 { background-image: url("assets/advertiser/bd211c2f0de9b39a8c67.png"); }
.emoji-panel--sg .emoji-item__0 { background-image: url("assets/advertiser/d7b244a69b0b8264d105.png"); }
.emoji-panel--sg .emoji-item__0.use-webp { background-image: url("assets/advertiser/a46134054e5fbb413a89.webp"); }
.emoji-panel--sg .emoji-item__1 { background-image: url("assets/advertiser/5620d71ff3d1fad7d996.png"); }
.emoji-panel--sg .emoji-item__1.use-webp { background-image: url("assets/advertiser/5be8bc2ebfe0dfe2f685.webp"); }
.emoji-item__col-0 { background-position-x: 0px !important; }
.emoji-item__row-0 { background-position-y: 0px !important; }
.emoji-item__col-1 { background-position-x: -25px !important; }
.emoji-item__row-1 { background-position-y: -25px !important; }
.emoji-item__col-2 { background-position-x: -50px !important; }
.emoji-item__row-2 { background-position-y: -50px !important; }
.emoji-item__col-3 { background-position-x: -75px !important; }
.emoji-item__row-3 { background-position-y: -75px !important; }
.emoji-item__col-4 { background-position-x: -100px !important; }
.emoji-item__row-4 { background-position-y: -100px !important; }
.emoji-item__col-5 { background-position-x: -125px !important; }
.emoji-item__row-5 { background-position-y: -125px !important; }
.emoji-item__col-6 { background-position-x: -150px !important; }
.emoji-item__row-6 { background-position-y: -150px !important; }
.emoji-item__col-7 { background-position-x: -175px !important; }
.emoji-item__row-7 { background-position-y: -175px !important; }
#emoji-mobile .emoji-item__col-0 { background-position-x: 0px !important; }
#emoji-mobile .emoji-item__row-0 { background-position-y: 0px !important; }
#emoji-mobile .emoji-item__col-1 { background-position-x: -8vw !important; }
#emoji-mobile .emoji-item__row-1 { background-position-y: -8vw !important; }
#emoji-mobile .emoji-item__col-2 { background-position-x: -16vw !important; }
#emoji-mobile .emoji-item__row-2 { background-position-y: -16vw !important; }
#emoji-mobile .emoji-item__col-3 { background-position-x: -24vw !important; }
#emoji-mobile .emoji-item__row-3 { background-position-y: -24vw !important; }
#emoji-mobile .emoji-item__col-4 { background-position-x: -32vw !important; }
#emoji-mobile .emoji-item__row-4 { background-position-y: -32vw !important; }
#emoji-mobile .emoji-item__col-5 { background-position-x: -40vw !important; }
#emoji-mobile .emoji-item__row-5 { background-position-y: -40vw !important; }
#emoji-mobile .emoji-item__col-6 { background-position-x: -48vw !important; }
#emoji-mobile .emoji-item__row-6 { background-position-y: -48vw !important; }
#emoji-mobile .emoji-item__col-7 { background-position-x: -56vw !important; }
#emoji-mobile .emoji-item__row-7 { background-position-y: -56vw !important; }
.oc-report-comment-textarea-wrapper { width: 100%; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper { position: relative; margin-bottom: 8px; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .ovui-input-group { width: 100%; max-width: 100% !important; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .ovui-textarea__wrapper { position: relative; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .ovui-textarea__prefix { position: absolute; bottom: 0px; left: 4px; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .ovui-textarea__suffix { position: absolute; bottom: 0px; right: 4px; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .ovui-textarea { height: calc(100% - 20px); }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container { position: absolute; bottom: 0px; left: 0px; z-index: 5; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-btn { cursor: pointer; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-btn.disabled { cursor: not-allowed; pointer-events: none; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-panel { background-color: rgb(255, 255, 255); z-index: 10; bottom: unset; top: 0px; left: 200px; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-panel .emoji-panel-total { height: 300px !important; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-panel .emoji-title { color: unset; }
.oc-report-comment-textarea-wrapper .emoji-textarea-wrapper .emoji-container .emoji-panel .emoji-panel-dynamic .emoji-panel-items { height: unset; }
.oc-report-comment-textarea-wrapper .insert-wrapper { width: 100%; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row { display: flex; align-items: center; width: 100%; overflow: hidden; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row .insert-prefix { max-width: 90px; color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; line-height: 18px; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row .insert-data { flex: 1 1 0%; display: flex; margin-right: 12px; height: 20px; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row .insert-data .insert-data-item-typography { margin-left: 8px; min-width: 20px; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row .insert-data .insert-data-item-typography:nth-child(1) { margin-left: 0px; }
.oc-report-comment-textarea-wrapper .insert-wrapper .insert-row .insert-suffix { max-width: 80px; align-items: flex-start; text-align: right; }
.oc-report-comment-textarea-wrapper .maxlength { color: rgb(147, 150, 157); }
.oc-report-live-avatar { display: flex; flex-direction: column; align-items: center; }
.oc-report-live-avatar .oc-report-live-avatar-content { position: relative; }
.oc-report-live-avatar .oc-report-live-avatar-content-live { border-radius: 50%; border: 1px solid rgb(255, 23, 100); }
.oc-report-live-avatar .oc-report-live-avatar-content-live-img { border-radius: 50%; border: 1px solid rgb(255, 255, 255); }
.oc-report-live-avatar .oc-report-live-avatar-content-icon { position: absolute; top: -5px; left: -1px; border-radius: 3px; }
.oc-report-live-avatar-tag { display: flex; justify-content: center; border-radius: 5px; border: 1px solid rgb(255, 255, 255); margin-top: -14px; }
.oc-report-script-analysis { width: 100%; display: flex; flex-direction: column; align-items: center; }
.oc-report-script-analysis-header { width: 100%; height: 24px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
.oc-report-script-analysis-collapse { cursor: pointer; display: flex; align-items: center; }
.oc-report-script-analysis-body { width: 100%; padding: 16px; border-radius: 8px; background: rgb(245, 247, 250); }
.oc-report-live-card { border-radius: 8px; background: rgb(255, 255, 255); padding: 16px; }
.oc-report-live-card-up { display: flex; justify-content: flex-end; align-items: center; }
.oc-report-live-card-up-left { display: flex; align-items: center; width: 100%; }
.oc-report-live-card-up-left-right { margin-left: 12px; width: 100%; }
.oc-report-live-card-up-left-right-review { margin-left: 8px; }
.oc-report-live-card-up-left-right span + div { margin-top: 4px; }
.oc-report-live-card-up-left-right-bottom { display: flex; }
.oc-report-live-card-up-left-right-bottom span + span { margin-left: 4px; }
.oc-report-live-card-up-right { display: flex; justify-content: flex-end; margin: 0px 0px 0px 12px; }
.oc-report-live-card-up-right div + div { margin-left: 8px; }
.oc-report-live-card-down { margin-top: 16px; display: flex; justify-content: space-between; gap: 8px; }
.oc-report-live-card-down-item { display: flex; flex-direction: column; align-items: start; }
.oc-report-live-card-down-item-bottom { display: flex; align-items: center; }
.oc-report-live-card-down-item0 { width: 36%; }
.oc-report-live-card-down-item1 { width: 24%; }
.oc-report-live-card-down-item2 { width: 40%; }
.oc-report-live-card-middel { margin-top: 4px; }
.report-metrics-calculate-tab { width: 100%; display: flex; }
.report-metrics-calculate-tab .summary-card { flex: 1 1 0%; border-top: 0px; border-right: 0px; }
.report-metrics-calculate-tab .summary-card:hover { padding-top: 12px; border-top: 4px solid rgb(0, 87, 255) !important; background: linear-gradient(rgb(239, 245, 255) 0%, rgba(239, 245, 255, 0) 100%) !important; }
.report-metrics-calculate-tab .summary-card:hover .report-metrics-calculate-tab-card-icon { top: calc(50% - 12px); }
.oc-skeleton-line { width: 100%; display: flex; flex-direction: column; }
.oc-skeleton-line-row { background-color: rgb(242, 244, 247); border-radius: 2px; height: 16px; }
.oc-skeleton-line-row-dark { background-color: rgb(232, 234, 237); }
.oc-skeleton-shape { background-color: rgb(242, 244, 247); }
.oc-skeleton-shape-dark { background-color: rgb(232, 234, 237); }
.oc-splitter-panel { overflow: hidden; flex: 1 1 0%; }
.oc-splitter-panel-sized { flex: 0 0 auto; }
.report-select-date-picker-wrapper { display: flex; }
.report-select-date-picker-wrapper .oc-select .ovui-input__wrapper { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.report-select-date-picker-wrapper .oc-select .ovui-input__wrapper--focused { z-index: 1; }
.report-select-date-picker-wrapper .ovui-date-picker .ovui-input__wrapper { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.report-select-date-picker-select-line { width: 1px; height: 32px; background: rgb(242, 244, 247); }
.report-select-date-picker-select-line::after { content: ""; width: 1px; height: 16px; position: absolute; margin-top: 7px; background-color: rgb(222, 224, 227); }
.oc-report-template-card { z-index: 1; position: relative; border-radius: 8px; width: 177px; cursor: pointer; background: linear-gradient(85deg, rgb(222, 232, 255) 7.46%, rgb(236, 242, 255) 90.49%); }
.oc-report-template-card-box { padding: 12px; border-radius: 8px; background: transparent; position: relative; min-height: 92px; }
.oc-report-template-card-box-image { position: absolute; top: 0px; left: 0px; z-index: -1; }
.oc-report-template-card-box-desc { margin-top: 4px; }
.oc-report-template-card-box-title-len2 { width: 112px !important; }
.oc-report-template-card-box-title-len1 { width: 96px !important; }
.oc-report-template-card-box:hover { z-index: 2; border: 1px solid rgb(0, 87, 255); padding: 11px; }
.oc-report-template-card-right-top { position: absolute; top: 0px; right: 0px; z-index: 1; padding: 3px 5px; border-radius: 0px 8px; background: rgb(242, 247, 255); }
.oc-report-template-card-right-bottom { position: absolute; right: 0px; bottom: -6px; z-index: 1; }
.report-select-range-picker { display: flex; }
.report-select-range-picker .oc-select .ovui-input__wrapper { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.report-select-range-picker .oc-select .ovui-input__wrapper--focused { z-index: 1; }
.report-select-range-picker .oc-range-picker .ovui-custom-input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.report-select-range-picker-select-line { width: 1px; height: 32px; background: rgb(242, 244, 247); }
.report-select-range-picker-select-line::after { content: ""; width: 1px; height: 16px; position: absolute; margin-top: 7px; background-color: rgb(222, 224, 227); }
.oc-sub-side-bar-item { padding: 0px 16px; display: flex; align-items: center; height: 32px; transition: color 0.1s, background-color 0.1s; }
.oc-sub-side-bar-item.cursor { cursor: pointer; }
.oc-sub-side-bar-item.cursor:hover { background-color: rgb(242, 244, 247); }
.oc-sub-side-bar-item.active { color: rgb(0, 87, 255); }
.oc-sub-side-bar-item .oc-sub-side-bar-icon { margin-left: 6px; }
.oc-sub-side-bar-item .badge-dot { width: 6px; height: 6px; border-radius: 3px; background-color: rgb(227, 73, 73); margin-top: -20px; }
.oc-sub-side-bar-item .num { text-align: right; flex: 1 1 0%; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-switch-card-item { border-radius: 8px; position: relative; cursor: pointer; display: flex; justify-content: space-between; background-color: rgb(242, 244, 247); border: 1px solid rgb(242, 244, 247); height: 98px; }
.oc-switch-card-item-header { display: flex; align-items: center; }
.oc-switch-card-item-header .icon { margin-right: 4px; }
.oc-switch-card-item-header-tag { margin-left: 4px; }
.oc-switch-card-item-content { display: flex; flex-direction: column; padding: 11px 15px; position: relative; z-index: 10; flex: 1 1 0%; }
.oc-switch-card-item-content-align-baseline { align-items: baseline; }
.oc-switch-card-item-content-align-start { align-items: flex-start; }
.oc-switch-card-item-content-align-end { align-items: flex-end; }
.oc-switch-card-item-content-align-center { align-items: center; }
.oc-switch-card-item-badge { position: absolute; right: 0px; top: 0px; z-index: 10; background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-radius: 0px 8px; padding: 0px 4px; line-height: 20px; font-size: 12px; zoom: 0.8333; }
.oc-switch-card-item-desc { margin-top: 4px; }
.oc-switch-card-item-desc-space { padding-right: 56px; }
.oc-switch-card-item-bg { width: 64px; height: 100%; flex: 0 0 auto; position: absolute; right: 0px; bottom: 0px; z-index: 9; border-radius: 8px; }
.oc-switch-card-item-disabled-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 20; background-color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; cursor: not-allowed; border-radius: inherit; }
.oc-switch-card-item.small, .oc-switch-card-item.xsmall { height: 100%; }
.oc-switch-card-item.xsmall .oc-switch-card-item-content { padding: 11px 15px; flex: 1 1 0%; }
.oc-switch-card-item.xsmall .oc-switch-card-item-desc { margin-top: 4px; }
.oc-switch-card-item--checked-icon { position: absolute; right: 14px; top: 11px; z-index: 11; }
.oc-switch-card-item--help { position: absolute; right: -1px; top: -1px; z-index: 11; }
.oc-switch-card-item--help .oc-tag-market .ovui-tag { border-radius: 0px 4px 0px 6px; }
.oc-switch-card-item--market-bit { display: flex; align-items: center; justify-content: center; position: absolute; right: -8px; top: -8px; color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; height: 16px; background: linear-gradient(90deg, rgb(255, 68, 80) 0%, rgb(255, 122, 72) 100%); border-radius: 8px 8px 8px 0px; padding: 0px 4px; }
.oc-switch-card-item--market-bit span { zoom: 83.33%; }
.oc-switch-card-item.active { border: 1px solid rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.oc-switch-card-item.disabled { cursor: not-allowed; background-color: rgb(245, 247, 250); border: 1px solid rgb(245, 247, 250); }
.oc-switch-card-item.disabled.active { border: 1px solid rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.oc-switch-card-item.disabled .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner, .oc-switch-card-item.disabled .ovui-checkbox.ovui-checkbox--checked .ovui-checkbox__inner:hover { background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.oc-switch-card-item.disabled .oc-switch-card-item-option-bg, .oc-switch-card-item.disabled .icon { opacity: 0.5; }
.oc-switch-card-item.disabled .oc-switch-card-item-badge { background-color: rgb(186, 218, 255); }
.oc-switch-card-item:hover:not(.active):not(.disabled) { background-color: rgb(245, 247, 250); border: 1px solid rgb(245, 247, 250); }
.oc-breadcrumb-select .ovui-select__options { max-height: inherit; }
.oc-breadcrumb-select .ovui-custom-input__content { align-items: center; }
.oc-breadcrumb-select-group { display: inline-flex; align-items: center; vertical-align: middle; }
.oc-breadcrumb-select-group-media { margin-right: 6px; }
.oc-tree-control-item { position: relative; padding: 0px; cursor: pointer; list-style: none; margin: 2px 0px; width: 100%; box-sizing: border-box; }
.oc-tree-control-item > .oc-tree-control-item__item:hover { background-color: rgb(242, 244, 247); border-radius: 8px; }
.oc-tree-control-item--selected > .oc-tree-control-item__item { background-color: rgb(242, 245, 253); border-radius: 8px; }
.oc-tree-control-item--selected > .oc-tree-control-item__item .oc-typography-color-default { color: rgb(0, 87, 255); }
.oc-tree-control-item--selected > .oc-tree-control-item__item:hover { background-color: rgb(242, 245, 253); border-radius: 8px; }
.oc-tree-control-item__item { display: flex; align-items: center; padding-left: var(--oc-tree-item-padding-left); }
.oc-tree-control-item__item--icon { width: 16px; height: 16px; position: relative; vertical-align: middle; }
.oc-tree-control-item__item--icon:hover { color: rgb(0, 87, 255); }
.oc-tree-control-item__item--icon .oc-loading { height: 100%; }
.oc-tree-control-item__item--icon-switcher { transform: rotate(-90deg); transition: transform 0.2s ease-in-out; }
.oc-tree-control-item__item--icon-switcher.open { transform: rotate(0deg); }
.oc-tree-control-item__item--icon-switcher.hidden { visibility: hidden; }
.oc-tree-control-item__item--highlight { flex: 1 1 0%; display: flex; align-items: center; gap: 0px 4px; padding: 0px 8px; border-radius: 8px; }
.oc-tree-control-item__item--checkbox { vertical-align: 0px; }
.oc-tree-control-item__item--title { padding: 8px 0px; line-height: 38px; display: flex; align-items: center; flex: 1 1 0%; }
.oc-tree-control-item__item--highlight-disabled { cursor: not-allowed; }
.oc-tree-control-item__children { padding-left: 0px; }
.oc-operation-expand { margin: 0px 0px 0px 4px; cursor: pointer; color: rgb(0, 87, 255); display: inline-flex; align-items: center; gap: 4px; }
.oc-operation-icon { display: inline-flex; align-items: center; }
.oc-typography-list-style { width: 8px; height: 8px; flex: 1 1 0%; display: inline-block; margin-right: 4px; background-color: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; box-sizing: border-box; border: 1px solid rgb(255, 255, 255); }
.oc-typography-list-style.oc-typography-list-style-circle { border-radius: 100%; }
.oc-typography-list-style.oc-typography-list-style-color-primary { background: rgb(0, 87, 255); }
.oc-typography-list-style.oc-typography-list-style-color-danger { background: rgb(227, 73, 73); }
.oc-typography-list-style.oc-typography-list-style-color-success { background: rgb(13, 166, 0); }
.oc-typography-list-style.oc-typography-list-style-color-warning { background: rgb(235, 150, 23); }
.oc-typography-list-style.oc-typography-list-style-color-auxiliary { background: rgb(98, 101, 108); }
.oc-typography-list-style.oc-typography-list-style-color-secondary { background: rgb(147, 150, 157); }
.oc-textarea-plus-component { --textarea-plus-header-height: 38px; --textarea-plus-input-height: 34px; display: flex; flex-direction: column; width: 100%; position: relative; border: 1px solid rgb(222, 224, 227); overflow: hidden; box-sizing: border-box; border-radius: 8px; background-color: rgb(255, 255, 255); font-size: 14px; line-height: 22px; height: 320px; }
.oc-textarea-plus-component__header { border-bottom: 1px solid rgb(222, 224, 227); background-color: rgb(242, 244, 247); height: var(--textarea-plus-header-height, 38px); padding: 0px 12px; position: relative; display: flex; align-items: center; justify-content: space-between; }
.oc-textarea-plus-component__title { font-weight: 600; flex: 1 1 0%; text-align: left; }
.oc-textarea-plus-component__clear { cursor: pointer; color: rgb(0, 87, 255); }
.oc-textarea-plus-component__clear:hover { color: rgb(46, 123, 255); }
.oc-textarea-plus-component__container { flex: 1 1 0%; overflow-y: auto; }
.oc-textarea-plus-component__disabled { background: rgb(245, 247, 250); cursor: not-allowed; }
.oc-textarea-plus-component__disabled .oc-textarea-plus-component__input { cursor: not-allowed; }
.oc-textarea-plus-component__disabled .oc-textarea-plus-component__input-wrapper:hover { background: rgb(245, 247, 250); }
.oc-textarea-plus-component__disabled .oc-textarea-plus-component__num { color: rgb(185, 188, 195); }
.oc-textarea-plus-component__body { display: flex; min-height: 100%; }
.oc-textarea-plus-component__nums { flex-shrink: 0; border-right: 1px solid rgb(222, 224, 227); padding: 6px 0px; min-width: 36px; }
.oc-textarea-plus-component__num { position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 8px; height: var(--textarea-plus-input-height, 34px); color: rgb(147, 150, 157); }
.oc-textarea-plus-component__num--error { color: rgb(255, 255, 255); }
.oc-textarea-plus-component__num--error::before { content: " "; position: absolute; background-color: rgb(227, 73, 73); inset: 6px; border-radius: 2px; }
.oc-textarea-plus-component__num--error::after { content: " "; position: absolute; background-color: rgb(227, 73, 73); top: 14px; right: 3px; width: 6px; height: 6px; border-top-right-radius: 2px; transform: rotate(45deg); }
.oc-textarea-plus-component__num-content { z-index: 1; }
.oc-textarea-plus-component__content { flex: 1 1 0%; padding: 6px 0px; }
.oc-textarea-plus-component__input-wrapper { display: flex; height: var(--textarea-plus-input-height, 34px); align-items: center; align-self: stretch; }
.oc-textarea-plus-component__input-wrapper .oc-textarea-plus-component__close { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); width: 14px; height: 14px; font-size: 0px; cursor: pointer; z-index: 1; }
.oc-textarea-plus-component__input-wrapper .oc-textarea-plus-component__close svg { width: 14px; height: 14px; }
.oc-textarea-plus-component__input-wrapper:hover { background-color: rgb(242, 244, 247); }
.oc-textarea-plus-component__input-wrapper:hover .oc-textarea-plus-component__close { display: block; }
.oc-textarea-plus-component__input-wrapper:hover .oc-textarea-plus-component__close:hover svg path { color: rgb(179, 178, 187); }
.oc-textarea-plus-component__input-wrapper:hover .oc-textarea-plus-component__length { opacity: 0; }
.oc-textarea-plus-component__input-wrapper--focused { background-color: rgb(242, 244, 247); }
.oc-textarea-plus-component__input-wrapper--focused:hover .oc-textarea-plus-component__length { opacity: 0; }
.oc-textarea-plus-component__input-wrapper--focused .oc-textarea-plus-component__length { opacity: 1; }
.oc-textarea-plus-component__input { flex: 1 1 0%; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); padding: 0px 12px; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; }
.oc-textarea-plus-component__input--disabled { color: rgb(185, 188, 195); }
.oc-textarea-plus-component__input::placeholder { color: rgb(179, 178, 187); }
.oc-textarea-plus-component__input::-webkit-input-placeholder { color: rgb(179, 178, 187); }
.oc-textarea-plus-component__placeholder { display: flex; align-items: center; padding: 0px 12px; color: rgb(179, 178, 187); min-height: var(--textarea-plus-input-height, 34px); }
.oc-textarea-plus-component__action-wrapper { position: relative; margin-right: 12px; color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; min-width: 30px; text-align: center; }
.oc-textarea-plus-component__length { opacity: 0; }
.oc-textarea-plus-component__current-length--error { color: rgb(227, 73, 73); }
.oc-create-aweme-star-container { width: 792px; }
.oc-create-aweme-star-container .footer { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.oc-create-aweme-star-container .fans-num { font-weight: 400; font-size: 12px; color: rgb(147, 150, 157); }
.oc-create-aweme-star-container .aweme-star-select { padding: 12px 12px 8px; }
.oc-create-aweme-star-container .aweme-stars-table { position: relative; height: 292px; overflow: auto; }
.oc-create-aweme-star-container .aweme-stars-table .table-title { display: flex; align-items: center; padding: 0px 0px 8px 12px; font-size: 12px; color: rgb(147, 150, 157); font-weight: 400; line-height: 18px; }
.oc-create-aweme-star-container .selected-aweme-stars-table { position: relative; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head { border-bottom: 1px solid rgb(222, 224, 227); height: 38px; display: flex; align-items: center; }
.oc-create-aweme-star-container .selected-aweme-stars-table .body { overflow: auto; height: 308px; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head, .oc-create-aweme-star-container .selected-aweme-stars-table .row { display: flex; padding: 9px 12px; font-size: 14px; color: rgb(49, 52, 59); font-weight: 400; align-items: center; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head > *, .oc-create-aweme-star-container .selected-aweme-stars-table .row > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head .name, .oc-create-aweme-star-container .selected-aweme-stars-table .row .name { width: 100px; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head .count, .oc-create-aweme-star-container .selected-aweme-stars-table .row .count { width: 60px; margin-left: 8px; margin-right: 8px; }
.oc-create-aweme-star-container .selected-aweme-stars-table .head .oc-popover span, .oc-create-aweme-star-container .selected-aweme-stars-table .row .oc-popover span { display: flex; }
.oc-create-aweme-star-container .empty-stars { height: 260px; }
.oc-create-aweme-star-container .right-panel-header { display: flex; height: 38px; padding-left: 12px; align-items: center; background: rgb(242, 244, 247); font-weight: 500; color: rgb(49, 52, 59); font-size: 14px; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid rgb(222, 224, 227); }
.oc-create-aweme-star-container .aweme-star-cascader-panel-footer-show { height: 305px; }
.oc-create-aweme-star-container .aweme-star-cascader-panel-footer-hide { height: 343px; }
.oc-create-aweme-star-container .aweme-star-cascader-panel .ovui-cascader-panel__main--border { overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-create-aweme-star-container .aweme-star-cascader-panel-unselected .ovui-cascader-panel__selection-block { min-height: 345px; }
.oc-create-aweme-star-container .aweme-star-cascader-panel-selected .ovui-cascader-panel__selection-block { min-height: 305px; }
.oc-create-aweme-star-container--footer .left-panel .footer { border-top: 1px solid rgb(222, 224, 227) !important; }
.oc-asset-share-drawer-all-account-search { margin-bottom: 16px; }
.oc-asset-share-drawer-all-account-right { text-align: right; }
.oc-create-calendar-custom-wrapper { height: 100%; width: 100%; position: relative; border-radius: 8px; color: rgb(185, 188, 195); }
.oc-create-calendar-custom-wrapper-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.oc-create-calendar-custom-wrapper-content-description { color: rgb(147, 150, 157); font-size: 12px; }
.oc-create-calendar-custom-active { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 87, 255); color: rgb(0, 87, 255); }
.oc-create-calendar-custom-in-week { background-color: rgb(232, 244, 255); color: rgb(49, 52, 59); }
.oc-create-calendar-custom-in-week-grap { opacity: 0.4; color: rgb(49, 52, 59); }
.oc-create-calendar-custom-in-month { background-color: rgb(245, 247, 250); color: rgb(49, 52, 59); }
.oc-create-calendar-custom-hover { background-color: rgb(232, 234, 237); }
.oc-create-calendar-custom-disabled { color: rgb(222, 224, 227); }
.oc-collapse__button { display: flex; align-items: center; cursor: pointer; }
.oc-collapse__button.oc-collapse__button-reverse { flex-direction: row-reverse; }
.oc-collapse__button-text { margin: 0px 4px; }
.oc-collapse__button:hover { color: rgb(0, 87, 255); }
.oc-collapse__wrapper { width: 100%; display: flex; align-items: center; font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); border-radius: 4px; }
.oc-collapse__wrapper-primary { color: rgb(0, 87, 255); }
.oc-collapse__wrapper-card { width: 100%; display: flex; align-items: center; justify-content: center; padding: 2px 0px; background-color: rgb(242, 244, 247); cursor: pointer; border-radius: 4px; }
.oc-collapse__wrapper-card:hover { background-color: rgb(232, 234, 237); }
.oc-collapse__wrapper-card .oc-collapse__button { width: 100%; text-align: center; justify-content: center; }
.oc-collapse__wrapper-bottom, .oc-collapse__wrapper-top { justify-content: center; }
.oc-collapse__wrapper-bottom-start, .oc-collapse__wrapper-top-start { justify-content: flex-start; }
.oc-collapse__wrapper-bottom-end, .oc-collapse__wrapper-top-end { justify-content: flex-end; }
.oc-file-select-card-wrapper { position: relative; width: 100%; height: 100%; border-radius: 8px; background: rgb(242, 244, 247); display: flex; align-items: center; justify-content: center; }
.oc-file-select-card-wrapper:hover .oc-file-select-card-del { display: block; }
.oc-file-select-card-wrapper .oc-file-select-card-del { position: absolute; top: -6px; right: -6px; color: rgb(147, 150, 157); cursor: pointer; display: none; }
.oc-file-select-card-wrapper .oc-file-select-card-add { display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 14px; color: rgb(49, 52, 59); }
.oc-file-select-card-wrapper .oc-file-select-card-add .oc-file-select-card-add-text { margin-top: 8px; }
.oc-file-select-card-wrapper .oc-file-select-card-uploading { max-width: 80%; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 14px; color: rgb(49, 52, 59); }
.oc-file-select-card-wrapper .oc-file-select-card-uploading .oc-file-select-card-uploading-text { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 8px 0px 0px; }
.oc-file-select-card-wrapper .oc-file-select-card-error { display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 14px; padding: 0px 16px; }
.oc-file-select-card-wrapper .oc-file-select-card-error .oc-file-select-card-error-icon { margin-bottom: 8px; color: rgb(227, 73, 73); }
.oc-file-select-card-wrapper:hover { cursor: pointer; }
.oc-file-select-card-wrapper:hover .oc-file-select-card-add { color: rgb(0, 87, 255); }
.oc-file-select-card-wrapper .oc-file-select-card-disabled-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
.oc-file-select-card-wrapper .oc-file-select-card-disabled-mask .oc-file-select-card-disabled-trigger-area { width: 100%; height: 100%; }
.oc-file-select-card-error { background: rgb(253, 242, 242); }
.oc-file-select-card-disabled { background: rgb(245, 247, 250); }
.oc-file-select-card-disabled .oc-file-select-card-add { color: rgb(185, 188, 195); }
.oc-file-select-card-disabled:hover { cursor: not-allowed; }
.oc-file-select-card-disabled:hover .oc-file-select-card-add { color: rgb(185, 188, 195); }
.ovui-image-preview { z-index: 999999; }
.ovui-image-preview__img { max-width: calc(100% - 120px); max-height: calc(100% - 120px); }
.oc-media-upload-preview-card-wrapper { width: 100%; height: 100%; border-radius: 8px; position: relative; background-color: rgb(242, 244, 247); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.oc-media-upload-preview-card-wrapper:hover .oc-media-upload-preview-card-del { display: block; }
.oc-media-upload-preview-card-wrapper:hover .oc-media-upload-preview-card-operate { display: flex; }
.oc-media-upload-preview-card-wrapper:hover .oc-media-upload-preview-card-play { display: none; }
.oc-media-upload-preview-card-wrapper .ovui-image { position: absolute; width: 0px; height: 0px; }
.oc-media-upload-preview-card-wrapper .oc-media-upload-preview-card-del { position: absolute; top: -6px; right: -6px; z-index: 3; color: rgb(147, 150, 157); cursor: pointer; display: none; }
.oc-media-upload-preview-card-wrapper .oc-media-upload-preview-card-play { position: absolute; inset: 0px; margin: auto; z-index: 1; color: rgb(255, 255, 255); }
.oc-media-upload-preview-card-wrapper .oc-media-upload-preview-card-operate { position: absolute; inset: 0px; border-radius: 8px; background-color: rgba(26, 26, 27, 0.5); color: rgb(255, 255, 255); align-items: center; justify-content: center; display: none; z-index: 2; }
.oc-media-upload-preview-card-wrapper .oc-media-upload-preview-card-operate .oc-media-upload-preview-card-operate-icon { margin-left: 16px; cursor: pointer; }
.oc-media-upload-preview-card-wrapper .oc-media-upload-preview-card-operate .oc-media-upload-preview-card-operate-icon:first-child { margin-left: 0px; }
.oc-audio-upload { margin-left: 16px; margin-bottom: 8px; position: relative; width: 100%; }
.oc-audio-upload__info { display: flex; align-items: center; justify-content: space-between; width: 320px; height: 32px; padding: 5px 32px 5px 8px; border-radius: 4px; background-color: rgb(242, 244, 247); position: relative; }
.oc-audio-upload__info__name__text__fail { color: rgb(227, 73, 73); }
.oc-audio-upload__info__fail .oc-fail-tips { color: rgb(227, 73, 73); font-size: 12px; }
.oc-audio-upload__info__delete { width: 16px; height: 16px; cursor: pointer; position: absolute; right: 8px; color: rgb(147, 150, 157); }
.oc-file-select-card-uploading-text { color: rgb(0, 87, 255); font-size: 12px; margin-left: 8px; }
.oc-audio-upload { margin-left: 16px; margin-bottom: 8px; width: 100%; }
.oc-audio-upload__info { display: flex; align-items: center; justify-content: space-between; width: 320px; height: 32px; padding: 5px 32px 5px 8px; border-radius: 8px; background-color: rgb(242, 244, 247); position: relative; }
.oc-audio-upload__info__delete__hide { padding-right: 8px; }
.oc-audio-upload__info__name { display: flex; align-items: center; color: rgb(49, 52, 59); font-size: 14px; overflow: hidden; flex: 1 1 0%; }
.oc-audio-upload__info__name iconpark-icon { margin-right: 8px; }
.oc-audio-upload__info__name__text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 40px); }
.oc-audio-upload__info__uploading, .oc-audio-upload__info__success, .oc-audio-upload__info__fail { display: flex; align-items: center; }
.oc-audio-upload__info__fail .fail-tips { color: rgb(227, 73, 73); font-size: 12px; }
.oc-audio-upload__info__delete { width: 16px; height: 16px; cursor: pointer; position: absolute; right: 8px; }
.oc-audio-upload__after { position: absolute; left: 320px; top: 0px; }
.oc-custom-package-wrapper-main { margin-top: 8px; display: flex; height: 322px; }
.oc-custom-package-wrapper-main-left { border: 1px solid rgb(232, 234, 237); border-radius: 8px; overflow: hidden; width: 546px; }
.oc-custom-package-wrapper-main-right { width: 240px; margin-left: 8px; border: 1px solid rgb(232, 234, 237); border-radius: 8px; overflow: hidden; }
.oc-package-exhibition { display: flex; flex-direction: column; height: 100%; }
.oc-package-exhibition-header { display: flex; justify-content: space-between; padding: 8px 12px; background-color: rgb(242, 244, 247); border-bottom: 1px solid rgb(232, 234, 237); }
.oc-package-exhibition-header span { font-size: 14px; line-height: 22px; }
.oc-package-exhibition-tab .ovui-tabs__nav { padding-left: 12px; }
.oc-package-exhibition-body { flex: 1 1 0%; display: flex; flex-direction: column; padding: 0px 12px; max-height: 253px; overflow: auto; }
.oc-package-exhibition-body-empty { margin: auto; }
.oc-package-exhibition-body-item { margin-top: 12px; height: 24px; background-color: rgb(242, 244, 247); border-radius: 4px; padding: 1px 8px; display: flex; align-items: center; justify-content: space-between; }
.oc-package-exhibition-body-item-right { flex: 0 0 auto; margin-left: 4px; font-size: 0px; }
.oc-package-exhibition-body-item:last-child { margin-bottom: 12px; }
.oc-custom-package-wrapper-main .oc-package-table-header-tab { margin: 0px 12px; height: 36px; }
.oc-package-table { position: relative; width: 544px; }
.oc-package-table .ovui-table__wrapper .ovui-th { background-color: rgb(255, 255, 255); height: 32px; padding: 0px 0px 0px 12px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(232, 234, 237); }
.oc-package-table .ovui-table__wrapper .ovui-tbody { padding: 6px 0px; }
.oc-package-table .ovui-table__wrapper .ovui-tbody .ovui-td { padding: 5px 0px 5px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; line-height: 22px; }
.oc-package-hide-th .ovui-th { display: none; }
.oc-package-hide-tab .ovui-table__wrapper .ovui-tr .ovui-th { background-color: rgb(242, 244, 247); height: 38px; }
.oc-package-table-btn-wrapper { display: flex; margin-right: 12px; }
.oc-package-table-btn-wrapper .oc-button-wrap { margin-right: 14px; }
.oc-package-table-btn-wrapper .oc-button-wrap:last-child { margin-right: 0px; }
.oc-create-aigc-generate-selector-candidate-list .empty-container { justify-content: center; flex-direction: column; height: 185px; border-radius: 8px; opacity: 0.8; background: rgb(255, 255, 255); padding-top: 8px; width: 100%; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container { position: relative; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list { width: 100%; display: flex; overflow: hidden; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .candidate-item { margin-right: 16px; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .candidate-item-large { height: 184px; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .candidate-item-small { height: 142px; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .more-btn { cursor: pointer; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .more-btn.disabled { cursor: not-allowed; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .more-btn .button-box { width: 35px; height: 100%; background: rgba(255, 255, 255, 0.8); border-radius: 4px; position: relative; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .candidate-list .more-btn .button-box .button-content { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; width: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .pre-page-btn-wrapper, .oc-create-aigc-generate-selector-candidate-list .candidate-list-container .next-page-btn-wrapper { width: 32px; height: 100%; display: flex; align-items: center; z-index: 10; }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .pre-page-btn-wrapper { background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .next-page-btn-wrapper { background: linear-gradient(270deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.oc-create-aigc-generate-selector-candidate-list .candidate-list-container .pre-page-btn, .oc-create-aigc-generate-selector-candidate-list .candidate-list-container .next-page-btn { box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px; width: 24px; height: 24px; background-color: rgb(255, 255, 255); border-radius: 50%; color: rgb(49, 52, 59); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.oc-side-bar .ovui-menu { padding-right: 12px; overflow-y: auto; height: 100%; }
.oc-side-bar .ovui-menu-item, .oc-side-bar .ovui-menu-content, .oc-side-bar .ovui-sub-menu__header { height: 40px; border-radius: 12px; transition: padding-left 0.2s; }
.oc-side-bar .ovui-menu--collapsed .ovui-menu-content, .oc-side-bar .ovui-menu--collapsed .ovui-sub-menu__header { padding-left: 12px !important; }
.oc-side-bar .ovui-menu-content { padding-right: 8px; }
.oc-side-bar .ovui-menu-content__icon, .oc-side-bar .ovui-sub-menu__icon { color: rgb(147, 150, 157); }
.oc-side-bar .ovui-menu-item, .oc-side-bar .ovui-sub-menu { margin-bottom: 8px; }
.oc-side-bar .ovui-menu-item:last-child, .oc-side-bar .ovui-sub-menu:last-child { margin-bottom: 0px; }
.oc-side-bar .ovui-menu-content:hover .ovui-menu-content__icon { color: rgb(0, 87, 255); }
.oc-side-bar .ovui-menu-content:hover { background-color: rgba(42, 85, 229, 0.06); }
.oc-side-bar .ovui-menu--collapsed .ovui-sub-menu:hover { background-color: rgba(42, 85, 229, 0.06); border-radius: 12px; }
.oc-side-bar .ovui-menu--collapsed .ovui-sub-menu-active, .oc-side-bar .ovui-menu--collapsed .ovui-sub-menu-active:hover, .oc-side-bar .ovui-menu-content--active, .oc-side-bar .ovui-menu-content--active:hover { background-color: rgb(255, 255, 255); border-radius: 12px; }
.oc-side-bar .ovui-menu--collapsed .ovui-sub-menu-active .ovui-menu-content__icon, .oc-side-bar .ovui-menu--collapsed .ovui-sub-menu-active:hover .ovui-menu-content__icon, .oc-side-bar .ovui-menu-content--active .ovui-menu-content__icon, .oc-side-bar .ovui-menu-content--active:hover .ovui-menu-content__icon, .oc-side-bar .ovui-sub-menu .ovui-sub-menu__header:hover, .oc-side-bar .ovui-sub-menu .ovui-sub-menu__header:hover .ovui-sub-menu__icon { color: rgb(0, 87, 255); }
.oc-side-bar .ovui-sub-menu .ovui-sub-menu__header { color: rgb(49, 52, 59); }
.oc-side-bar .ovui-sub-menu-active .ovui-sub-menu__header, .oc-side-bar .ovui-sub-menu-active .ovui-sub-menu__header .ovui-sub-menu__icon { color: rgb(0, 87, 255); }
.oc-side-bar .ovui-sub-menu__list .ovui-menu-content { padding-left: 40px !important; }
.oc-side-bar-item { display: flex; }
.oc-side-bar-item-icon { margin-left: 4px; }
.oc-side-bar-item-disabled .ovui-menu-content, .oc-side-bar-item-disabled .ovui-menu-content:hover { color: rgb(185, 188, 195); cursor: not-allowed; background-color: inherit; }
.oc-side-bar-item-disabled .ovui-menu-content__icon { color: rgb(185, 188, 195); }
.oc-side-bar-item-last { margin-bottom: 0px !important; }
.ovui-menu-popper__inner { border-radius: 12px; min-width: 180px; }
.ovui-menu-popper__inner .ovui-sub-menu__popper-title { height: 30px; margin-bottom: 15px; }
.ovui-menu-popper__inner .ovui-menu-item { height: 30px; margin-bottom: 10px; }
.ovui-menu-popper__inner .ovui-sub-menu__list { margin: 0px; padding: 8px; }
.ovui-menu-popper__inner .ovui-menu-content { height: 30px; border-radius: 8px; }
.ovui-menu-popper__inner .ovui-menu-content:hover { background-color: rgb(242, 244, 247); }
.ovui-menu-popper__inner .ovui-menu-content--active { background-color: inherit; }
.oc-audio-player { color: rgb(255, 255, 255); cursor: pointer; }
.oc-create-audience-district-city .oc-tabs { background: rgb(242, 244, 247); border-radius: 8px 8px 0px 0px; border-top: 1px solid rgb(222, 224, 227); border-left: 1px solid rgb(222, 224, 227); border-right: 1px solid rgb(222, 224, 227); }
.oc-create-audience-district-city .oc-tabs .ovui-tabs__nav { padding-left: 16px; }
.oc-create-audience-district-city .oc-tabs .switch-text { font-size: 14px; line-height: 22px; color: rgb(98, 101, 108); margin-right: 12px; margin-left: 4px; }
.oc-create-audience-district-city .oc-tabs .ovui-tabs__extra-content { align-items: center; }
.oc-create-audience-district-city .city-tab { padding: 7px 0px; font-weight: 600; }
.oc-create-audience-district-city .ovui-cascader-panel__main { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.oc-create-audience-district-city .ovui-cascader-panel__main .create-audience-district-city__label-extra > span { white-space: nowrap; }
.oc-create-audience-district-city .after-cascader { margin-top: 8px; display: flex; align-items: center; }
.oc-create-audience-district-city .create-more-wrapper-header-left { color: rgb(49, 52, 59); }
.oc-create-audience-district-city__header { margin-left: 12px; font-size: 14px; height: 22px; display: flex; align-items: center; }
.oc-create-audience-district-city__header-span { font-size: 14px; font-weight: 500; line-height: 22px; }
.oc-create-audience-district-city .title-no-bgcolor .ovui-cascader-panel__selection-header { background: none; }
.oc-create-audience-district-city-disabled .title-no-bgcolor .ovui-cascader-panel__selection-header { color: rgb(185, 188, 195); }
.oc-affix { display: flex; }
.oc-affix .oc-typography-dashed span { font-weight: unset; -webkit-font-smoothing: unset; }
.oc-affix.oc-affix-disabled .oc-typography-dashed span { border-image-source: repeating-linear-gradient(90deg, rgb(185, 188, 195), rgb(185, 188, 195) 3px, transparent 0px, transparent 5px); }
.oc-affix .oc-affix-typography { font-size: unset; line-height: unset; color: unset; }
.oc-create-brand-custom-audience-package-table { margin-top: 8px; display: flex; height: 322px; }
.oc-create-brand-custom-audience-package-table-left { border: 1px solid rgb(222, 224, 227); border-radius: 8px; overflow: hidden; width: 546px; }
.oc-create-brand-custom-audience-package-table-left .ovui-cascader-panel__main--border { border: 0px; }
.oc-create-brand-custom-audience-package-table-left .oc-audience-package-table-name { display: flex; align-items: center; padding-left: 12px; height: 42px; position: relative; top: -1px; }
.oc-create-brand-custom-audience-package-table-right { width: 240px; margin-left: 8px; border: 1px solid rgb(222, 224, 227); border-radius: 8px; overflow: hidden; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition { display: flex; flex-direction: column; height: 100%; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-header { display: flex; justify-content: space-between; padding: 0px 12px; background-color: rgb(242, 244, 247); border-bottom: 1px solid rgb(222, 224, 227); font-size: 14px; line-height: 36px; color: rgb(49, 52, 59); font-weight: 600; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-body { flex: 1 1 0%; display: flex; flex-direction: column; padding: 0px 12px; max-height: 283px; overflow: auto; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-body-empty { margin: auto; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-body-item { margin-top: 8px; width: 100%; height: 26px; background-color: rgb(242, 244, 247); border-radius: 4px; padding: 1px 8px; display: flex; align-items: center; justify-content: space-between; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-body-item iconpark-icon { cursor: pointer; }
.oc-create-brand-custom-audience-package-table-right .brand-package-exhibition-body-item:last-child { margin-bottom: 12px; }
.oc-create-brand-custom-audience-package-table-tab-single .ovui-tabs__bar--show { display: none; }
.oc-create-brand-package-table { position: relative; width: 544px; }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-th { background-color: rgb(255, 255, 255); height: 32px; padding: 0px 0px 0px 12px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(232, 234, 237); }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-tbody { padding: 6px 0px; overflow-y: scroll; }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-tbody .ovui-tr:hover { background-color: rgb(242, 244, 247); }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-tbody .ovui-tr:hover .ovui-td { background: transparent; }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-tbody .ovui-td { padding: 5px 0px 5px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; line-height: 22px; }
.oc-create-brand-package-table .ovui-table__wrapper .ovui-tbody .ovui-td:nth-of-type(2) { padding: 0px; }
.oc-create-brand-custom-audience-package-table .brand-package-table-header-tab { margin: 0px 12px; height: 36px; }
.oc-create-audience-district-business { display: flex; flex-direction: row; }
.oc-create-audience-district-business__map .arco-input-search .arco-input-group { width: 544px; }
.oc-create-audience-district-business__map .arco-input-search .arco-input-group .arco-input-inner-wrapper { border-radius: 8px; }
.oc-create-audience-district-business__map .arco-input-search .arco-input-group .arco-input-group-prefix { color: rgb(147, 150, 157); }
.oc-create-audience-district-business__map .amap-maps .text { color: rgb(0, 87, 255) !important; }
.oc-create-audience-district-business__map .amap-container { border-radius: 8px; }
.oc-create-audience-district-business-disabled-all { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.6); cursor: not-allowed; z-index: 151; }
.oc-create-audience-district-county__header { margin-left: 12px; font-size: 14px; line-height: 22px; }
.oc-create-audience-district-county__header-span { font-size: 14px; color: rgb(49, 52, 59); font-weight: 500; }
.oc-create-audience-district-county .after-cascader { margin-top: 8px; display: flex; align-items: flex-start; }
.oc-create-audience-district-county .after-cascader-span { font-size: 14px; color: rgb(49, 52, 59); font-weight: 500; line-height: 22px; }
.oc-create-audience-district-store { display: flex; flex-direction: row; margin-bottom: 24px; }
.oc-create-audience-district-store-disabled { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(255, 255, 255, 0.6); cursor: not-allowed; }
.oc-create-audience-district-store-disabled-all { z-index: 151; }
.oc-create-audience-district-store__map .arco-spin { display: block; }
.oc-create-audience-district-store__map .arco-input-search, .oc-create-audience-district-store__map .arco-input-group { display: none; }
.oc-create-audience-district-store__card { width: 340px; padding: 16px; border-radius: 8px; background: rgb(255, 255, 255); position: absolute; bottom: 290px; right: 16px; z-index: 1; }
.oc-create-audience-district-store__card-footer { display: flex; justify-content: flex-end; margin-top: 16px; }
.oc-create-audience-district-store__card-footer div + div { margin-left: 8px; }
.oc-create-audience-district-store__card-slider { display: flex; margin-top: 16px; }
.oc-create-audience-district-store__card-slider-title { font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.oc-create-audience-district-store__card-slider-box { position: relative; width: 248px; padding-bottom: 26px; margin-top: 8px; }
.oc-create-audience-district-store__card-slider-box-text { position: absolute; top: 12px; left: 50%; color: rgb(0, 87, 255); font-size: 12px; line-height: 18px; transform: translate(-50%); }
.oc-create-audience-district-store__card-slider-box .ovui-slider__track, .oc-create-audience-district-store__card-slider-box .ovui-slider__rail { height: 2px; }
.oc-create-audience-district-store__card-slider-box .ovui-slider__thumb { width: 12px; height: 12px; }
.oc-create-audience-district-store__card-slider-box .ovui-slider__marks { top: 12px; }
.oc-create-audience-district-store__card-slider-box .ovui-slider__marks span { font-size: 12px; line-height: 18px; color: rgb(147, 150, 157); }
.oc-create-audience-district-store__bar { padding: 12px; position: absolute; bottom: 44px; right: 16px; left: 16px; z-index: 1; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.oc-create-audience-district-store__bar .oc-msg-icon { color: rgb(0, 63, 210); }
.oc-asset-share-modal-select-area-w-100 { width: 100%; }
.oc-asset-share-modal-select-area-label-wrap { display: flex; align-items: center; justify-content: space-between; }
.oc-asset-share-modal-select-area-selected { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.oc-asset-share-modal-select-area .ovui-cascader-exb { height: 320px; }
.oc-asset-share-modal-select-area .ovui-cascader-panel__selection-header { background-color: rgb(242, 244, 247); height: 38px !important; }
.oc-asset-share-modal-select-area .ovui-cascader-exb__header { background-color: rgb(242, 244, 247); }
.oc-asset-share-modal-select-area .ovui-cascader-panel__selection-block { height: 318px; }
.oc-asset-share-modal-select-area-cas { height: 320px; display: flex; }
.oc-asset-share-modal-select-area-cas-panel { margin-left: 8px; }
.oc-asset-share-modal-failed-task-footer { display: flex; justify-content: flex-end; }
.oc-create-inventory-info-item { display: flex; align-items: center; padding: 8px 14px 8px 8px; background-color: rgb(255, 255, 255); }
.oc-create-inventory-info-item .img { display: flex; align-items: center; width: 66px; }
.oc-create-inventory-info-item .img .test { width: 28px; }
.oc-create-inventory-info-item .img .oc-popover { margin-left: 4px; }
.oc-create-inventory-info-item .num, .oc-create-inventory-info-item .cnt { display: flex; align-items: center; flex: 1 1 0%; }
.oc-tip-tag-wrapper { padding: 2px 4px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: rgb(49, 52, 59); white-space: nowrap; }
.oc-tip-tag-wrapper .oc-tip-tag-icon { margin-right: 2px; }
.oc-tip-tag-info { background: rgb(232, 244, 255); }
.oc-tip-tag-info .oc-tip-tag-icon { color: rgb(0, 63, 210); }
.oc-tip-tag-success { background: rgb(236, 248, 235); }
.oc-tip-tag-success .oc-tip-tag-icon { color: rgb(13, 166, 0); }
.oc-tip-tag-warning { background: rgb(255, 249, 224); }
.oc-tip-tag-warning .oc-tip-tag-icon { color: rgb(235, 150, 23); }
.oc-tip-tag-danger { background: rgb(253, 242, 242); }
.oc-tip-tag-danger .oc-tip-tag-icon { color: rgb(227, 73, 73); }
.oc-tip-tag-xs { padding: 2px 4px; }
.oc-tip-tag-sm { padding: 5px 4px; }
@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); font-display: swap; }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); font-display: swap; }
@font-face { font-family: OC-Number-Regular; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); font-display: swap; }
@font-face { font-family: OC-Number-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); font-display: swap; }
@font-face { font-family: "Douyin Sans"; src: url("assets/advertiser/85eaac6e2b1021f1fe54.ttf"); font-display: swap; }
.ovui-message__content { max-width: 640px; align-items: flex-start !important; line-height: 18px !important; }
.ovui-message__content .ovui-message__text { text-align: left; margin-left: 4px; }
.ovui-message__content .ovui-message__icon { font-size: 14px; margin-top: 2px; }
.oc-modal-confirm-title { display: flex; align-items: flex-start; font-size: 16px; line-height: 24px; margin-top: -3px; }
.oc-modal-confirm-title .oc-modal-confirm-icon { font-size: 18px; margin-right: 8px; margin-top: 3px; }
.oc-modal-confirm-title .oc-modal-confirm-icon[name="oc-icon-info"] { color: rgb(0, 87, 255); }
.oc-modal-confirm-title .oc-modal-confirm-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.oc-modal-confirm-title .oc-modal-confirm-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.oc-modal-confirm-title .oc-modal-confirm-icon[name="oc-icon-close-one"] { color: rgb(227, 73, 73); }
.oc-modal-confirm-body-with-icon { padding-left: 27px; }
.ocean-bg { background: linear-gradient(84deg, rgb(240, 248, 255) -73.41%, rgb(232, 244, 255) 91.31%); }
.ocean-bg-img { z-index: 0; position: relative; background: linear-gradient(84deg, rgb(240, 248, 255) -73.41%, rgb(232, 244, 255) 91.31%); }
.ocean-bg-img::after { z-index: -1; position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: url("assets/advertiser/b88c70f5412fed1bde10.png") right top / 840px 320px no-repeat; mix-blend-mode: color-burn; }
.oc-promotion-metric-card-number .oc-typography { display: inline-block; vertical-align: baseline; }
.oc-not-support { background: rgb(255, 255, 255); display: flex; }
.oc-create-range-num-info-item { display: flex; align-items: flex-end; }
.oc-create-range-num-info-item .num { font-size: 28px; line-height: 34px; }
.oc-create-range-num-info-item .oc-typography + .oc-typography { margin-left: 4px; }
.oc-create-range-num-info-item .extra { width: 24px; display: flex; justify-content: center; }
.oc-create-num-info-item { width: 128px; }
.oc-create-num-info-item .title, .oc-create-num-info-item .content { display: flex; align-items: baseline; gap: 3px; }
.oc-create-num-info-item .title-num, .oc-create-num-info-item .content-num { line-height: 34px; }
.oc-create-num-info-item .title-num-default, .oc-create-num-info-item .content-num-default { font-size: 24px; }
.oc-create-num-info-item .title { align-items: center; }
.oc-create-num-info-item .title + .content { margin-top: 4px; }
.oc-upload-table-name-wrapper { display: flex; justify-content: flex-start; align-items: center; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right { margin-left: 16px; min-width: 0px; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right .oc-upload-table-name-text { display: flex; align-items: center; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right .oc-upload-table-name-text .oc-upload-table-name-edit-icon { margin-left: 5px; cursor: pointer; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right .oc-upload-table-name-progress { display: flex; align-items: center; justify-content: flex-start; width: 275px; gap: 12px; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right .oc-upload-table-name-progress .oc-upload-table-name-progress-chart { flex: 1 1 0%; }
.oc-upload-table-name-wrapper .oc-upload-table-name-right .oc-upload-table-name-progress .oc-upload-table-name-progress-success { color: rgb(13, 166, 0); }
.oc-create-preview-operating { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 10001 !important; }
.oc-create-preview-operating-bg { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.6); z-index: 9; }
.oc-create-preview-operating-tips { width: 100%; position: absolute; text-align: center; z-index: 11; top: 8px; opacity: 1; }
.oc-create-preview-operating-tips-main { background-color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 20px; display: inline-block; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px; font-size: 0px; }
.oc-create-preview-operating-tips iconpark-icon { vertical-align: middle; }
.oc-create-preview-operating-tips span { color: rgb(49, 52, 59); font-size: 12px; zoom: 0.83333; line-height: 12px; vertical-align: middle; }
.oc-create-preview-operating-tips-name { font-weight: 600; }
.oc-create-preview-operating-mask { position: absolute; width: 150px; height: 20px; left: 7px; bottom: 112px; z-index: 10; }
.oc-create-preview-operating-mask::after { border-radius: 4px; background: radial-gradient(rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.5) 100%); inset: 0px; content: ""; position: absolute; filter: blur(1px); animation-delay: 1s; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-name: breathing1; }
.oc-create-preview-operating-mask em { position: absolute; width: 25px; height: 25px; color: rgb(255, 255, 255); animation-delay: 1s; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.oc-create-preview-operating-mask-top { left: -11px; top: -11px; animation-name: breathingTop; }
.oc-create-preview-operating-mask-right { right: -11px; top: -11px; transform: rotate(90deg); animation-name: breathingRight; }
.oc-create-preview-operating-mask-bottom { right: -11px; bottom: -11px; transform: rotate(-180deg); animation-name: breathingBottom; }
.oc-create-preview-operating-mask-left { left: -11px; bottom: -11px; transform: rotate(-90deg); animation-name: breathingLeft; }
@keyframes breathingTop { 
  0% { transform: translate(0px) translateY(0px); }
  50% { transform: translate(2px) translateY(2px); }
  100% { transform: translate(0px) translateY(0px); }
}
@keyframes breathingRight { 
  0% { transform: translate(0px) translateY(0px) rotate(90deg); }
  50% { transform: translate(-2px) translateY(2px) rotate(90deg); }
  100% { transform: translate(0px) translateY(0px) rotate(90deg); }
}
@keyframes breathingBottom { 
  0% { transform: translate(0px) translateY(0px) rotate(-180deg); }
  50% { transform: translate(-2px) translateY(-2px) rotate(-180deg); }
  100% { transform: translate(0px) translateY(0px) rotate(-180deg); }
}
@keyframes breathingLeft { 
  0% { transform: translate(0px) translateY(0px) rotate(-90deg); }
  50% { transform: translate(2px) translateY(-2px) rotate(-90deg); }
  100% { transform: translate(0px) translateY(0px) rotate(-90deg); }
}
@keyframes breathing1 { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.oc-create-product-tabs { display: flex; height: 70px; overflow-x: scroll; }
.oc-create-product-tabs .oc-create-product-tabs-panel { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; height: 50px; position: relative; border: 1px solid rgb(185, 188, 195); border-radius: 8px; margin-right: 12px; cursor: pointer; }
.oc-create-product-tabs .oc-create-product-tabs-panel .oc-create-product-tabs-panel-product-detail { display: flex; flex-direction: row; align-items: center; }
.oc-create-product-tabs .oc-create-product-tabs-panel .oc-create-product-tabs-panel-product-detail .oc-create-product-tabs-panel-img-block { width: 48px; height: 48px; padding: 4px 0px 4px 4px; }
.oc-create-product-tabs .oc-create-product-tabs-panel .oc-create-product-tabs-panel-product-detail .oc-create-product-tabs-panel-img-block .oc-create-product-tabs-panel-img { position: relative; border-radius: 4px; width: 40px; height: 40px; }
.oc-create-product-tabs .oc-create-product-tabs-panel .oc-create-product-tabs-panel-product-detail .oc-create-product-tabs-panel-img-block .oc-create-product-tabs-panel-img-info { position: absolute; left: 4px; bottom: 4px; line-height: 16px; width: 40px; font-size: 10px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); border-radius: 0px 0px 4px 4px; }
.oc-create-product-tabs .oc-create-product-tabs-panel .oc-create-product-tabs-panel-product-detail .oc-create-product-tabs-panel-product-name { padding: 0px 8px; max-height: 40px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 18px; }
.oc-create-product-tabs .oc-create-product-tabs-panel:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); }
.oc-create-product-tabs .oc-create-product-tabs-panel:hover .oc-create-product-tabs-panel-arrow { border-top: 1px solid rgb(46, 123, 255); border-left: 1px solid rgb(46, 123, 255); }
.oc-create-product-tabs .warning { color: rgb(235, 150, 23); border: 1px solid rgb(235, 150, 23); }
.oc-create-product-tabs .warning .oc-create-product-tabs-panel-arrow { border-top: 1px solid rgb(235, 150, 23); border-left: 1px solid rgb(235, 150, 23); }
.oc-create-product-tabs .error { color: rgb(227, 73, 73); border: 1px solid rgb(227, 73, 73); }
.oc-create-product-tabs .error .oc-create-product-tabs-panel-arrow { border-top: 1px solid rgb(227, 73, 73); border-left: 1px solid rgb(227, 73, 73); }
.oc-create-product-tabs .active { border: 1px solid rgb(0, 87, 255); color: rgb(0, 87, 255); }
.oc-create-product-tabs .active .oc-create-product-tabs-panel-arrow { border-top: 1px solid rgb(0, 87, 255); border-left: 1px solid rgb(0, 87, 255); }
.oc-create-product-tabs .oc-create-product-tabs-panel-arrow { box-sizing: content-box; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; transform: rotate(-135deg); border-width: 1px; border-style: solid; border-color: rgb(185, 188, 195) transparent transparent rgb(185, 188, 195); height: 6px; width: 6px; background: rgb(255, 255, 255); display: block; content: ""; z-index: 1; }
.oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable { background-color: rgb(242, 244, 247); box-shadow: unset; cursor: unset; border: unset; color: rgb(49, 52, 59); }
.oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable:hover { color: rgb(49, 52, 59); border: unset; }
.oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable:hover .oc-create-product-tabs-panel-arrow { border-top: 1px solid rgb(185, 188, 195); border-left: 1px solid rgb(185, 188, 195); }
.oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable .warning, .oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable .error, .oc-create-product-tabs .oc-create-product-tabs-panel-no-selectable .active { color: rgb(49, 52, 59); border: unset; }
.oc-recommend-modal-title-list { margin: 16px -24px 0px; max-height: 318px; overflow: hidden auto; }
.oc-recommend-modal-title-list .oc-recommend-modal-title-total { padding: 0px 24px 16px; }
.oc-recommend-modal-title-list .byted-checkbox-group { display: flex; flex-flow: wrap; justify-content: space-between; }
.oc-recommend-modal-title-list .list_item { padding-left: 8px; cursor: pointer; }
.oc-recommend-modal-title-list .list_item:hover .similar-title { display: block; font-size: 14px; }
.oc-recommend-modal-title-list .list_content { padding: 0px 24px 4px; height: 100%; }
.oc-recommend-modal-title-list .list_content .recommend-title-checkbox { width: 100%; display: flex; flex-wrap: wrap; }
.oc-recommend-modal-title-list .list_content .recommend-title-checkbox .row-wrapper { width: 100%; }
.oc-recommend-modal-title-list .list_content .recommend-title-checkbox .checkbox-item { margin-bottom: 8px; }
.oc-recommend-modal-title-list .list_content .no-data-wrapper { display: flex; flex-direction: column; align-items: center; }
.oc-recommend-modal-title-list .list_content .no-data-wrapper img { width: 320px; }
.oc-recommend-modal-title-list .list_content .no-data-wrapper .no-data-tips { color: rgb(153, 153, 153); font-size: 14px; }
.oc-recommend-modal-title-list .list_item { position: relative; height: 38px; line-height: 38px; display: flex; align-items: center; box-sizing: border-box; border-radius: 4px; padding: 0px 8px; margin: 0px; }
.oc-recommend-modal-title-list .list_item label { height: 22px; margin: 2px 0px; }
.oc-recommend-modal-title-list .list_item .list_item_text { width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oc-recommend-modal-title-list .list_item .list_item_text .content { overflow: hidden; }
.oc-recommend-modal-title-list .list_item .list_item_text .content p { margin: 0px; display: inline-block; }
.oc-recommend-modal-title-list .list_item .list_item_text .similar-title { display: none; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: rgb(237, 241, 245); padding-left: 14px; }
.oc-recommend-modal-title-list .list_item:hover { background: rgb(237, 241, 245); }
.oc-recommend-modal-title-list .list_item .checkbox-disabled { cursor: not-allowed; }
.oc-recommend-modal-title-list .list_item .checkbox-disabled:hover { background: transparent; }
.oc-recommend-modal-title-list .list_item .checkbox-disabled:hover .similar-title { display: none; }
.oc-recommend-modal-title-list .no-hover:hover { background: transparent; }
.highlight-keyword { color: red; font-weight: 500; }
.oc-product-card-wrapper { background: rgb(242, 244, 247); border-radius: 8px; height: 80px; display: flex; position: relative; border: 1px solid transparent; box-sizing: content-box; }
.oc-product-card-wrapper-hoverable:hover { background: rgb(242, 244, 247); border-color: rgb(0, 87, 255); }
.oc-product-card-wrapper-hoverable:hover .oc-product-card-del { display: block; }
.oc-product-card-wrapper-media { padding: 8px; }
.oc-product-card-wrapper .oc-product-card-desc { flex: 1 1 0%; display: flex; align-self: center; flex-direction: column; gap: 8px; padding-right: 8px; }
.oc-product-card-wrapper .oc-product-card-desc-name { display: flex; align-items: center; justify-content: flex-start; gap: 4px; }
.oc-product-card-wrapper .oc-product-card-desc-name-tags { display: inline-flex; gap: 3px; justify-content: center; margin-right: 4px; font-weight: 400; }
.oc-product-card-wrapper .oc-product-card-desc-middle { display: flex; gap: 12px; align-items: center; }
.oc-product-card-wrapper .oc-product-card-desc-middle-tags { display: flex; gap: 4px; align-items: center; }
.oc-product-card-wrapper .oc-product-card-opt { padding: 0px 16px 0px 0px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.oc-product-card-wrapper .oc-product-card-opt .oc-product-card-opt-edit { margin-right: 8px; }
.oc-product-card-wrapper .oc-product-card-del { position: absolute; right: -8px; top: -8px; color: rgb(147, 150, 157); display: none; cursor: pointer; }
.oc-product-card-wrapper .oc-product-card-right-top { display: block; position: absolute; right: 0px; top: 0px; color: rgb(147, 150, 157); cursor: pointer; }
.oc-product-card-wrapper .oc-product-card-left-top { position: absolute; left: 0px; top: 0px; line-height: 22px; }
.oc-product-card-wrapper-sm { height: 60px; }
.oc-product-card-wrapper-sm .oc-product-card-desc { gap: 4px; }
.oc-product-card-wrapper-disabled { background: rgb(245, 247, 250); }
.oc-product-card-wrapper-disabled:hover { background: rgb(245, 247, 250); border-color: transparent; }
.oc-product-card-wrapper-error, .oc-product-card-wrapper-error:hover { background: rgb(253, 242, 242); }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip { width: 200px; padding: 16px; display: flex; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__video { width: 55px; height: 96px; border-radius: 4px; overflow: hidden; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__info { margin-left: 10px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__title { font-weight: 600; font-size: 20px; line-height: 28px; color: rgb(49, 52, 59); margin-bottom: 12px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__point-list { color: rgb(49, 52, 59); }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__point { display: flex; font-weight: 500; line-height: 18px; height: 20px; font-size: 12px; align-items: center; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__point span + span { margin-left: 8px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip__point .point-color { width: 6px; height: 6px; border-radius: 50%; vertical-align: middle; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip .material-per-second-view-chart_chart-tooltip__point + .material-per-second-view-chart_chart-tooltip__point { margin-top: 8px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip.type-vertical { width: 137px; flex-direction: column; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip.type-vertical .material-per-second-view-chart_chart-tooltip__video { width: 96px; height: 55px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip.type-vertical .material-per-second-view-chart_chart-tooltip__info { margin-left: 0px; margin-top: 10px; }
.lightcharts-tooltip .material-per-second-view-chart_chart-tooltip.type-horizontal .material-per-second-view-chart_chart-tooltip__info { display: flex; flex-direction: column; justify-content: space-between; }
.oc-message-list-message { display: flex; padding: 12px; border-radius: 8px; }
.oc-message-list-message:hover { background-color: rgb(242, 244, 247); }
.oc-message-list-message.selected { background-color: rgb(232, 244, 255); }
.oc-message-list-message.unread .oc-message-list-message__title { font-weight: 600; }
.oc-message-list-message__dot-container { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 auto; margin-top: 3px; margin-right: 8px; }
.oc-message-list-message__read-dot { width: 6px; height: 6px; background: rgb(227, 73, 73); border-radius: 50%; }
.oc-message-list-message__read-dot.oc-message-list-message__is-read { background: rgb(205, 209, 216); }
.oc-message-list-message__title { font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.oc-message-list-message__desc { font-weight: 400; font-size: 12px; color: rgb(147, 150, 157); }
.oc-message-list-message__tag-wrapper { display: inline-flex; align-items: center; }
.oc-message-list-message__tag { display: inline-flex; }
.oc-message-list-message__create-time { color: rgb(147, 150, 157); margin-top: 4px; font-size: 12px; line-height: 18px; }
.navigator-user-account-info .default-avatar { line-height: 30px; text-align: center; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); width: 30px; height: 30px; border-radius: 50%; }
.navigator-user-account-info .oc-item-group-description { pointer-events: none; width: 192px; }
.navigator-user-account-info .oc-item-group-prefix, .navigator-user-account-info .oc-item-group-suffix { align-self: center; }
.navigator-user-account-info .account-info-suffix { margin-right: 8px; }
.navigator-user-account-info-title-transparent .oc-typography-color-default, .navigator-user-account-info-title-transparent .oc-typography-value-int { color: rgb(255, 255, 255); }
.navigator-user-account-info-description-transparent { color: rgba(255, 255, 255, 0.5); }
.navigator-user-account-info-description-transparent .oc-typography-color-secondary { color: rgba(255, 255, 255, 0.5) !important; }
.oc-create-material-card-carousel-content-wrapper { height: 100%; width: 100%; }
.oc-create-material-card-carousel-content-wrapper-show-img { overflow: hidden; }
.oc-create-material-card-carousel-content-wrapper-buttons { width: 100%; display: flex; justify-content: end; gap: 12px; color: rgb(255, 255, 255); position: absolute; bottom: 0px; right: 0px; padding: 20px 10px 16px 0px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 100%); }
.oc-create-material-card-carousel-content-wrapper-buttons-item { width: 28px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.oc-bidword-keyword-modal-label { margin-right: 6px; font-size: 14px; }
.oc-bidword-keyword-modal-input { display: inline-block; width: 288px; }
.oc-bidword-keyword-modal-inputlen { color: rgb(102, 102, 102); font-size: 12px; padding-left: 8px; }
.oc-bidword-modal-footer { display: flex; flex-direction: row-reverse; }
.oc-bidword-modal-footer-button { margin-left: 8px; }
.oc-promotion-batch-edit-age-edit .oc-popover span { line-height: 0; }
.oc-promotion-batch-edit-age-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.oc-recommend-title-drop { border-radius: 8px; padding: 16px; }
.oc-recommend-title-drop .new-look-more { display: flex; justify-content: space-between; min-height: 22px; padding-bottom: 4px; }
.oc-recommend-title-drop .new-look-more-padding { padding-bottom: 8px; }
.oc-recommend-title-drop .new-look-more .suggestion-list-close-btn { margin-left: auto; }
.oc-recommend-title-drop .new-look-error { margin-bottom: 8px; }
.oc-recommend-title-drop .suggestion-list .suggestion-item { width: 100%; color: rgb(49, 52, 59); font-size: 14px; height: 30px; cursor: pointer; display: flex; align-items: center; }
.oc-recommend-title-drop .suggestion-list .suggestion-item:hover { background: rgb(248, 248, 248); }
.dynamic-word-select-modal-words-popover { max-height: 200px; overflow: scroll; }
.dynamic-work-tips { margin-bottom: 10px; }
.dynamic-word-modal { padding-bottom: 24px !important; }
.dynamic-word-modal-tabs { margin-bottom: 8px; }
.dynamic-word-modal .ovui-tr .insert .ovui-button--text { color: rgb(49, 52, 59); }
.dynamic-word-modal .ovui-tr:hover .insert .ovui-button--text { color: rgb(0, 87, 255); }
.oc-info-card-container { display: flex; }
.oc-info-card-container.align-center { align-items: center; }
.oc-info-card-container .left-area.sp-line { padding-right: 16px; border-right: 1px solid rgb(229, 229, 229); }
.oc-info-card-container .right-area { margin-left: 16px; }
.oc-info-card-container .info-item { display: flex; align-items: center; }
.oc-info-card-container .info-item.hori-center { justify-content: center; }
.oc-promotion-step-item { text-align: center; }
.oc-promotion-step-item.vertical { text-align: left; display: flex; position: relative; }
.oc-promotion-step-item.vertical .step-content { padding: 0px 0px 0px 10px; }
.oc-promotion-step-item.vertical .step-icon-wrap { align-items: flex-start; justify-content: left; }
.oc-promotion-step-item.vertical .step-title { margin-top: 0px; }
.oc-promotion-step-item.vertical .step-title .tips-icon { position: absolute; top: 50%; margin-left: 3px; color: rgb(222, 224, 227); }
.oc-promotion-step-item.vertical .step-title .iconpark-icon { display: block; }
.oc-promotion-step-item.vertical .step-line { height: 100%; position: absolute; top: 0px; margin-top: -1px; left: 0px; width: 2px; z-index: 1; background-color: rgb(193, 193, 193); }
.oc-promotion-step-item.vertical .step-line.last-item { height: 100%; width: 2px; }
.oc-promotion-step-item.vertical .step-line.first-item { height: 100%; width: 2px; left: 0px; }
.oc-promotion-step-item .step-content { padding: 0px 10px; }
.oc-promotion-step-item .step-title { color: rgb(49, 52, 59); font-size: 14px; display: inline-block; margin-top: 10px; font-weight: 600; justify-content: center; align-items: center; line-height: 18px; position: relative; }
.oc-promotion-step-item .step-title .tips-icon { position: absolute; top: 50%; margin-left: 3px; color: rgb(222, 224, 227); }
.oc-promotion-step-item .step-title .iconpark-icon { display: block; }
.oc-promotion-step-item .step-line { width: 100%; position: absolute; top: 50%; margin-top: -1px; left: 0px; height: 2px; z-index: 1; background-color: rgb(193, 193, 193); }
.oc-promotion-step-item .step-line.last-item { width: 50%; }
.oc-promotion-step-item .step-line.first-item { width: 50%; right: 0px; left: auto; }
.oc-promotion-step-item .step-desc { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; margin: 4px auto 0px; display: flex; justify-content: center; }
.oc-promotion-step-item .step-icon { position: relative; z-index: 2; background: rgb(255, 255, 255); border-radius: 50%; }
.oc-promotion-step-item .step-icon-wrap { width: 100%; height: 20px; display: flex; justify-content: center; position: relative; }
.general-multi-level-adv-select { width: 686px; }
.general-multi-level-adv-select .general-multi-level-adv-select-ml-8 { margin-left: 8px; }
.general-multi-level-adv-select .general-multi-level-adv-select-text-gray { color: rgb(147, 150, 157); }
.general-multi-level-adv-select-title { background-color: rgb(242, 244, 247); height: 38px; line-height: 38px; padding-left: 12px; border-radius: 8px 8px 0px 0px; display: flex; align-items: center; }
.age-edit .oc-popover span { line-height: 0; }
.age-edit .age-edit-select .ovui-select__options > .ovui-option:first-child .ovui-option__action { display: none; }
.promotion-batch-edit-age-edit-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.general-multi-level-group-select { width: 686px; }
.general-multi-level-group-select-title { background-color: rgb(242, 244, 247); height: 38px; line-height: 38px; padding-left: 12px; border-radius: 8px 8px 0px 0px; display: flex; align-items: center; }
.oc-promotion-batch-edit-modal-body__result-status .oc-icon-success { color: rgb(13, 166, 0); }
.oc-promotion-batch-edit-modal-body__result-status .oc-icon-close-one { color: rgb(227, 73, 73); }
.navigator-first-con::-webkit-scrollbar { width: 0px !important; }
.navigator-first-con { display: inline-flex; align-items: center; vertical-align: middle; overflow-x: hidden; scrollbar-width: none; }
.navigator-first-con .navigator-first-con-item-flag, .navigator-first-con .navigator-first-con-item-flag-disabled, .navigator-first-con .first-con-item-dropdown { margin-left: 8px; }
.navigator-first-con .navigator-first-con-item-flag-disabled { cursor: not-allowed; }
.navigator-first-con .navigator-first-con-item-flag, .navigator-first-con .first-con-item-button { cursor: pointer; }
.navigator-first-con .navigator-first-con-item-flag, .navigator-first-con .navigator-first-con-item-flag-disabled, .navigator-first-con .first-con-item-button { padding: 9px 12px; display: flex; }
.navigator-first-con .navigator-first-con-item-flag .first-con-a, .navigator-first-con .navigator-first-con-item-flag-disabled .first-con-a, .navigator-first-con .first-con-item-button .first-con-a { font-size: 14px; position: relative; display: block; }
.navigator-first-con .navigator-first-con-item-flag .first-con-red, .navigator-first-con .navigator-first-con-item-flag-disabled .first-con-red, .navigator-first-con .first-con-item-button .first-con-red { height: 6px; width: 6px; background: rgb(227, 73, 73); border-radius: 50%; }
.navigator-first-con .navigator-first-con-item-flag .first-con-text, .navigator-first-con .navigator-first-con-item-flag-disabled .first-con-text, .navigator-first-con .first-con-item-button .first-con-text { display: flex; vertical-align: middle; }
.navigator-first-con .navigator-first-con-item-flag .first-con-p, .navigator-first-con .navigator-first-con-item-flag-disabled .first-con-p, .navigator-first-con .first-con-item-button .first-con-p { line-height: 22px; font-size: 14px; white-space: nowrap; }
.navigator-first-con .navigator-first-con-item-flag .navigator-first-con-down, .navigator-first-con .navigator-first-con-item-flag-disabled .navigator-first-con-down, .navigator-first-con .first-con-item-button .navigator-first-con-down { margin-left: 4px !important; }
.navigator-first-con .navigator-first-con-item-flag:hover, .navigator-first-con .first-con-item-button:hover { border-radius: 8px; }
.navigator-first-con .navigator-first-con-p-default-flag { display: flex; }
.navigator-first-con .navigator-first-con-p-default-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.navigator-first-con .is-mark-item { font-weight: bolder; }
.navigator-first-con .first-con-line { display: inline-block; height: 4px; width: 16px; position: absolute; border-radius: 2px; margin: 4px auto 0px; left: 0px; right: 0px; }
.navigator-menu-dropdown .menu-dropdown-header { padding: 24px 24px 0px; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-divider { width: 100%; height: 1px; background: rgb(242, 244, 247); }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-content { padding: 12px 24px; align-content: space-between; display: flex; align-items: self-start; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-left { display: flex; align-items: self-start; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-left .menu-dropdown-footer-left-icon { color: rgb(147, 150, 157); align-items: self-start; display: flex; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-hint { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; flex-wrap: wrap; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-option { margin-left: auto; flex: 0 0 auto; color: rgb(0, 87, 255); font-size: 14px; line-height: 22px; cursor: pointer; display: flex; }
.navigator-menu-dropdown .menu-dropdown-footer .menu-dropdown-footer-option .menu-dropdown-footer-option-more { margin-left: 16px; }
.navigator_dopdown { max-height: fit-content !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px !important; border-radius: 12px !important; padding: 0px !important; margin-top: 7px !important; }
.navigator_en_dopdown { max-height: fit-content !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px !important; border-radius: 12px !important; transform: translate3d(0px, 57px, 0px) !important; padding: 0px !important; width: calc(-48px + 100vw) !important; margin: 7px 24px 0px !important; }
.navigator-first-con-item-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.navigator-first-con-down { margin-left: 4px; }
.navigator-first-con-transparent .navigator-first-con-item-flag-disabled .first-con-p { color: rgba(255, 255, 255, 0.3); }
.navigator-first-con-transparent .navigator-first-con-item-flag .first-con-p, .navigator-first-con-transparent .first-con-item-button .first-con-p { color: rgba(255, 255, 255, 0.8); }
.navigator-first-con-transparent .is-mark-item { color: rgb(255, 255, 255) !important; }
.navigator-first-con-transparent .is-mark-item icon, .navigator-first-con-transparent .is-mark-item .first-con-p, .navigator-first-con-transparent .is-mark-item div, .navigator-first-con-transparent .is-mark-item iconpark-icon { color: rgb(255, 255, 255) !important; }
.navigator-first-con-transparent .is-common-item { color: rgb(255, 255, 255) !important; }
.navigator-first-con-transparent .navigator-first-con-item-flag:hover, .navigator-first-con-transparent .first-con-item-button:hover { background: rgba(255, 255, 255, 0.1); }
.navigator-first-con-transparent .first-con-line { background: rgb(255, 255, 255) !important; }
.navigator-first-con-default .navigator-first-con-item-flag-disabled .first-con-p { color: rgb(185, 188, 195); }
.navigator-first-con-default .navigator-first-con-item-flag .first-con-p, .navigator-first-con-default .first-con-item-button .first-con-p { color: rgb(49, 52, 59); }
.navigator-first-con-default .is-mark-item { color: rgb(0, 87, 255) !important; }
.navigator-first-con-default .is-mark-item icon, .navigator-first-con-default .is-mark-item .first-con-p, .navigator-first-con-default .is-mark-item iconpark-icon { color: rgb(0, 87, 255) !important; }
.navigator-first-con-default .is-common-item { color: rgb(147, 150, 157); }
.navigator-first-con-default .navigator-first-con-item-flag:hover, .navigator-first-con-default .first-con-item-button:hover { background: rgba(42, 85, 229, 0.08); }
.navigator-first-con-default .first-con-line { background: rgb(0, 87, 255); }
.oc-promotion-key-info-bar-suggestion-con { color: rgb(0, 87, 255); display: inline-flex; align-items: center; }
.oc-promotion-key-info-bar-text-con { display: inline-flex; align-items: center; color: rgb(98, 101, 108); }
.oc-promotion-key-info-bar-key-value-con { color: rgb(98, 101, 108); font-size: 14px; display: flex; align-items: center; }
.oc-promotion-key-info-bar-key-value-con .key-con-item { white-space: nowrap; }
.oc-promotion-key-info-bar-key-value-con .value-con-item { color: rgb(49, 52, 59); display: inline-flex; align-items: center; font-weight: bolder; font-family: "PingFang SC"; }
.oc-promotion-batch-edit-schedule-form-wrapper .oc-promotion-batch-edit-schedule-form-type { margin-bottom: 24px; }
.oc-promotion-batch-edit-schedule-form-wrapper .oc-promotion-batch-edit-schedule-form-mode, .oc-promotion-batch-edit-date-form-mode { margin-bottom: 8px; }
.oc-tag-panel-wrapper { border-radius: 8px; border: 1px solid rgb(222, 224, 227); }
.oc-tag-panel-wrapper .oc-tag-panel-header { padding: 0px 12px; height: 34px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(222, 224, 227); border-radius: 8px 8px 0px 0px; background: rgb(242, 244, 247); }
.oc-tag-panel-wrapper .oc-tag-panel-header .oc-tag-panel-header-num { font-weight: bolder; font-size: 14px; color: rgb(49, 52, 59); }
.oc-tag-panel-wrapper .oc-tag-panel-list { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 12px; margin: 0px -8px -8px 0px; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item { width: calc(33% - 8px); margin: 0px 8px 8px 0px; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag { height: 24px; padding: 0px 8px; border-radius: 4px; background: rgb(242, 244, 247); display: flex; justify-content: space-between; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag-box { display: flex; flex-direction: column; justify-content: center; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag .oc-tag-panel-list-item-close { color: rgb(147, 150, 157); cursor: pointer; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag-with-desc { height: 54px; padding: 6px 12px; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag-disabled { background: rgb(245, 247, 250); color: rgb(185, 188, 195); }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item .oc-tag-panel-list-item-tag-disabled .oc-tag-panel-list-item-close { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description { width: 100%; margin: 0px 8px 8px 0px; display: flex; justify-content: space-between; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-content { width: 30%; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-content .oc-tag-panel-list-item-tag { height: 24px; padding: 0px 8px; margin-right: 12px; margin-bottom: 4px; border-radius: 4px; background: rgb(242, 244, 247); display: flex; justify-content: space-between; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-content .oc-tag-panel-list-item-tag .oc-tag-panel-list-item-close { color: rgb(147, 150, 157); cursor: pointer; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-content .oc-tag-panel-list-item-tag-with-desc { height: 54px; padding: 6px 12px; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-description { flex: 1 1 0%; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-description .oc-tag-panel-list-item-description-input { color: rgb(98, 101, 108); margin-bottom: 2px; height: 24px; padding-left: 0px; }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-disabled { background: rgb(245, 247, 250); color: rgb(185, 188, 195); }
.oc-tag-panel-wrapper .oc-tag-panel-list .oc-tag-panel-list-item-with-description .oc-tag-panel-list-item-tag-disabled .oc-tag-panel-list-item-close { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-template-list-wrapper { width: 220px; }
.oc-template-list-wrapper .template-item { width: 100%; padding: 6px 12px; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); cursor: pointer; }
.oc-template-list-wrapper .template-item:hover { background-color: rgb(242, 244, 247); }
.oc-template-list-wrapper .template-item.selected { color: rgb(0, 87, 255); }
.oc-template-list-wrapper .template-item.disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-template-list-wrapper .template-label { padding: 6px 12px; color: rgb(147, 150, 157); }
.oc-template-list-wrapper .divider { margin: 4px 12px; border-top: 1px solid rgb(223, 224, 226); }
.oc-template-list-wrapper .template-list { max-height: 320px; overflow-y: auto; }
.oc-template-list-wrapper .template-list .custom-template-list .custom-template-item { display: flex; justify-content: space-between; }
.oc-template-list-wrapper .template-list .custom-template-list .custom-template-item .actions { display: flex; color: rgb(147, 150, 157); margin-left: 16px; visibility: hidden; }
.oc-template-list-wrapper .template-list .custom-template-list .custom-template-item .actions .operation-icon { display: block; height: 16px; }
.oc-template-list-wrapper .template-list .custom-template-list .custom-template-item .actions .operation-icon:hover { color: rgb(0, 87, 255); cursor: pointer; }
.oc-template-list-wrapper .template-list .custom-template-list .custom-template-item:hover .actions { visibility: visible; }
.oc-template-list-wrapper .template-list .system-template-list .system-template-item { display: flex; justify-content: space-between; }
.oc-template-list-wrapper .oc-template-list-base-data { display: flex; align-items: center; justify-content: space-between; padding: 5px 12px; color: rgb(49, 52, 59); }
.oc-template-list-wrapper .oc-template-list-base-data .base-data-label { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 22px; }
.oc-template-list-wrapper .oc-template-list-custom-btn .oc-button-wrap { width: 100%; height: 32px; }
.oc-template-list-wrapper .oc-template-list-custom-btn .oc-button-wrap .ovui-button { width: 100%; }
.oc-system-template-popover .select-metrics-tip { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; }
.oc-system-template-popover .select-metrics-tip .title { font-weight: 600; }
.oc-custom-column-modal-body { display: flex; padding: 0px; margin: 0px 24px; border: 1px solid rgb(222, 224, 227); border-radius: 8px; overflow: hidden !important; }
.oc-custom-column-modal-body .left-container { display: flex; flex-flow: column; }
.oc-custom-column-modal-body .left-container .metric-search { border-right: 1px solid rgb(222, 224, 227); border-bottom: 1px solid rgb(222, 224, 227); }
.oc-custom-column-modal-body .left-container .metric-search .ovui-input__wrapper { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: unset; border-radius: unset; box-shadow: unset; }
.oc-custom-column-modal-body .left-container .left-container-bottom { display: flex; flex: 1 1 0%; max-height: 529px; overflow: auto; }
.oc-custom-column-modal-body .left-container .left-container-bottom .empty-wrapper { width: 671px; border-right: 1px solid rgb(222, 224, 227); display: flex; align-items: center; }
.oc-custom-column-modal-body .left-container .left-container-bottom .oc-tabs { border-right: 1px solid rgb(222, 224, 227); }
.oc-custom-column-modal-body .left-container .left-container-bottom .ovui-tabs__nav { padding-left: 12px; }
.oc-custom-column-modal-body .left-container .left-container-bottom .menu-list { width: 200px; height: 100%; background: rgb(245, 247, 250); }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container { overflow-y: auto; width: 471px; padding: 16px 16px 0px; border-right: 1px solid rgb(222, 224, 227); height: 100%; }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .first-title { display: flex; align-items: center; height: 22px; line-height: 22px; font-weight: 600; font-size: 14px; color: rgb(49, 52, 59); margin-bottom: 12px; }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .select-item-group { border: 1px solid rgb(222, 224, 227); border-radius: 6px; margin-bottom: 12px; }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .second-title { height: 32px; display: flex; align-items: center; padding: 0px 12px; margin-bottom: 12px; background-color: rgb(242, 244, 247); border-radius: 4px; color: rgb(49, 52, 59); }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .second-title-group { flex: 1 1 0%; display: inline-flex; justify-content: flex-end; }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .metric-item-checkbox-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; padding-left: 12px; padding-bottom: 12px; }
.oc-custom-column-modal-body .left-container .left-container-bottom .metric-select-container .metric-select-area .select-list .metric-item-checkbox-wrapper .metric-item-checkbox .ovui-checkbox__label { color: rgb(98, 101, 108); }
.oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(1), .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) { max-height: 529px; overflow: auto; height: 100%; }
.oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(1) .oc-space, .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .oc-space, .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(1) .oc-space-item:nth-of-type(1), .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .oc-space-item:nth-of-type(1) { height: 100%; }
.oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(1) .first-title .oc-space, .oc-custom-column-modal-body .left-container .left-container-bottom .oc-space-item:nth-of-type(2) .first-title .oc-space { height: auto; }
.oc-custom-column-modal-body .left-container .left-container-bottom .left-container-space > .oc-space-item:nth-of-type(1) { min-height: 30px; }
.oc-custom-column-modal-body .tabs-left-container .left-container-bottom { overflow: auto; height: 491px !important; }
.oc-custom-column-modal-body .tabs-left-container .left-container-bottom > .oc-space > .oc-space-item:nth-of-type(1) { height: auto !important; }
.oc-custom-column-modal-body .tabs-left-container .left-container-bottom > .oc-space > .oc-space-item:nth-of-type(2) { overflow: auto; height: 491px !important; }
.oc-custom-column-modal-body .tabs-left-container .left-container-bottom > .oc-space > .oc-space-item:nth-of-type(2) > .oc-space > .oc-space-item:nth-of-type(2) { overflow: auto; height: 100% !important; }
.oc-custom-column-modal-body .selected-container { width: 280px; max-height: 566px; padding: 16px; overflow-y: auto; }
.oc-custom-column-modal-body .selected-container .selected-title { display: flex; justify-content: space-between; }
.oc-custom-column-modal-body .selected-container .selected-title .text { height: 22px; font-weight: 600; }
.oc-custom-column-modal-body .selected-container .selected-list { padding-top: 16px; }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item .oc-drag-list-item-content, .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item .oc-drag-list-item-content { padding: 3px 12px; }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item-disabled, .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item-disabled, .oc-custom-column-modal-body .selected-container .selected-list .frozen-item-list .oc-drag-list-item-disabled .oc-drag-list-item-icon:hover, .oc-custom-column-modal-body .selected-container .selected-list .selected-item-list .oc-drag-list-item-disabled .oc-drag-list-item-icon:hover { color: rgb(98, 101, 108); }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-popover-reference { flex: 1 1 0%; }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper { margin-top: 12px; margin-bottom: 16px; }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip { display: flex; align-items: center; flex: 1 1 0%; }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip .text { padding: 0px 8px; flex-grow: 0; color: rgb(147, 150, 157); }
.oc-custom-column-modal-body .selected-container .selected-list .frozen-list-tip-wrapper .frozen-list-tip .line { flex-grow: 1; height: 0px; border: 0.5px solid rgb(222, 224, 227); }
.oc-custom-column-modal-footer { display: flex; justify-content: space-between; align-items: center; }
.oc-custom-column-modal-footer .template-name-input { position: relative; }
.oc-custom-column-modal-footer .template-name-input .tip { position: absolute; font-size: 10px; line-height: 18px; }
.oc-custom-column-modal-footer .template-name-input .tip.error { color: rgb(227, 73, 73); }
.oc-promotion-batch-edit-audience-package-row-empty { display: flex; align-items: center; }
.oc-promotion-batch-edit-audience-package-row-empty .oc-popover { margin-left: 4px; }
.oc-promotion-detail-card-img-text-tag-wrapper { display: flex; align-items: center; }
.oc-promotion-detail-card-img-text-tag-wrapper-img { margin-right: 4px; }
.oc-promotion-detail-card-img-text-tag-wrapper-tag { margin-left: 8px; margin-top: 1px; flex-shrink: 0; display: flex; align-items: center; }
.negative-words-box { margin-bottom: 24px; }
.oc-promotion-data-tag { display: flex; align-items: center; margin: 0px 4px; }
.oc-change-value-input-wrapper .input-rule-type { margin-bottom: 8px; }
.oc-change-value-input-wrapper .input-rule-type-append { min-width: 30px; display: flex; height: 100%; align-items: center; justify-content: center; color: rgb(147, 150, 157); background: rgb(242, 244, 247); border-radius: 0px 8px 8px 0px; }
.oc-change-value-input-wrapper .input-rule-type-dropdown { min-width: 50px; }
.oc-change-value-input-wrapper .input-rule-type-dropdown .ovui-button--text { color: rgb(49, 52, 59); }
.oc-promotion-operation-action-item { display: inline-flex; vertical-align: middle; cursor: pointer; }
.oc-promotion-operation-loading-container { color: rgb(185, 188, 195); }
.oc-promotion-operation-loading-container .oc-loading-icon { margin-right: 5px; color: rgb(185, 188, 195); height: 18px; }
.oc-promotion-operation-disabled-item { color: rgb(185, 188, 195); cursor: not-allowed; white-space: nowrap; }
.oc-promotion-operation-disabled-msg { color: rgb(49, 52, 59); }
.oc-more-filter-modal-footer { text-align: right; display: flex; align-items: center; justify-content: right; }
.oc-more-filter-modal-footer .reset-icon { cursor: pointer; color: rgb(0, 87, 255); margin-right: 16px; display: flex; align-items: center; justify-content: right; font-size: 14px; }
.oc-more-filter-modal-footer .reset-icon iconpark-icon { margin-right: 4px; }
.oc-more-filter-modal-footer .cancel-btn { margin-right: 16px; }
.oc-more-filter-modal-body { border: 1px solid rgb(222, 224, 227); border-radius: 12px; display: flex; overflow: hidden; }
.oc-more-filter-modal-body .left-content { width: 200px; max-height: calc(-230px + 100vh); overflow: auto; background: rgb(245, 247, 250); padding: 12px 0px; }
.oc-more-filter-modal-body .left-content .title-item { width: 100%; line-height: 32px; position: relative; cursor: pointer; }
.oc-more-filter-modal-body .left-content .title-item .title-item-text { padding-left: 16px; }
.oc-more-filter-modal-body .left-content .title-item .sub-title-item { position: relative; font-weight: 400; padding-left: 32px; }
.oc-more-filter-modal-body .left-content .title-item .sub-title-item.active { color: rgb(0, 87, 255); }
.oc-more-filter-modal-body .left-content .title-item .sub-title-item.active .title-item-active-left { display: block; }
.oc-more-filter-modal-body .left-content .title-item.group-title { font-weight: 600; }
.oc-more-filter-modal-body .left-content .title-item.active { color: rgb(0, 87, 255); }
.oc-more-filter-modal-body .left-content .title-item.active .title-item-active-left { display: block; }
.oc-more-filter-modal-body .left-content .title-item .title-item-active-left { background-color: rgb(0, 87, 255); height: 20px; width: 2px; display: none; position: absolute; top: 50%; margin-top: -10px; left: 0px; }
.oc-more-filter-modal-body.full-width { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-more-filter-modal-body.full-width .right-content { width: 854px; padding: 0px; }
.oc-more-filter-modal-body .right-content { padding: 16px; max-height: calc(-230px + 100vh); overflow: auto; width: calc(100% - 200px); }
.oc-more-filter-modal-body .right-content.only-right { width: 100%; }
.oc-more-filter-modal-body .right-content .config-area, .oc-more-filter-modal-body .right-content .config-area .group-filter-item { margin-bottom: 24px; }
.oc-more-filter-modal-body .right-content .config-area .group-filter-item:last-child { margin-bottom: 0px; }
.oc-more-filter-modal-body .right-content .config-area .sub-filter-item-title { font-weight: 600; color: rgb(49, 52, 59); margin: 16px 0px; border-radius: 3px; }
.oc-more-filter-modal-body .right-content .filter-item-title { margin-bottom: 16px; font-size: 14px; color: rgb(49, 52, 59); font-weight: 600; }
.oc-more-filter-modal-body .right-content .title-item-group:not(:first-child) { border-top: 1px solid rgb(223, 224, 226); padding-top: 24px; }
.oc-more-filter-modal-body .right-content .title-item-group .filter-item-title { font-size: 16px; }
.oc-more-filter-modal-body .right-content .title-item:last-child .config-area { margin-bottom: 0px; }
.oc-more-filter-pop-body { --more-filter-pop-custom-item-width: v-bind("computedPopFilterOptions.width"); --more-filter-pop-item-width: var(--more-filter-pop-custom-item-width, 264px); --more-filter-pop-columns: v-bind("computedPopFilterOptions.columns"); --more-filter-pop-gap-width: calc(24px * (var(--more-filter-pop-columns) - 1)); display: flex; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-width: calc(var(--more-filter-pop-item-width) * var(--more-filter-pop-columns) + var(--more-filter-pop-gap-width)); margin: 8px; }
.oc-more-filter-pop-body .right-content { display: flex; flex-wrap: wrap; padding: 0px; gap: 24px; }
.oc-more-filter-pop-body .right-content .body-title-item { width: calc((100% - var(--more-filter-pop-gap-width)) / var(--more-filter-pop-columns)); }
.oc-more-filter-pop-body .right-content .filter-item-title { margin-bottom: 8px; font-size: 14px; color: rgb(49, 52, 59); font-weight: 600; }
.oc-more-filter-tile-body { display: flex; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; gap: 0px 40px; }
.oc-more-filter-tile-body .right-content { display: flex; flex-wrap: wrap; padding: 0px; gap: 8px 16px; width: 100%; }
.oc-more-filter-tile-body .right-content .title-item { display: flex; align-items: center; gap: 0px 16px; }
.oc-more-filter-tile-body .right-content .reset-icon { display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; color: rgb(0, 87, 255); cursor: pointer; font-size: 14px; }
.oc-more-filter-tile-body .right-content .filter-item-title { margin-bottom: 8px; font-size: 14px; color: rgb(49, 52, 59); font-weight: 600; }
.oc-more-filter-tile-body .right-content .title-item-data .ovui-range-picker { width: 320px !important; }
.oc-more-filter-tile-body .right-content .title-item-data .ovui-range-picker .ovui-custom-input__after .ovui-icon { color: rgb(0, 87, 255); }
.oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input--fill { background: rgba(42, 85, 229, 0.06); }
.oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input--fill.ovui-custom-input--focused, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input--fill.ovui-custom-input--focused, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input--fill:hover, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input--fill:hover, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input--fill:active, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input--fill:active, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input--fill:focus, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input--fill:focus { border: 1px solid transparent; box-shadow: none; }
.oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .oc-typography-color-default, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .oc-typography-color-default, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__after, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__after, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-select__arrow, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-select__arrow, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__clear, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__clear, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-custom-input__content, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-custom-input__content, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-ies-filter .ovui-input__wrapper--unstyle, .oc-more-filter-tile-body .right-content .title-item-data .oc-filter-date-range-filter .ovui-input__wrapper--unstyle { color: rgb(0, 87, 255); }
.oc-filter-btn-icon { margin-right: 4px; }
.oc-filter-count-num { width: 16px; height: 16px; background: rgb(0, 87, 255); border-radius: 50%; font-size: 14px; margin-left: 8px; font-weight: 600; color: rgb(255, 255, 255); line-height: 16px; }
.preview-toutiao-search { background-image: url("assets/advertiser/f88f9caf705c0d7b74fe.png"); padding-top: 102px; align-items: center; display: flex; flex-direction: column; gap: 6px; }
.preview-toutiao-search-bg { background-color: rgb(255, 255, 255); border-radius: 11px 11px 0px 0px; flex: 1 1 0%; width: 260px; }
.preview-toutiao-search-bottom { position: absolute; right: 0px; left: 0px; bottom: 0px; height: 40px; background-image: url("assets/advertiser/3175f2ae2d03d109f8c6.png"); background-size: 100% auto; }
.preview-toutiao-search .creative-info { background-color: rgb(255, 255, 255); border-radius: 11px; width: 260px; padding: 12px; height: auto; display: flex; flex-direction: column; gap: 6px; }
.preview-toutiao-search .creative-info .oc-creative-preview-image { width: 100%; height: 135px; border-radius: 6px; overflow: hidden; margin-top: 0px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/32c61619772d1e99495c.png"); background-size: 57px 57px; background-position: center center; background-repeat: no-repeat; }
.preview-toutiao-search .creative-info .oc-creative-preview-image .ad-logo { position: absolute; z-index: 6; right: 9px; top: 9px; background: rgba(0, 0, 0, 0.08); }
.preview-toutiao-search .creative-info .oc-creative-preview-image .bg::after { width: 22px; height: 22px; }
.preview-toutiao-search .creative-info .title .oc-typography { line-height: 18px; }
.preview-toutiao-search .creative-info .card-button { display: flex; width: 100%; padding: 6px; justify-content: center; align-items: center; font-size: 12px; color: rgb(240, 65, 66); border-radius: 6px; border: 0.725px solid rgba(240, 65, 66, 0.12); background: rgba(240, 65, 66, 0.05); }
.preview-toutiao-search .creative-info .promote-card-action { display: flex; align-items: center; color: rgb(94, 101, 112); font-size: 12px; zoom: 0.83; }
.preview-toutiao-search .creative-info .promote-card-action .icon { margin-right: 3px; }
.preview-toutiao-search .creative-info .creative-info-abstract { margin-top: 6px; color: rgb(34, 34, 34); }
.preview-toutiao-search .creative-info .image-wrapper { white-space: nowrap; display: flex; width: 100%; overflow-x: auto; height: 64px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/32c61619772d1e99495c.png"); background-size: 26px 26px; background-position: center center; background-repeat: no-repeat; }
.preview-toutiao-search .creative-info .image-wrapper::-webkit-scrollbar { height: 0px; }
.preview-toutiao-search .creative-info .image-wrapper .image-content { margin-right: 5px; vertical-align: top; position: relative; border-radius: 4px; display: flex; flex-direction: column; }
.preview-toutiao-search .creative-info .image-wrapper .image-content img { border-radius: 4px; width: 64px; height: 64px; }
.preview-toutiao-search .creative-info .image-wrapper .image-content-pic { width: 100%; height: 100%; }
.preview-toutiao-search.image-mode-verticalVideo .oc-creative-preview-image { width: 163.2px; height: 239.36px; }
.preview-toutiao-search.image-mode-verticalVideo .card-button { width: 163.2px; }
.preview-toutiao-search.image-mode-image .oc-creative-preview-image { height: 101.547px; display: flex; align-items: center; }
.preview-toutiao-search.image-mode-image .oc-creative-preview-image img { height: auto; }
.preview-toutiao-search.image-mode-searchMini .creative-main, .preview-toutiao-search.image-mode-verticalImage .creative-main { display: flex; align-items: self-start; justify-content: flex-end; flex-direction: row-reverse; }
.preview-toutiao-search.image-mode-searchMini .creative-info-abstract, .preview-toutiao-search.image-mode-verticalImage .creative-info-abstract { flex: 1 1 0%; margin-top: 0px; zoom: 0.9; margin-right: 9px; }
.preview-toutiao-search.image-mode-searchShop .creative-info-abstract { margin-top: 0px; }
.preview-toutiao-search.image-mode-searchMini .oc-creative-preview-image { width: 72.533px; height: 47.872px; background-size: 26px 26px; }
.preview-toutiao-search.image-mode-verticalImage .oc-creative-preview-image { width: 62.382px; height: 82.692px; background-size: 26px 26px; }
.preview-toutiao-search.image-mode-image .user-name, .preview-toutiao-search.image-mode-searchMini .user-name, .preview-toutiao-search.image-mode-verticalImage .user-name, .preview-toutiao-search.image-mode-searchLarge .user-name, .preview-toutiao-search.image-mode-searchShop .user-name, .preview-toutiao-search.image-mode-smallImage .user-name { color: rgb(94, 101, 112); zoom: 0.83; }
.preview-xigua .oc-creative-preview-image { width: 100%; border-radius: 0px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/e4e6199a55f3e0f211bb.png"); background-size: 114px 114px; background-position: center center; background-repeat: no-repeat; }
.preview-xigua .aweme-avatar { left: 10px; width: 23px !important; height: 23px !important; }
.preview-xigua.image-mode-video, .preview-xigua.image-mode-image { background-image: url("assets/advertiser/22b61e193a66fa331276.png"); }
.preview-xigua.image-mode-video .creative-info, .preview-xigua.image-mode-image .creative-info { position: absolute; top: 167px; left: 0px; right: 0px; padding: 13px 0px; }
.preview-xigua.image-mode-video .creative-info .right-section, .preview-xigua.image-mode-image .creative-info .right-section { margin-left: 33px; }
.preview-xigua.image-mode-video .creative-info .aweme-avatar, .preview-xigua.image-mode-image .creative-info .aweme-avatar { top: 15px !important; height: 26px !important; width: 26px !important; }
.preview-xigua.image-mode-video .creative-info .source, .preview-xigua.image-mode-image .creative-info .source { color: rgb(147, 150, 157); zoom: 0.9; }
.preview-xigua.image-mode-video .creative-info .title, .preview-xigua.image-mode-image .creative-info .title { line-height: 16px; }
.preview-xigua.image-mode-video .creative-info .oc-creative-preview-image, .preview-xigua.image-mode-image .creative-info .oc-creative-preview-image { height: 152px; margin-top: 6px; background-size: 57px 57px; }
.preview-xigua.image-mode-video .creative-title, .preview-xigua.image-mode-image .creative-title { padding: 0px 9px; height: 48px; }
.preview-xigua.image-mode-video .promote-card-action, .preview-xigua.image-mode-image .promote-card-action { display: flex; align-items: center; justify-content: space-between; padding: 0px 9px; margin-top: 8px; }
.preview-xigua.image-mode-video .promote-card-action .source, .preview-xigua.image-mode-image .promote-card-action .source { color: rgb(49, 52, 59); }
.preview-xigua.image-mode-video .promote-card-action .card-button, .preview-xigua.image-mode-image .promote-card-action .card-button { border-radius: 1.451px; background: rgba(0, 0, 0, 0.04); width: 55.125px; height: 20.309px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: rgb(12, 13, 15); }
.preview-xigua.image-mode-video .bg::after, .preview-xigua.image-mode-image .bg::after { width: 22px; height: 22px; }
.preview-xigua.image-mode-verticalVideo .creative-info, .preview-xigua.image-mode-feedsLive .creative-info { height: 100%; }
.preview-xigua.image-mode-verticalVideo .aweme-avatar, .preview-xigua.image-mode-feedsLive .aweme-avatar { position: relative; top: 0px; left: 0px; }
.preview-xigua.image-mode-verticalVideo .oc-creative-preview-image, .preview-xigua.image-mode-feedsLive .oc-creative-preview-image { height: 100%; top: 0px; left: 0px; padding: 0px; margin-top: 0px; }
.preview-xigua.image-mode-verticalVideo .info-section, .preview-xigua.image-mode-feedsLive .info-section { position: absolute; bottom: 58px; width: 210px; left: 9px; right: 9px; z-index: 3; color: rgb(255, 255, 255); }
.preview-xigua.image-mode-verticalVideo .source, .preview-xigua.image-mode-feedsLive .source { margin-left: 10px; }
.preview-xigua.image-mode-verticalVideo .user-info, .preview-xigua.image-mode-feedsLive .user-info { display: flex; align-items: center; height: 32px; }
.preview-xigua.image-mode-verticalVideo .title, .preview-xigua.image-mode-feedsLive .title { zoom: 0.833; }
.preview-xigua.image-mode-verticalVideo .bg { background-image: url("assets/advertiser/ede9f3e23f9729a0948e.png"); opacity: 0.5; z-index: 1000 !important; }
.preview-xigua.image-mode-feedsLive .live-tags { display: flex; align-items: center; gap: 4px; }
.preview-xigua.image-mode-feedsLive .live-tags .tags { color: rgb(255, 255, 255); font-size: 10px; padding: 2px 4px; border-radius: 2px; display: flex; gap: 2px; }
.preview-xigua.image-mode-feedsLive .live-tags .douyin-tags { background-image: linear-gradient(102deg, rgb(255, 51, 136) 8.67%, rgb(255, 51, 85) 88.75%); }
.preview-xigua.image-mode-feedsLive .live-tags .from-tags { background-color: rgba(0, 0, 0, 0.3); }
.preview-xigua.image-mode-feedsLive::after { background-image: url("assets/advertiser/ede9f3e23f9729a0948e.png"); background-size: 100% 100%; content: ""; position: absolute; inset: 0px; opacity: 0.5; z-index: 1000 !important; }
.preview-toutiao .aweme-avatar { top: 242px !important; }
.preview-toutiao .name { display: flex; align-items: center; gap: 5px; zoom: 0.85; }
.preview-toutiao.image-mode-video, .preview-toutiao.image-mode-image, .preview-toutiao.image-mode-verticalVideo { background-image: url("assets/advertiser/93140342ea08cf919863.png"); }
.preview-toutiao.image-mode-video .creative-info, .preview-toutiao.image-mode-image .creative-info, .preview-toutiao.image-mode-verticalVideo .creative-info { position: absolute; top: 184px; left: 0px; right: 0px; padding: 11px; font-size: 0px; }
.preview-toutiao.image-mode-video .oc-creative-preview-image, .preview-toutiao.image-mode-image .oc-creative-preview-image, .preview-toutiao.image-mode-verticalVideo .oc-creative-preview-image { width: 100%; height: 136px; border-radius: 8px; overflow: hidden; margin-top: 5px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/32c61619772d1e99495c.png"); background-size: 57px 57px; background-position: center center; background-repeat: no-repeat; }
.preview-toutiao.image-mode-video .name, .preview-toutiao.image-mode-image .name, .preview-toutiao.image-mode-verticalVideo .name { zoom: 1; }
.preview-toutiao.image-mode-video .source, .preview-toutiao.image-mode-image .source, .preview-toutiao.image-mode-verticalVideo .source { zoom: 0.725; margin-top: 8px; width: 210px; }
.preview-toutiao.image-mode-video .bg::after, .preview-toutiao.image-mode-image .bg::after, .preview-toutiao.image-mode-verticalVideo .bg::after { width: 22px; height: 22px; }
.preview-toutiao.image-mode-verticalVideo { background-image: url("assets/advertiser/edc7363b9b8ce542ddb4.png"); }
.preview-toutiao.image-mode-verticalVideo .creative-info { top: 180px; }
.preview-toutiao.image-mode-verticalVideo .oc-creative-preview-image { width: 124.032px; height: 165.376px; }
.preview-toutiao.image-mode-smallImage { background-image: url("assets/advertiser/9d9b52ebd858edde11c0.png"); }
.preview-toutiao.image-mode-smallImage .creative-info { position: absolute; top: 188px; left: 0px; right: 0px; padding: 10px 11px; font-size: 0px; display: flex; align-items: flex-start; }
.preview-toutiao.image-mode-smallImage .creative-info .left-section { flex: 1 1 0%; height: 63.595px; display: flex; flex-direction: column; justify-content: space-between; margin-right: 6px; }
.preview-toutiao.image-mode-smallImage .creative-info .oc-creative-preview-image { width: 81.661px; height: 63.595px; margin-top: 0px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/32c61619772d1e99495c.png"); background-size: 26px 26px; background-position: center center; background-repeat: no-repeat; }
.preview-toutiao.image-mode-feedsLive .live-tags { display: flex; align-items: center; gap: 4px; }
.preview-toutiao.image-mode-feedsLive .live-tags .tags { color: rgb(255, 255, 255); font-size: 10px; padding: 2px 4px; border-radius: 2px; display: flex; gap: 2px; }
.preview-toutiao.image-mode-feedsLive .live-tags .douyin-tags { background-color: rgb(240, 65, 66); }
.preview-toutiao.image-mode-feedsLive .creative-info { height: 100%; }
.preview-toutiao.image-mode-feedsLive .oc-creative-preview-image { height: 100%; top: 0px; left: 0px; padding: 0px; margin-top: 0px; }
.preview-toutiao.image-mode-feedsLive .info-section { position: absolute; bottom: 13px; width: 210px; left: 9px; right: 9px; z-index: 3; color: rgb(255, 255, 255); }
.preview-toutiao.image-mode-feedsLive .user-info { display: flex; align-items: center; height: 28px; }
.preview-toutiao.image-mode-feedsLive::after { background-image: url("assets/advertiser/dba47d88fee09373c576.png"); background-size: 100% 100%; content: ""; position: absolute; inset: 0px; z-index: 2; border-radius: 5px; }
.preview-fanqie { background-image: url("assets/advertiser/d6c8d408ec45e8867cb8.png"); display: flex; }
.preview-fanqie .creative-info { width: 226px; height: 402px; position: absolute; left: 23px; top: 35px; }
.preview-fanqie .oc-creative-preview-image { height: 100%; background-color: rgb(33, 33, 33); display: flex; align-items: center; justify-content: center; margin-top: 0px; background-image: url("assets/advertiser/e06d7934aec22ed6d1ba.png"); background-size: 114px 114px; background-position: center center; background-repeat: no-repeat; }
.preview-fanqie .promotion-info { position: absolute; left: 11px; bottom: 11px; right: 11px; z-index: 10; }
.preview-fanqie .promotion-info .promotion-card-item { background: rgba(0, 0, 0, 0.5); }
.preview-fanqie .promotion-info .card-title { zoom: 0.85; }
.preview-fanqie .fanqie-logo { width: 202px; height: 19px; background-image: url("assets/advertiser/952aa5417fd60bc8d150.png"); background-size: 100% auto; position: absolute; top: 9px; left: 11px; right: 11px; z-index: 5; }
.preview-fanqie.image-mode-image .oc-creative-preview-image img { width: 100%; height: auto; object-fit: contain; }
.preview-douyin-bk { background-image: url("assets/advertiser/de432ed9c994977550af.png"); }
.preview-douyin.image-mode-verticalVideo .bg, .preview-douyin.image-mode-video .bg { z-index: 3 !important; }
.preview-douyin .oc-video-player-wrapper, .preview-douyin .img-container__content { background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/061b643d8ca1b9be99a3.png"); background-size: 200px 221px; background-position: center center; background-repeat: no-repeat; }
.preview-douyin .contaniner-right { display: flex; width: 41.103px; height: 293.596px; position: absolute; right: 0px; bottom: var(--creativeMaterialBottom); z-index: 2; }
.preview-douyin .contaniner-right::before { background-color: rgb(255, 255, 255); width: 11px; height: 11px; border-radius: 100%; position: absolute; content: ""; top: 28px; right: 15px; z-index: 9; }
.preview-douyin .contaniner-right::after { content: ""; width: 100%; height: 100%; background-image: url("assets/advertiser/ef702252f964ef518b08.png"); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; }
.preview-douyin .aweme-avatar { background-color: rgb(0, 0, 0); top: 0px !important; }
.preview-douyin .aweme-plus-icon { position: absolute; top: 25px; right: 13px; z-index: 10; }
.preview-douyin .aweme-avatar-bg { background-image: url("assets/advertiser/418f06fa9bfeaeb7f10c.png"); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; right: 4px; top: 0px; z-index: 9; }
.preview-douyin .creative-info { position: absolute; bottom: var(--creativeMaterialBottom); left: 9px; width: 188px; z-index: 3; }
.preview-douyin .title { margin-top: 9px; z-index: 2; }
.preview-douyin .desc { z-index: 2; color: rgb(255, 255, 255); }
.preview-douyin .live-btn { width: 197px; height: 25px; display: flex; align-items: center; justify-content: center; background-color: rgb(254, 44, 85); font-size: 12px; color: rgb(255, 255, 255); border-radius: 2px; margin-top: 5px; }
.preview-douyin .shopping-cart { width: 146px; height: 20px; padding: 0px 4px; display: flex; align-items: center; border-radius: 2px; background: rgba(50, 51, 53, 0.4); color: rgb(255, 255, 255); }
.preview-douyin .shopping-cart-icon { width: 14px; height: 14px; }
.preview-douyin .shopping-cart .product-name { zoom: 0.75; margin-left: 4px; }
.preview-douyin .oc-ai-info { display: flex; color: rgb(255, 255, 255); font-size: 12px; align-items: center; line-height: 14px; margin-top: 4px; gap: 4px; }
.preview-douyin .oc-live-button { background-color: rgb(254, 44, 85); color: rgb(255, 255, 255); font-size: 12px; border-radius: 4px; line-height: 24px; display: flex; align-items: center; justify-content: center; margin-top: 6px; }
.preview-douyin .search-list { width: 100%; height: 29px; background-image: url("assets/advertiser/89e3ac793c7298f179da.png"); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; color: rgb(255, 255, 255); bottom: 39px; left: 0px; padding-left: 26px; position: absolute; z-index: 2; display: flex; align-items: center; padding-right: 20px; }
.preview-douyin .search-list .search-word { zoom: 0.75; }
.preview-douyin.image-mode-awemePhoto .preview-douyin-bk { top: -2px; left: 0px; }
.preview-douyin.image-mode-awemePhoto .creative-info { bottom: calc(var(--creativeMaterialBottom) + 6px); }
.preview-douyin.image-mode-feedsLive .bg-live { background-image: url("assets/advertiser/73fbf05d4259cf4666a0.png"); opacity: 1; }
.preview-douyin.image-mode-feedsLive .contaniner-live { position: absolute; bottom: 48px; left: 8px; right: 8px; color: rgb(255, 255, 255); display: flex; height: auto; width: auto; flex-direction: column; z-index: 2; background-color: inherit; gap: 4px; }
.preview-douyin.image-mode-feedsLive .title { margin-top: 0px; }
.preview-douyin-search-bk { background-image: url("assets/advertiser/0492951519582e0eae15.png"); }
.preview-douyin-search .oc-video-player-wrapper .xgplayer video { object-fit: cover; }
.preview-douyin-search.creative-type-double-row .preview-douyin-search-bk { background-image: url("assets/advertiser/091fe6cc298930adce39.png"); }
.preview-douyin-search .oc-creative-preview-image { background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/061b643d8ca1b9be99a3.png"); background-size: 100px 111px; background-position: center center; background-repeat: no-repeat; }
.preview-douyin-search .creative-info { position: relative; padding: 103px 12px 10px; color: rgb(22, 24, 35); bottom: inherit; left: 0px; z-index: 2; }
.preview-douyin-search .user-info { width: 214px; display: flex; align-items: center; }
.preview-douyin-search .user-info .source { margin-left: 5px; font-size: 14px; zoom: 0.7778; font-weight: 600; display: flex; flex-direction: column; margin-top: 2px; }
.preview-douyin-search .user-info .source em { font-size: 12px; font-weight: 400; font-style: normal; color: rgba(22, 24, 35, 0.6); margin-top: 4px; }
.preview-douyin-search .user-info .aweme-avatar { position: relative; top: 0px; left: 0px; width: 29px; height: 29px; }
.preview-douyin-search .title { zoom: 0.9075; font-weight: 300; line-height: 18px; margin-top: 4px; }
.preview-douyin-search .promotion-card { width: 100%; zoom: 0.83; margin-top: 8px; position: relative; }
.preview-douyin-search .promotion-card .card-image { width: 42px; height: 42px; margin-left: -12px; border-radius: 0px; }
.preview-douyin-search .promotion-card .promotion-card-item { background: rgba(22, 24, 35, 0.03); color: rgb(22, 24, 35); padding: 6px 12px; }
.preview-douyin-search .promotion-card .promotion-card-item .card-title { zoom: 0.9; }
.preview-douyin-search .promotion-card .promotion-card-item .card-desc { zoom: 0.8333; }
.preview-douyin-search .promotion-card .card-button { background: rgb(254, 44, 85); border-radius: 4px; padding: 0px 4px; }
.preview-douyin-search .comment-img { width: 100%; margin-top: 8px; }
.preview-douyin-search.image-mode-verticalVideo:not(.creative-type-double-row) .oc-creative-preview-image, .preview-douyin-search.image-mode-awemePhoto:not(.creative-type-double-row) .oc-creative-preview-image { width: 164px; height: 218px; }
.preview-douyin-search.image-mode-verticalVideo:not(.creative-type-double-row) .create-preview-blue-flow, .preview-douyin-search.image-mode-awemePhoto:not(.creative-type-double-row) .create-preview-blue-flow { width: 164px; }
.preview-douyin-search.image-mode-feedsLive:not(.creative-type-double-row) .oc-creative-preview-image { width: 164px; height: 218px; }
.preview-douyin-search.image-mode-feedsLive .oc-creative-preview-image { background: url("assets/advertiser/061b643d8ca1b9be99a3.png") center center / 100px auto no-repeat rgb(22, 24, 35); }
.preview-douyin-search.image-mode-feedsLive.creative-type-double-row .oc-creative-preview-image { background-size: 60px auto; }
.preview-douyin-search.image-mode-feedsLive.creative-type-double-row .oc-creative-preview-image__tag { left: inherit; right: 4px; }
.preview-douyin-search.image-mode-mall .preview-douyin-search-bk, .preview-douyin-search.image-mode-mallAwemePhoto .preview-douyin-search-bk { background-image: url("assets/advertiser/1f184bcb05e972b3ac18.png"); }
.preview-douyin-search.image-mode-mall .product-info, .preview-douyin-search.image-mode-mallAwemePhoto .product-info { display: flex; width: 124px; height: 189px; flex-direction: column; align-items: flex-start; border-radius: 6px; background-color: rgb(255, 255, 255); position: absolute; left: 8px; top: 96px; padding: 0px; overflow: hidden; }
.preview-douyin-search.image-mode-mall .product-info-img, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-img { width: 124px; height: 124px; background-image: url("assets/advertiser/3b6474583a0f21e15967.png"); background-position: center center; background-size: 100% auto; background-color: rgb(245, 246, 249); display: flex; align-items: center; justify-content: center; position: relative; }
.preview-douyin-search.image-mode-mall .product-info-img img, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-img img { width: 100%; }
.preview-douyin-search.image-mode-mall .product-info-title, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-title { color: rgb(22, 24, 35); zoom: 0.8333; padding: 5px 7px; }
.preview-douyin-search.image-mode-mall .product-info-price, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-price { color: rgb(254, 44, 85); font-size: 18px; position: absolute; bottom: 9px; left: 5px; zoom: 0.75; display: flex; align-items: center; }
.preview-douyin-search.image-mode-mall .product-info-price em, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-price em { font-size: 16px; font-style: normal; margin-right: 3px; }
.preview-douyin-search.image-mode-mall .product-info-price .oc-typography-color-default, .preview-douyin-search.image-mode-mallAwemePhoto .product-info-price .oc-typography-color-default { color: rgb(254, 44, 85); }
.preview-union .creative-info, .preview-union .oc-creative-preview-image { width: 100%; height: 100%; margin-top: 0px; }
.preview-union .oc-creative-preview-image { background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/91eb94950ac9ad6cbc85.png"); background-size: 57px 57px; background-position: center center; background-repeat: no-repeat; }
.preview-union .bg::after { width: 22px; height: 22px; }
.preview-union .union-logo { position: absolute; left: 0px; right: 0px; display: flex; align-items: center; justify-content: space-between; border-radius: 1px; background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); font-size: 12px; z-index: 4; width: 58px; height: 24px; line-height: 24px; padding: 0px 5px; zoom: 0.6; }
.preview-union .union-ad-close { color: rgba(50, 51, 53, 0.2); position: absolute; right: 4px; top: 4px; z-index: 4; }
.preview-union.image-mode-video .preview-union-bk, .preview-union.image-mode-image .preview-union-bk { background-image: url("assets/advertiser/d1845eaba31f91a3882e.png"); }
.preview-union.image-mode-video .creative-info, .preview-union.image-mode-image .creative-info { position: absolute; top: 149px; left: 0px; right: 0px; padding: 0px 12px; height: 201px; z-index: 3; }
.preview-union.image-mode-video .title, .preview-union.image-mode-image .title { color: rgb(98, 101, 108); height: 20px; margin-top: 4px; font-weight: 400; }
.preview-union.image-mode-video .oc-creative-preview-image, .preview-union.image-mode-image .oc-creative-preview-image { height: 140px; overflow: hidden; border-radius: 4px; }
.preview-union.image-mode-verticalImage .preview-union-bk, .preview-union.image-mode-verticalVideo .preview-union-bk { background-image: url("assets/advertiser/6e5358b7a27d849708bc.png"); }
.preview-union.image-mode-verticalImage .creative-info, .preview-union.image-mode-verticalVideo .creative-info { position: absolute; width: 99px; height: 216px; top: 24px; left: 23px; z-index: 3; }
.preview-union.image-mode-verticalImage .creative-info .oc-creative-preview-image, .preview-union.image-mode-verticalVideo .creative-info .oc-creative-preview-image { height: 176px; overflow: hidden; border-radius: 2px; }
.preview-union.image-mode-verticalImage .title, .preview-union.image-mode-verticalVideo .title { zoom: 0.8; color: rgb(98, 101, 108); margin-top: 4px; }
.preview-union.image-mode-verticalImage .title .oc-typography, .preview-union.image-mode-verticalVideo .title .oc-typography { line-height: 16px; }
.preview-union-game { position: relative; height: 100%; background: rgb(3, 3, 1); border-radius: 8px; }
.preview-union-game .oc-creative-preview-image { height: 100%; background-color: rgb(3, 3, 1); display: flex; align-items: center; justify-content: center; margin-top: 0px; z-index: 3; background-image: url("assets/advertiser/1d0e303a04237b7007e8.png"); background-size: 114px 114px; background-position: center center; background-repeat: no-repeat; }
.preview-union-game-bk { background-image: url("assets/advertiser/73dac5660f853bb9b482.png"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto !important; height: 120px !important; z-index: 4 !important; }
.preview-union-game .promotion-card { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 5; }
.preview-union-game .promotion-card .promotion-card-item { border-radius: 0px; color: rgb(22, 24, 35); background-color: rgb(255, 255, 255); height: 58px; }
.preview-union-game .promotion-card .promotion-card-item .card-image { width: 42px; height: 42px; }
.preview-union-game .promotion-card .promotion-card-item .card-title, .preview-union-game .promotion-card .promotion-card-item .card-desc { zoom: 1; }
.preview-union-game .promotion-card .promotion-card-item .card-button { line-height: 26px; height: 26px; }
.preview-union-game .promotion-card.new { right: 12px; left: 12px; top: 75px; bottom: inherit; }
.preview-union-game .promotion-card.new .promotion-card-item { background-color: rgba(255, 255, 255, 0.8); border-radius: 8px; height: 48px; }
.preview-union-game .promotion-card.new .card-image { width: 32px; height: 32px; }
.preview-union-game .promotion-card.new .card-desc { margin-top: -2px; }
.preview-union-game .promotion-card.new .card-button { line-height: 24px; height: 24px; }
.preview-union-game.image-mode-image .oc-creative-preview-image img, .preview-union-game.image-mode-smallImage .oc-creative-preview-image img { width: 100%; height: auto; object-fit: contain; }
.oc-report-live-card-horizontal { display: flex; align-items: center; justify-content: space-between; }
.oc-report-live-card-horizontal-middle { flex-grow: 1; margin-top: 0px !important; }
.oc-report-live-card-horizontal-left + .oc-report-live-card-horizontal-middle, .oc-report-live-card-horizontal-middle + .oc-report-live-card-horizontal-right { margin-left: 72px; }
.preview-homed-bg { background-image: url("assets/advertiser/f82f491e0717cc74910c.png"); background-size: 100% 100%; position: absolute; height: 100%; width: 100%; z-index: 1; }
.preview-homed-bg.video { background-image: url("assets/advertiser/beaf489d77ba8c452975.png"); }
.preview-homed .creative-info { position: absolute; right: 2.5px; top: 102px; background-color: rgb(255, 255, 255); border-radius: 3px; width: 131px; height: 239px; overflow: hidden; z-index: 2; }
.preview-homed .creative-info .oc-creative-preview-image { display: flex; align-items: center; justify-content: center; height: 176px; position: relative; overflow: hidden; margin-top: 0px; background-color: rgb(22, 24, 35); background-image: url("assets/advertiser/657cde567adcdac8f723.png"); background-size: 57px 57px; background-position: center center; background-repeat: no-repeat; }
.preview-homed .creative-info .oc-creative-preview-image img { width: 100%; height: auto; object-fit: contain; }
.preview-homed .creative-info .oc-creative-preview-image .ad-logo { position: absolute; z-index: 6; right: 6px; bottom: 6px; background: rgba(26, 28, 31, 0.2); }
.preview-homed .creative-info .info-section { height: 63px; width: 100%; padding: 6px 5px; color: rgb(34, 34, 34); }
.preview-homed .creative-info .info-section .info-scale { width: 138%; transform: scale(0.72); transform-origin: 0px 0px; }
.preview-homed .creative-info .info-section .title { height: 40px; }
.preview-homed .creative-info .info-section .source { display: flex; color: rgb(153, 153, 153); align-items: center; margin-top: 10px !important; }
.preview-homed .creative-info .info-section .source .aweme-avatar { position: static; width: 20px; height: 20px; margin-right: 4px; }
.preview-homed .creative-info-video { width: 100%; height: 100%; }
.preview-homed .creative-info-video .contaniner { background-image: url("assets/advertiser/657cde567adcdac8f723.png"); background-size: 114px 114px; background-position: center center; background-repeat: no-repeat; }
.preview-homed .creative-info-video .aweme-avatar { top: 216px; }
.preview-homed .creative-info-video .aweme-plus-icon { position: absolute; top: 243px; right: 16px; z-index: 10; }
.preview-homed .creative-info-video .promotion-card { margin-bottom: 8px; }
.preview-homed .creative-info-video .promotion-info { position: absolute; bottom: 13px; left: 9px; width: 208px; z-index: 3; }
.preview-homed .creative-info-video .desc { align-items: flex-end; }
.preview-homed .creative-info-video .desc-text { zoom: 0.833333; }
.preview-homed .creative-info-video .desc .ad-logo { margin-bottom: 2px; }
.oc-promotion-tool-bar-dropdown-btn { display: flex; align-items: center; }
.oc-promotion-tool-bar-dropdown-btn .dropdown-btn-name { font-size: 18px; font-weight: 600; color: rgb(49, 52, 59); }
.oc-promotion-tool-bar-dropdown-btn .dropdown-btn-icon { margin-left: 4px; transition: transform 0.2s; }
.oc-promotion-tool-bar-dropdown-btn .dropdown-btn-icon-rotate { transform: rotate(180deg); }
.oc-promotion-tool-bar-key-value { display: flex; align-items: center; gap: 4px; }
.oc-promotion-tool-bar-key-value.oc-promotion-tool-bar-key-value-vertical { flex-direction: column; gap: 4px; align-items: self-start; }
.oc-promotion-tool-bar-key-value-content { display: flex; align-items: center; }
.oc-report-creative-analysis-conclusion { width: 100%; display: flex; align-items: center; background: rgb(245, 247, 250); padding: 16px; border-radius: 11px; margin-bottom: 16px; }
.oc-report-creative-analysis-conclusion-body { flex: 1 1 0%; display: flex; flex-direction: column; gap: 8px; }
.oc-report-creative-analysis-conclusion-item { padding-left: 12px; }
.oc-report-creative-analysis-conclusion-item-tag { text-decoration-color: rgb(250, 180, 38); text-decoration-thickness: 4px; cursor: pointer; }
.oc-report-creative-analysis-conclusion-item-separator-my { color: rgb(0, 87, 255); }
.oc-report-creative-analysis-conclusion-item-separator-bench { color: rgb(255, 115, 77); }
.oc-report-creative-analysis-conclusion-operations { margin-right: 24px; }
.oc-report-creative-analysis-table { display: grid; gap: 8px; background: var(--report-creative-analysis-table-bg); --report-creative-analysis-table-bg: white; --report-creative-analysis-table-header-bg: #e8eaed; --report-creative-analysis-table-sub-title-bg: #f2f4f7; }
.oc-report-creative-analysis-table-row-header { background: var(--report-creative-analysis-table-header-bg); border-radius: 4px; display: flex; align-items: center; justify-content: center; position: relative; }
.oc-report-creative-analysis-table-row-header-arrow::before { content: " "; position: absolute; top: 0px; left: 0px; border-style: solid; border-width: 15px; border-color: transparent transparent transparent var(--report-creative-analysis-table-bg); height: 100%; }
.oc-report-creative-analysis-table-row-header-arrow::after { content: " "; position: absolute; top: 0px; right: -15px; border-style: solid; border-width: 15px; border-color: var(--report-creative-analysis-table-bg) rgba(255,255,255,0) var(--report-creative-analysis-table-bg) var(--report-creative-analysis-table-header-bg); height: 100%; }
.oc-report-creative-analysis-table-row-header-arrow-first::before { display: none; }
.oc-report-creative-analysis-table-row-header-single, .oc-report-creative-analysis-table-row-header-multi { grid-row-start: 1; grid-row-end: var(--report-creative-analysis-table-header-row-end); }
.oc-report-creative-analysis-table-row-header-multi-grid { width: 100%; gap: 8px; display: grid; grid-template-rows: 30px 30px; }
.oc-report-creative-analysis-table-row-header-multi-parent { grid-column: 1 / -1; }
.oc-report-creative-analysis-table-row-header-multi-child { grid-row-start: 2; grid-column-start: span 1; }
.oc-report-creative-analysis-table-row-item-label { background: var(--report-creative-analysis-table-header-bg); border-radius: 4px; display: flex; align-items: center; justify-content: center; padding: 0px 8px; text-align: center; }
.oc-report-creative-analysis-table-row-item-label-my { grid-row-start: var(--report-creative-analysis-table-header-row-end); }
.oc-report-creative-analysis-table-row-item-label-bench { grid-row-start: calc(var(--report-creative-analysis-table-header-row-end) + 1); }
.oc-report-creative-analysis-table-row-item { display: flex; min-width: 100px; justify-content: space-between; }
.oc-report-creative-analysis-table-row-item-multi-grid { display: grid; gap: 8px; height: 100%; width: 100%; }
.oc-report-creative-analysis-table-row-item-multi-child { height: 100%; width: 100%; display: flex; flex-direction: column; gap: 8px; }
.oc-report-creative-analysis-table-row-item-single { gap: 8px; }
.oc-report-creative-analysis-table-row-item-single-child { height: 100%; width: 100%; display: flex; flex-direction: column; gap: 8px; }
.oc-report-creative-analysis-table-row-item-subtitle { background-color: var(--report-creative-analysis-table-sub-title-bg); width: 100%; text-align: center; padding: 8px; border-radius: 4px; display: flex; justify-content: center; align-items: center; }
.oc-report-creative-analysis-table-row-item-content { display: flex; justify-content: center; align-items: center; border-radius: 4px; border-width: 1px; border-style: solid; border-color: rgb(222, 224, 227); padding: 8px; flex-grow: 1; height: 100%; min-height: 100px; text-align: center; }
.oc-report-creative-analysis-table-show-conclusion .oc-report-creative-analysis-table-row-item-content-my-selected { border-color: rgb(0, 87, 255); }
.oc-report-creative-analysis-table-show-conclusion .oc-report-creative-analysis-table-row-item-content-bench-selected { border-color: rgb(255, 115, 77); }
.oc-report-creative-analysis-table-row-item-my { grid-row-start: var(--report-creative-analysis-table-header-row-end); }
.oc-report-creative-analysis-table-row-item-bench { grid-row-start: calc(var(--report-creative-analysis-table-header-row-end) + 1); }
.report-metrics-calculate-tab-card { position: relative; height: 100px; display: flex; flex-direction: column; padding: 16px; cursor: pointer; border: 1px solid var(--borderColor); background: var(--bgColor); }
.report-metrics-calculate-tab-card-header { height: 22px; cursor: pointer; display: flex; }
.report-metrics-calculate-tab-card-value { flex: 1 1 0%; margin-top: 8px; display: flex; align-items: baseline; color: rgb(49, 52, 59); font-family: OPPOSans; font-weight: 400; font-style: normal; }
.report-metrics-calculate-tab-card-value .int-value { font-size: 16px; }
.report-metrics-calculate-tab-card-value .decimal-value { font-size: 12px; }
.report-metrics-calculate-tab-card-ratio { height: 18px; display: flex; align-items: center; }
.report-metrics-calculate-tab-card-icon { position: absolute; width: 20px; height: 20px; left: -10px; top: calc(50% - 10px); border-radius: 12.5px; border: 1px solid rgb(222, 224, 227); background: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; color: var(--iconColor); }
.report-metrics-calculate-tab-card-selected { border-bottom: 0px; border-left: 0px; padding-top: 12px; background: linear-gradient(rgb(229, 242, 255) 0%, rgba(232, 240, 255, 0) 100%); border-top: 4px solid rgb(0, 87, 255) !important; }
.report-metrics-calculate-tab-card-selected .report-metrics-calculate-tab-card-icon { top: calc(50% - 12px); }
.report-metrics-calculate-tab-card-selected + .report-metrics-calculate-tab-card { border-bottom-left-radius: 16px !important; }
.report-metrics-calculate-tab-card:has(+ .report-metrics-calculate-tab-card-selected) { border-bottom-right-radius: 16px !important; border-right: 1px solid var(--borderColor) !important; }
.oc-report-script-analysis-script { display: flex; flex-direction: column; align-items: center; }
.oc-report-script-analysis-script-header { width: 100%; height: 24px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
.oc-report-script-analysis-script-body { width: 100%; }
.oc-report-script-analysis-script-body > span { display: inline; }
.oc-report-script-analysis-formula { margin-bottom: 24px; display: flex; flex-direction: column; align-items: center; }
.oc-report-script-analysis-formula-header { width: 100%; height: 22px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
.oc-report-script-analysis-formula-body { width: 100%; display: flex; align-items: center; }
.oc-report-script-analysis-formula-formula-item { display: flex; flex-direction: column; align-items: center; }
.oc-report-script-analysis-formula-formula-item-title { height: 20px; margin-bottom: 8px; display: flex; align-items: center; }
.oc-report-script-analysis-formula-formula-item-title-label { width: 10px; height: 10px; margin-right: 5px; }
.oc-report-script-analysis-formula-formula-item-line { width: calc(100% - 10px); height: 1px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(to right, transparent 6px, rgb(215, 224, 251) 6px, rgb(215, 224, 251) calc(100% - 6px), transparent calc(100% - 6px)); }
.oc-report-script-analysis-formula-formula-item-content { display: flex; align-items: center; }
.oc-switch-card-item-option-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.oc-create-action-interest-cell { line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.oc-create-action-interest-panel-container { display: flex; }
.oc-create-action-interest-panel-container .left-panel, .oc-create-action-interest-panel-container .right-panel { height: 386px; display: flex; flex-direction: column; border-radius: 8px; border: 1px solid rgb(222, 224, 227); }
.oc-create-action-interest-panel-container .left-panel .content, .oc-create-action-interest-panel-container .right-panel .content { flex-grow: 1; overflow-y: auto; }
.oc-create-action-interest-panel-container .left-panel .footer, .oc-create-action-interest-panel-container .right-panel .footer { border-top: 1px solid rgb(222, 224, 227); }
.oc-create-action-interest-panel-container .left-panel .header { border-radius: 8px 8px 0px 0px; }
.oc-create-action-interest-panel-container .right-panel { width: 240px; margin-left: 8px; }
.oc-create-action-interest-panel-container .ovui-cascader-panel__selection-header { font-weight: 400; background-color: unset; }
.oc-create-action-interest-panel-container .ovui-cascader-panel__main { border-radius: 0px; }
.oc-create-action-interest-panel-container .action-interest-tab { height: 36px; }
.oc-create-action-interest-panel-container .ovui-tabs__nav::before { background-color: rgb(232, 234, 237) !important; }
.oc-create-action-interest-panel-container .ovui-tabs__nav-list-scroll-container { transform: translate(12px); }
.oc-create-action-interest-selected-info { display: flex; justify-content: space-between; align-items: center; color: rgb(49, 52, 59); font-weight: 500; font-size: 14px; line-height: 22px; margin-bottom: 8px; }
.oc-create-action-interest-selected-info .selected-info-left { display: flex; }
.oc-create-action-interest-selected-info .selected-info-item { margin-right: 12px; }
.oc-create-action-interest-loading-container { position: relative; }
@keyframes v-ocean-spin-loading-rotate { 
  100% { transform: rotate(360deg); }
}
.oc-loading-icon { color: rgb(46, 123, 255); display: inline-flex; transform: rotate(0deg); animation: 0.8s linear 0s infinite normal none running v-ocean-spin-loading-rotate; }
.oc-create-aweme-star-checkbox-option-container { width: 100%; display: flex; align-items: center; cursor: pointer; height: 56px; padding: 0px 24px 0px 12px; margin-left: 0px !important; }
.oc-create-aweme-star-checkbox-option-container img { width: 100%; height: 100%; }
.oc-create-aweme-star-checkbox-option-container .ovui-checkbox, .oc-create-aweme-star-checkbox-option-container .ovui-checkbox__label { width: 100%; }
.oc-create-aweme-star-checkbox-option-container .ovui-checkbox { display: flex; align-items: center; }
.oc-create-aweme-star-checkbox-option-container:hover { background-color: rgb(232, 234, 237); }
.oc-create-aweme-star-checkbox-option-container .checkbox-option { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.oc-create-aweme-star-checkbox-option-container .checkbox-option .left { display: flex; align-items: center; }
.oc-create-aweme-star-checkbox-option-container .checkbox-option .left .avatar { margin-right: 8px; height: 32px; width: 32px; }
.oc-create-aweme-star-checkbox-option-container .checkbox-option .left .title { width: 280px; color: rgb(49, 52, 59); font-size: 14px; font-weight: 400; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oc-create-aweme-star-checkbox-option-container .checkbox-option .left .description { color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; line-height: 18px; }
.oc-create-aweme-star-select-filter { display: flex; align-items: center; margin-bottom: 8px; font-size: 14px; color: rgb(49, 52, 59); }
.oc-create-aweme-star-select-filter .behaviors-select { width: 180px; margin: 0px 12px; }
.oc-create-aweme-star-select-filter .behaviors-select .ovui-custom-input { overflow-x: hidden; }
.oc-create-aweme-star-select-filter .time-select { width: 96px; margin: 0px 12px; }
.oc-create-aweme-star-input { width: calc(100% - 248px); margin-bottom: 8px; }
.oc-create-action-interest-modal-footer { height: auto; min-height: 80px; }
.oc-create-action-interest-modal-footer .footer-container { display: flex; align-items: center; justify-content: space-between; }
.oc-create-action-interest-modal-footer .error-line .text { font-size: 12px; color: rgb(227, 73, 73); }
.oc-create-action-interest-modal-footer .footer-container-left { display: flex; flex-direction: column; width: 544px; overflow: hidden; }
.oc-create-action-interest-modal-footer .line-text { color: rgb(0, 87, 255); font-weight: 400; font-size: 12px; line-height: 18px; }
.oc-create-action-interest-form-conainer { margin-bottom: 8px; }
.oc-create-action-interest-form-conainer .action-form { display: flex; align-items: center; font-size: 14px; color: rgb(49, 52, 59); margin-bottom: 8px; }
.oc-create-action-interest-form-conainer .action-form .select { margin: 0px 12px; }
.oc-create-action-interest-form-conainer .action-form .ovui-custom-input { overflow-x: hidden; }
.oc-create-action-interest-wrap .left-panel-footer { margin: 8px 0px; padding: 0px 12px; font-size: 12px; line-height: 22px; }
.oc-create-action-interest-wrap .left-panel-footer .title { color: rgb(49, 52, 59); font-weight: 400; }
.oc-create-action-interest-wrap .left-panel-footer .title .title-wrapper { display: flex; justify-content: space-between; align-items: center; }
.oc-create-action-interest-wrap .left-panel-footer .title .title-link { font-size: 12px; font-weight: 400; }
.oc-create-action-interest-wrap .left-panel-footer .description { color: rgb(147, 150, 157); margin-top: 4px; line-height: 22px; }
.oc-create-action-interest-wrap .left-panel-footer .description .keywords { overflow: hidden; height: 22px; }
.oc-create-action-interest-wrap .left-panel-footer .description .keywords > div { display: inline-block; font-size: 12px; margin-right: 14px; }
.oc-create-action-interest-wrap .right-panel-content .header { color: rgb(49, 52, 59); padding: 2px 12px; display: flex; align-items: center; border-bottom: 1px solid rgb(222, 224, 227); font-size: 14px; height: 32px; word-break: keep-all; }
.oc-create-action-interest-wrap .right-panel-content .header-filter { width: 76px; }
.oc-create-action-interest-wrap .right-panel-content .header-filter .ovui-button--text { color: rgb(49, 52, 59) !important; }
.oc-create-action-interest-wrap .right-panel-content .table-content { overflow: auto; }
.oc-create-action-interest-wrap .right-panel-content .table-content .operation { display: flex; justify-content: center; }
.oc-create-action-interest-wrap .right-panel-content .table-content .operation-item { cursor: pointer; }
.oc-create-action-interest-wrap .right-panel-content .table-content .operation-item:hover { color: rgb(0, 87, 255); }
.oc-create-action-interest-wrap .right-panel-content .oc-popover span { display: flex; }
.oc-create-action-interest-wrap .action-interest-table-header { display: flex; justify-content: space-between; border-bottom: 1px solid rgb(222, 224, 227); align-items: center; font-size: 14px; line-height: 36px; height: 36px; padding: 0px 12px; }
.oc-create-action-interest-wrap .action-interest-table-header .label { color: rgb(49, 52, 59); font-weight: 600; display: flex; align-items: center; }
.oc-create-action-interest-wrap .action-interest-table-header .description { color: rgb(147, 150, 157); }
.oc-create-action-interest-wrap .action-interest-table-content { overflow: auto; }
.oc-create-action-interest-wrap .right-panel-header { display: flex; padding: 0px 12px; height: 36px; align-items: center; background: rgb(245, 247, 250); font-weight: 500; font-size: 14px; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(222, 224, 227); border-radius: 8px 8px 0px 0px; }
.oc-create-action-interest-wrap .oc-over-count { color: rgb(227, 73, 73); }
.oc-create-action-interest-wrap .right-panel-footer-content { display: flex; align-items: center; }
.oc-create-action-interest-wrap .category-content .ovui-cascader-panel__selection-block { height: 281px; }
.oc-create-action-interest-wrap .category-content .ovui-cascader-panel__main--border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-create-action-interest-wrap .header-filter .ovui-button--text { color: rgb(49, 52, 59) !important; }
.oc-create-action-interest-table-content .content { position: relative; }
.oc-scene-item-container { background: rgb(245, 247, 250); padding: 12px; display: flex; align-items: center; border-radius: 8px; }
.oc-scene-item-container .scene-item { margin-right: 24px; display: flex; align-items: center; }
.oc-scene-item-container .scene-item .key-box { font-size: 12px; margin-right: 3px; color: rgb(147, 150, 157); }
.oc-scene-item-container .scene-item .value-box { font-size: 12px; color: rgb(98, 101, 108); font-weight: 600; }
.oc-scene-item-container .ovui-select--text .ovui-select__text-wrapper { color: rgb(98, 101, 108); font-weight: 600; }
.word-insert-top { border-top: 1px solid rgb(222, 224, 227); padding-top: 8px; }
.word-insert-wrapper { display: flex; justify-content: space-between; }
.word-insert-wrapper .each-word { margin: 0px 5px; cursor: pointer; }
.word-insert-wrapper .add-link-more { margin-right: 0px; }
.word-insert-wrapper .keyword { display: flex; align-items: center; gap: 4px; }
.word-insert-wrapper .ad-link-text-btn { color: rgb(0, 87, 255); font-weight: 400; cursor: pointer; font-size: 14px; }
.word-insert-wrapper .word-and-keyword { display: flex; font-size: 14px; }
.word-insert-wrapper .word-and-keyword .insert-tips { color: rgb(147, 150, 157); }
.oc-promotion-info-card-img { display: flex; justify-content: center; align-items: center; }
.oc-promotion-info-card-img.red-light { border: 1px solid rgb(254, 44, 85); }
.oc-promotion-info-card-tags { margin-left: 8px; }
.oc-promotion-info-card-actions { margin-left: 8px; font-size: 12px; color: rgb(0, 87, 255); cursor: pointer; white-space: nowrap; }
.oc-promotion-info-card-title { line-height: 22px; font-size: 14px; font-weight: 600; color: rgb(49, 52, 59); }
.oc-promotion-info-card-text-value { display: flex; align-items: center; font-size: 12px; width: 100%; line-height: 18px; color: rgb(147, 150, 157); }
.oc-promotion-info-card-text-value .text { margin-right: 3px; }
.oc-promotion-info-card-text { display: flex; align-items: center; font-size: 12px; width: 100%; line-height: 18px; color: rgb(147, 150, 157); }
.navigator-menu-dropdown-content-2 { padding: 24px; display: flex; }
.navigator-menu-dropdown-content-2 .menu-dropdown-content-banner { border-radius: 4px; margin-left: 24px; }
.navigator-menu-dropdown-content-3 { padding: 24px; }
.navigator-menu-dropdown-content-3 .navigator-menu-dropdown-content-3-1-flag { min-width: 180px; padding: 4px 8px; display: flex; line-height: 22px; font-size: 14px; vertical-align: middle; align-items: self-start; color: rgb(49, 52, 59); }
.navigator-menu-dropdown-content-3 .navigator-menu-dropdown-content-3-1-flag:hover { background: rgb(242, 244, 247); border-radius: 4px; cursor: pointer; }
.navigator-menu-dropdown-content-3 .menu-dropdown-content-3-item { display: flex; color: rgb(147, 150, 157); }
.navigator-menu-dropdown-content-3 .menu-dropdown-content-3-icon { margin-right: 8px; }
.navigator-menu-dropdown-content-3 .menu-dropdown-content-3-name { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; font-weight: bolder; }
.navigator-menu-dropdown-content-3 .sub-childern-item-icon-flag { margin-left: 4px; align-self: center; display: flex; }
.navigator-menu-dropdown-content-3 .menu-dropdown-content-divider { width: 100%; height: 1px; background: rgb(223, 224, 226); margin-top: 8px; margin-bottom: 12px; }
.navigator-menu-dropdown-content-1 { padding: 8px; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled { color: rgb(185, 188, 195); }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled oc-icon, .navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled iconpark-icon { color: rgb(185, 188, 195); }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled :hover { cursor: not-allowed; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item { color: rgb(49, 52, 59); }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item oc-icon, .navigator-menu-dropdown-content-1 .menu-dropdown-content-item iconpark-icon { color: rgb(147, 150, 157); }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-info { margin-left: 20px; margin-top: 4px; color: rgb(147, 150, 157); font-size: 12px; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-content-menu { display: block; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-title { display: flex; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled, .navigator-menu-dropdown-content-1 .menu-dropdown-content-item { padding: 4px 8px; display: flex; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item-disabled span, .navigator-menu-dropdown-content-1 .menu-dropdown-content-item span { margin-left: 4px; font-size: 14px; line-height: 22px; }
.navigator-menu-dropdown-content-1 .menu-dropdown-content-item:hover { cursor: pointer; background: rgb(242, 244, 247); border-radius: 4px; }
.navigator-is-mark-item oc-icon, .navigator-is-mark-item iconpark-icon, .navigator-is-mark-item oc-typography, .navigator-is-mark-item .menu-dropdown-content-item-info, .navigator-is-mark-item span { color: rgb(0, 87, 255) !important; }
.menu-dropdown-footer-left-icon { margin-top: 3px; }
.navigator-menu-dropdown-content-3-1-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.oc-title-suffix-wrapper, .oc-title-suffix-wrapper .question-popover-reference { display: flex; align-items: center; }
.oc-title-suffix-wrapper .question-popover-reference .oc-popover-icon-wrapper { color: rgb(185, 188, 195); }
.oc-title-suffix-wrapper .question-popover-reference .oc-popover-icon-wrapper:hover { cursor: pointer; }
.oc-title-suffix-wrapper .title-jump-icon { display: flex; align-items: center; color: rgb(0, 87, 255); cursor: pointer; }
.oc-title-suffix-wrapper .title-jump-icon .text { font-size: 14px; line-height: 22px; font-weight: 400; }
.oc-title-suffix-wrapper .title-jump-icon .oc-icon-share-wrapper { display: flex; }
.oc-selected-item-wrapper { display: flex; align-items: center; }
.oc-selected-item-wrapper .text { flex: 1 1 0%; }
.oc-selected-item-wrapper .delete-btn-wrapper { display: flex; }
.oc-selected-item-wrapper .delete-btn-wrapper .delete-btn:hover { color: rgb(0, 87, 255); cursor: pointer; }
.oc-selected-item-wrapper .delete-btn-wrapper .delete-btn.disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.oc-guide-tag-wrapper { display: flex; align-items: center; height: 100%; }
.oc-guide-tag-wrapper .badge-dot { width: 6px; height: 6px; border-radius: 3px; background-color: rgb(227, 73, 73); margin-top: -15px; }
.oc-filter-echo-item { background: rgba(42, 85, 229, 0.06); border-radius: 8px; display: flex; cursor: pointer; padding: 6px 8px; height: 32px; font-size: 14px; justify-content: center; align-items: center; flex: 1 0 0px; color: rgb(0, 87, 255); max-width: 264px; }
.oc-filter-echo-item .echo-num { height: 24px; width: 24px; margin: 0px 8px; background: rgb(255, 255, 255); border-radius: 50%; text-align: center; line-height: 24px; }
.oc-filter-echo-body .ovui-cascader-panel__main--border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-filter-echo-body .ovui-cascader-panel__selection-block { height: auto; }
.oc-filter-echo-body .oc-filter-select-filter, .oc-filter-echo-body .oc-filter-echo-cascader { margin: -16px; }
.oc-filter-echo-item-text { overflow: hidden; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; }
.oc-filter-delete-icon { height: 14px; width: 14px; margin-left: 4px; cursor: pointer; }
.oc-filter-more-filter-echo-popover { max-height: 195px; overflow: auto; }
.oc-filter-template-list-body { width: 200px; font-size: 14px; }
.oc-filter-template-list-body .template-item { width: 100%; height: 32px; line-height: 32px; cursor: pointer; }
.oc-filter-template-list-body .template-item:hover { color: rgb(0, 87, 255); }
.oc-filter-template-list-body .custom-action { text-align: center; color: rgb(0, 87, 255); cursor: pointer; height: 32px; line-height: 32px; }
.oc-filter-template-list-body .sp { width: 100%; height: 1px; margin: 4px 0px; background: rgb(222, 224, 227); }
.creative-info-user { display: flex; justify-content: space-between; align-items: center; }
.creative-info-user .oc-user-info { flex: 1 1 0%; display: flex; align-items: center; gap: 4px; }
.creative-info-user .user-avatar { position: relative; width: 23px; height: 23px; margin-right: 4px; display: inline-flex; align-items: center; }
.creative-info-user .user-avatar img { width: 100%; height: 100%; border-radius: 100%; }
.previe-media { width: 100%; height: 100%; position: relative; }
.previe-media .bg { z-index: 10; }
.previe-media::after { content: ""; width: 44px; height: 44px; padding: 0px; background-image: url("assets/advertiser/42f725550ea0b93b9ed6.png"); background-size: 100% 100%; background-color: initial; border-radius: 0px; background-position: center center; background-repeat: no-repeat; transform: translate(-50%, -50%); left: 50%; top: 50%; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4.41012px 11.0253px); display: none; position: absolute; }
.previe-media .xgplayer-start, .previe-media xg-start-inner { display: none !important; }
.previe-media.pause::after { display: block; }
.live-btn { border: 0.725px solid rgba(255, 255, 255, 0.2); padding: 3px; border-radius: 50px; position: absolute; left: 50%; transform: translate(-50%); bottom: 172px; color: rgb(255, 255, 255); z-index: 10001; }
.live-btn-main { width: 122px; height: 28px; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: 0.725px solid rgba(255, 255, 255, 0.4); background: rgba(0, 0, 0, 0.1); }
.anchor-card-item, .promotion-card-item { width: 100%; padding: 6px; display: flex; align-items: center; border-radius: 6px; background: rgba(34, 34, 34, 0.6); color: rgb(255, 255, 255); }
.anchor-card-item { height: 34px; gap: 6px; zoom: 0.83; }
.anchor-card-item .card-image, .anchor-card-item .card-tag, .anchor-card-item .card-desc { flex: 0 0 auto; }
.anchor-card-item .card-desc-line { height: 8px; width: 1px; border: 1px; background-color: rgba(255, 255, 255, 0.5); }
.anchor-card-item .card-tag { opacity: 0.75; }
.anchor-card-item .card-image { width: 18px; height: 18px; font-size: 0px; }
.anchor-card-item .card-image img { width: 100%; height: 100%; }
.promotion-card-item { height: 42px; }
.promotion-card-item .card-image, .promotion-card-item .card-button { flex: 0 0 auto; }
.promotion-card-item .card-image { width: 28px; height: 28px; background-color: rgb(255, 255, 255); border-radius: 4px; }
.promotion-card-item .card-image img { width: 100%; height: 100%; border-radius: 4px; }
.promotion-card-item .card-container { margin: 0px 7px; flex: 1 1 0%; }
.promotion-card-item .card-title { margin-top: 0px; font-weight: 500; zoom: 0.75; }
.promotion-card-item .card-desc { width: 110%; zoom: 0.66666; opacity: 0.6; }
.promotion-card-item .card-button { background: rgb(254, 44, 85); border-radius: 2px; font-weight: 600; font-size: 12px; line-height: 19px; text-align: center; height: 19px; color: rgb(255, 255, 255); min-width: 42.75px; display: flex; align-items: center; justify-content: center; }
.promotion-card-item .card-button .button-text { padding: 0px 4.5px; zoom: 0.75; }
.img-container__content-tag { background-color: rgba(22, 24, 35, 0.34); border-radius: 4px; padding: 3px 6px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); font-size: 15px; position: absolute; right: 6px; top: 6px; z-index: 4; zoom: 0.725333; }
.img-container .oc-carousel-item { display: flex; align-items: center; justify-content: center; }
.img-container .oc-media-graphic-item-thumb { width: 100%; height: 100%; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.img-container .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.img-container .oc-carousel-footer { z-index: 9; }
.search-creative-main { position: absolute; width: 128px; height: 221px; right: 5px; top: 100px; display: flex; flex-direction: column; gap: 3px; }
.search-creative-main .oc-creative-preview-image { height: 170px; overflow: hidden; background-color: rgb(22, 24, 35); margin-top: 0px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.search-creative-main .ad-logo { font-size: 12px; padding: 0px 6px; zoom: 0.6; position: absolute; right: 5px; top: 255px; color: rgba(255, 255, 255, 0.85) !important; background: rgba(0, 0, 0, 0.08) !important; }
.search-creative-main .title { zoom: 0.833; color: rgb(22, 24, 35); margin-top: 0px !important; }
.search-creative-main .title .oc-typography { line-height: 17px; }
.search-creative-main .creative-info-user { zoom: 0.75; color: rgba(22, 24, 35, 0.75); }
.search-creative-main .creative-info-user iconpark-icon { display: none; }
.search-creative-main .card-button { background-color: rgba(254, 44, 85, 0.08); border-radius: 6px; width: 100%; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: rgb(254, 44, 85); font-weight: 500; zoom: 0.6; }
.oc-creative-preview-image { width: 100%; height: 133.461px; overflow: hidden; margin-top: 8px; border-radius: 8px; position: relative; }
.oc-creative-preview-image__tag, .oc-creative-preview-image__ai { position: absolute; top: 6px; left: 6px; z-index: 10; }
.oc-creative-preview-image__ai { padding: 0px 3px; display: flex; align-items: center; justify-content: center; height: 14px; color: rgb(255, 255, 255); background: rgba(22, 24, 35, 0.34); border-radius: 2px; line-height: 14px; }
.oc-creative-preview-image__ai::after { content: "AI生成"; font-size: 12px; zoom: 0.7; }
.create-preview-blue-flow { width: 100%; height: auto; padding: 0px; z-index: 10; position: relative; margin-top: -23px; }
.create-preview-blue-flow__link { background-color: rgb(254, 44, 85); display: flex; height: 23px; align-items: center; justify-content: space-between; color: rgba(255, 255, 255, 0.9); font-size: 10px; padding: 0px 8px; }
.create-preview-blue-flow__link-left { display: flex; align-items: center; gap: 4px; }
.create-preview-blue-flow__link-left img { width: 12px; height: 12px; }
.create-preview-blue-flow__container { background-color: rgba(22, 24, 35, 0.03); height: 43.52px; border-radius: 0px 0px 4px 4px; display: flex; }
.create-preview-blue-flow__container-item { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1 0%; position: relative; padding: 4px 6px; }
.create-preview-blue-flow__container-item .flow-title { color: rgba(22, 24, 35, 0.75); font-size: 9px; }
.create-preview-blue-flow__container-item .flow-num { color: rgb(254, 44, 85); font-size: 10px; margin-top: -2px; }
.create-preview-blue-flow__container-item:not(:last-child)::after { content: ""; width: 0.7px; height: 18.858px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-color: rgba(22, 24, 35, 0.12); }
.create-preview-blue-flow .ad-logo { margin-top: 10px; display: inline-flex !important; margin-left: 0px !important; }
.oc-create-aweme-star-auto-complete { position: absolute; top: 40px; width: 544px; max-height: 321px; padding-top: 12px; overflow: auto; background-color: rgb(255, 255, 255); line-height: 18px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; z-index: 3; }
.oc-create-aweme-star-auto-complete .label { color: rgb(147, 150, 157); font-size: 12px; padding: 0px 12px; font-weight: 400; line-height: 18px; }
.oc-create-action-interest-table-content { font-size: 14px; color: rgb(49, 52, 59); }
.oc-create-action-interest-table-content .table-item { display: flex; padding: 0px 12px; height: 32px; align-items: center; }
.oc-create-action-interest-table-content .table-item:hover { background: rgb(242, 244, 247); }
.oc-create-action-interest-table-content .empty { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.oc-create-action-interest-breadcrumb { max-width: 230px; overflow: hidden; }
.oc-create-action-interest-breadcrumb .ovui-button { color: rgb(147, 150, 157); }
.oc-create-action-interest-breadcrumb .ovui-button:hover { color: rgb(0, 87, 255); }
.oc-create-action-interest-breadcrumb > * { cursor: pointer; }
.oc-create-action-interest-breadcrumb .breadcrumb-cell { height: 25px; }
.oc-create-action-interest-input-wrap { position: relative; display: flex; align-items: center; margin-bottom: 8px; font-size: 14px; color: rgb(49, 52, 59); }
.oc-create-action-interest-input-wrap .input { width: 544px; }
.oc-create-action-interest-input-wrap .icon { margin-left: 8px; margin-right: 4px; }
.oc-create-action-interest-input-wrap .search-result { position: absolute; top: 40px; max-height: 321px; width: 544px; overflow: auto; padding-top: 4px; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; z-index: 1; }
.oc-create-action-interest-input-wrap .search-result .search-result-label { color: rgb(147, 150, 157); font-weight: 400; font-size: 12px; margin-bottom: 12px; margin-top: 12px; }
.oc-create-action-interest-input-wrap .search-result .search-result-item { display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-bottom: 8px; padding: 4px 16px 4px 12px; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .item-info { font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); margin-left: 8px; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .num { color: rgb(147, 150, 157); font-weight: 400; font-size: 12px; line-height: 18px; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .buttons { display: flex; align-items: center; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .buttons .left-button { margin-right: 12px; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .buttons .disabled-left-button { cursor: not-allowed; opacity: 0.5; }
.oc-create-action-interest-input-wrap .search-result .search-result-item .buttons > div { cursor: pointer; }
.oc-create-action-interest-input-wrap .search-result .search-result-item:hover { background-color: rgb(242, 244, 247); }
.oc-create-action-interest-input-wrap .search-result .search-result-item-left { display: flex; align-items: center; }
.oc-filter-checkbox-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; color: rgb(49, 52, 59); }
.oc-filter-checkbox-list .checkbox-item { display: flex; align-items: center; height: 22px; }
.oc-filter-checkbox-list .checkbox-item-normal { display: flex; align-items: center; }
.oc-filter-checkbox-list .checkbox-item-text { font-size: 14px; margin-left: 8px; cursor: pointer; }
.oc-filter-radio-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; color: rgb(49, 52, 59); }
.oc-filter-radio-list .radio-item, .oc-filter-radio-list .radio-item .radio-item-normal { display: flex; align-items: center; }
.oc-filter-radio-list .radio-item-text { font-size: 14px; margin-left: 8px; cursor: pointer; white-space: nowrap; }
.oc-filter-compare-filter { display: flex; flex-flow: wrap; }
.oc-filter-compare-filter .type-select { margin-right: 8px; width: 96px; }
.oc-filter-compare-filter .sp { margin: 0px 8px; color: rgb(222, 224, 227); line-height: 32px; }
.oc-filter-compare-filter-input { position: relative; display: inline-block; vertical-align: middle; }
.oc-filter-compare-filter-input .oc-promotion-more-filter-error { color: rgb(227, 73, 73); position: static; font-size: 12px; word-break: break-all; }
.oc-filter-cascader-filter { width: var(--more-filter-pop-item-width, 264px); }
.oc-filter-select-filter .oc-row-cascader .ovui-cascader-panel .ovui-cascader-panel__main { width: unset; }
.oc-filter-select-filter .ovui-cascader-panel__selection-block { min-width: 200px; }
.oc-filter-select-filter .ovui-cascader-panel__main { flex: unset; min-width: 264px; }
.oc-filter-input-filter { position: relative; }
.oc-filter-date-range-filter-primary { display: flex; align-items: center; background: rgba(42, 85, 229, 0.06); border-radius: 8px; padding-right: 8px; }
.oc-filter-date-range-filter-primary .ovui-custom-input--fill { background: transparent; }
.oc-filter-date-range-filter-delete-icon { cursor: pointer; display: flex; align-items: center; color: rgb(0, 87, 255); }
.oc-filter-tile-compare-body .ovui-cascader-panel__main--border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.oc-filter-tile-compare-body .ovui-cascader-panel__selection-block { height: auto; }
.oc-filter-tile-compare-body .footer { margin-top: 16px; }
.oc-filter-tile-campare-target { width: var(--more-filter-pop-item-width, 264px); }
.oc-filter-footer { margin-top: 16px; }
.search-icon-area { display: flex; }
.oc-filter-select-input { position: relative; }
.oc-promotion-more-filter-error { color: rgb(227, 73, 73); position: absolute; font-size: 12px; overflow-wrap: break-word; }
.oc-filter-select-input-input { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.oc-filter-echo-cascader .oc-row-cascader .ovui-cascader-panel .ovui-cascader-panel__main { width: unset; }
.oc-filter-echo-cascader .ovui-cascader-panel__selection-block { min-width: 200px; }
.oc-filter-echo-cascader .ovui-cascader-panel__main { flex: unset; min-width: 264px; }
.navigator_en_space { display: flex !important; flex: 1 1 0px !important; justify-content: space-between !important; }
.navigator_submenu .menu-dropdown-content-banner { border-radius: 4px; }
.navigator_submenu .navigator-sub-item { min-width: 180px; }
.navigator_submenu .navigator-sub-item .sub-title { display: flex; color: rgb(147, 150, 157); margin-bottom: 4px; }
.navigator_submenu .navigator-sub-item .sub-name { font-weight: bolder; color: rgb(49, 52, 59); line-height: 22px; padding: 4px 8px; }
.navigator_submenu .navigator-sub-item .sub-childern { margin-left: 16px; }
.navigator_submenu .navigator-sub-item .sub-childern .navigator-sub-childern-item-flag { min-width: 164px; padding: 4px 8px; color: rgb(49, 52, 59); display: flex; vertical-align: middle; align-items: self-start; }
.navigator_submenu .navigator-sub-item .sub-childern .navigator-sub-childern-item-flag:hover { background: rgb(242, 244, 247); border-radius: 4px; cursor: pointer; }
.navigator_submenu .navigator-sub-item .sub-childern-item-is-mark { color: rgb(0, 87, 255) !important; }
.navigator_submenu .navigator-sub-item .sub-childern-item-is-mark icon, .navigator_submenu .navigator-sub-item .sub-childern-item-is-mark span, .navigator_submenu .navigator-sub-item .sub-childern-item-is-mark oc-typography, .navigator_submenu .navigator-sub-item .sub-childern-item-is-mark iconpark-icon { color: rgb(0, 87, 255) !important; }
.navigator_submenu .navigator-sub-item .sub-childern-item-new, .navigator_submenu .navigator-sub-item .sub-childern-item-icon-flag { margin-left: 4px; align-self: center; display: flex; }
.navigator-sub-childern-item-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.oc-create-aweme-star-row { padding: 0px 12px; height: 56px; display: flex; align-items: center; cursor: pointer; }
.oc-create-aweme-star-row:hover { background-color: rgb(242, 244, 247); }
.oc-create-aweme-star-row .avatar { height: 32px; width: 32px; margin-right: 8px; border-radius: 50%; }
.oc-create-aweme-star-row .name { color: rgb(49, 52, 59); font-size: 14px; font-weight: 600; }
.oc-create-aweme-star-row .num { color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; line-height: 18px; }
.oc-filter-checkbox-list-drop { display: flex; height: inherit; }
.oc-filter-checkbox-list-drop .oc-dropdown-wrapper { margin-left: 8px; cursor: pointer; }
.oc-filter-checkbox-list-drop .ovui-button--text { color: inherit; line-height: normal; }
.checkbox-list-drop-content { margin: -6px 0px; padding: 6px 0px; }
.checkbox-list-drop-content .checkbox-list-drop-item { padding: 6px 12px; cursor: pointer; }
.checkbox-list-drop-content .checkbox-list-drop-item:hover { background-color: rgb(242, 244, 247); }
.oc-filter-radio-list-drop { display: flex; }
.oc-filter-radio-list-drop .oc-dropdown-wrapper { margin-left: 8px; cursor: pointer; }
.oc-filter-radio-list-drop .ovui-button--text { color: inherit; }
.tippy-box[data-animation="fade"][data-state="hidden"] { opacity: 0; }
[data-tippy-root] { max-width: calc(-10px + 100vw); }
.tippy-box { position: relative; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 1.4; white-space: normal; outline: 0px; transition-property: transform, visibility, opacity; }
.tippy-box[data-placement^="top"] > .tippy-arrow { bottom: 0px; }
.tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -7px; left: 0px; border-width: 8px 8px 0px; border-top-color: initial; transform-origin: center top; }
.tippy-box[data-placement^="bottom"] > .tippy-arrow { top: 0px; }
.tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -7px; left: 0px; border-width: 0px 8px 8px; border-bottom-color: initial; transform-origin: center bottom; }
.tippy-box[data-placement^="left"] > .tippy-arrow { right: 0px; }
.tippy-box[data-placement^="left"] > .tippy-arrow::before { border-width: 8px 0px 8px 8px; border-left-color: initial; right: -7px; transform-origin: left center; }
.tippy-box[data-placement^="right"] > .tippy-arrow { left: 0px; }
.tippy-box[data-placement^="right"] > .tippy-arrow::before { left: -7px; border-width: 8px 8px 8px 0px; border-right-color: initial; transform-origin: right center; }
.tippy-box[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }
.tippy-arrow { width: 16px; height: 16px; color: rgb(51, 51, 51); }
.tippy-arrow::before { content: ""; position: absolute; border-color: transparent; border-style: solid; }
.tippy-content { position: relative; padding: 5px 9px; z-index: 1; }
.tippy-box[data-theme~="firefly-bubble"] { background-color: rgb(53, 101, 242); color: rgb(255, 255, 255); filter: drop-shadow(rgba(53, 101, 242, 0.24) 0px 4px 12px); border-radius: 8px; }
.tippy-box[data-theme~="firefly-bubble"] > .tippy-content { padding: 16px; word-break: break-all; }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="top"] > .tippy-arrow::before { border-top-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="left"] > .tippy-arrow::before { border-left-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="right"] > .tippy-arrow::before { border-right-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-base"] { background-color: transparent; }
.tippy-box[data-theme~="firefly-base"] > .tippy-content { padding: 0px; font-size: 0px; }
.tippy-box[data-placement^="top"] > .tippy-svg-arrow { bottom: 0px; }
.tippy-box[data-placement^="top"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg { top: 16px; transform: rotate(180deg); }
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow { top: 0px; }
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg { bottom: 16px; }
.tippy-box[data-placement^="left"] > .tippy-svg-arrow { right: 0px; }
.tippy-box[data-placement^="left"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg { transform: rotate(90deg); top: calc(50% - 3px); left: 11px; }
.tippy-box[data-placement^="right"] > .tippy-svg-arrow { left: 0px; }
.tippy-box[data-placement^="right"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg { transform: rotate(-90deg); top: calc(50% - 3px); right: 11px; }
.tippy-svg-arrow { width: 16px; height: 16px; fill: rgb(51, 51, 51); text-align: initial; }
.tippy-svg-arrow, .tippy-svg-arrow > svg { position: absolute; }
.red-dot[data-v-14c29c34] { display: inline-block; width: 6px; height: 6px; background-color: rgb(227, 73, 73); border-radius: 50%; }
.red-dot-border[data-v-14c29c34] { border: 1px solid rgb(255, 255, 255); }
.multi-step-content[data-v-81c4d02a] { background-color: rgb(53, 101, 242); color: rgb(255, 255, 255); padding: 16px 16px 0px; position: relative; }
.title[data-v-81c4d02a] { font-size: 14px; font-weight: 600; margin-bottom: 8px; padding-right: 16px; }
.desc[data-v-81c4d02a] { font-size: 12px; line-height: 18px; margin-bottom: 8px; }
.img-container[data-v-81c4d02a] {
  margin-bottom: 8px;
  & img[data-v-81c4d02a] { width: 100%; border-radius: 4px; }
}
.action-dot[data-v-81c4d02a] { position: absolute; bottom: -24px; left: 16px; display: flex; flex-direction: row; align-items: center; }
.step-dot[data-v-81c4d02a] {
  width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.4);
  &[data-v-81c4d02a]:not(:last-child) { margin-right: 4px; }
}
.step-dot.active[data-v-81c4d02a] { background: rgb(255, 255, 255); }
.firefly-close-button[data-v-81c4d02a] { cursor: pointer; height: 20px; display: flex; align-items: center; margin-left: 16px; position: absolute; top: 14px; right: 16px; }
.shepherd-button { background: rgb(50, 136, 230); border: 0px; border-radius: 3px; color: rgba(255, 255, 255, 0.75); cursor: pointer; margin-right: 0.5rem; padding: 0.5rem 1.5rem; transition: 0.5s; }
.shepherd-button:not(:disabled):hover { background: rgb(25, 111, 204); color: rgba(255, 255, 255, 0.75); }
.shepherd-button.shepherd-button-secondary { background: rgb(241, 242, 243); color: rgba(0, 0, 0, 0.75); }
.shepherd-button.shepherd-button-secondary:not(:disabled):hover { background: rgb(214, 217, 219); color: rgba(0, 0, 0, 0.75); }
.shepherd-button:disabled { cursor: not-allowed; }
.shepherd-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: flex; justify-content: flex-end; padding: 0px 0.75rem 0.75rem; }
.shepherd-footer .shepherd-button:last-child { margin-right: 0px; }
.shepherd-cancel-icon { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgba(128, 128, 128, 0.75); cursor: pointer; font-size: 2em; font-weight: 400; margin: 0px; padding: 0px; transition: color 0.5s; }
.shepherd-cancel-icon:hover { color: rgba(0, 0, 0, 0.75); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: rgba(128, 128, 128, 0.75); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: rgba(0, 0, 0, 0.75); }
.shepherd-title { color: rgba(0, 0, 0, 0.75); display: flex; flex: 1 0 auto; font-size: 1rem; font-weight: 400; margin: 0px; padding: 0px; }
.shepherd-header { align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; display: flex; justify-content: flex-end; line-height: 2em; padding: 0.75rem 0.75rem 0px; }
.shepherd-has-title .shepherd-content .shepherd-header { background: rgb(230, 230, 230); padding: 1em; }
.shepherd-text { color: rgba(0, 0, 0, 0.75); font-size: 1rem; line-height: 1.3em; padding: 0.75em; }
.shepherd-text p { margin-top: 0px; }
.shepherd-text p:last-child { margin-bottom: 0px; }
.shepherd-content { border-radius: 5px; outline: none; padding: 0px; }
.shepherd-element { background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; max-width: 400px; opacity: 0; outline: none; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; width: 100%; z-index: 9999; }
.shepherd-enabled.shepherd-element { opacity: 1; visibility: visible; }
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) { opacity: 0; pointer-events: none; visibility: hidden; }
.shepherd-element, .shepherd-element *, .shepherd-element ::after, .shepherd-element ::before { box-sizing: border-box; }
.shepherd-arrow, .shepherd-arrow::before { height: 16px; position: absolute; width: 16px; z-index: -1; }
.shepherd-arrow::before { background: rgb(255, 255, 255); content: ""; transform: rotate(45deg); }
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow { bottom: -8px; }
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { top: -8px; }
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow { right: -8px; }
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow { left: -8px; }
.shepherd-element.shepherd-centered > .shepherd-arrow { opacity: 0; }
.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before { background-color: rgb(230, 230, 230); }
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * { pointer-events: none; }
.shepherd-modal-overlay-container { height: 0px; left: 0px; opacity: 0; overflow: hidden; pointer-events: none; position: fixed; top: 0px; transition: 0.3s ease-out, height 0.3s, opacity 0.3s; width: 100vw; z-index: 9997; }
.shepherd-modal-overlay-container.shepherd-modal-is-visible { height: 100vh; opacity: 0.5; transform: translateZ(0px); transition: 0.3s ease-out, height, opacity 0.3s; }
.shepherd-modal-overlay-container.shepherd-modal-is-visible path { pointer-events: all; }
.shepherd-element.shepherd-firefly-custom { background-color: rgb(53, 101, 242); border-radius: 8px; width: auto; }
.shepherd-element.shepherd-firefly-custom .shepherd-footer { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0px 16px 12px 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-header { height: 0px; padding: 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-text { padding: 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-arrow { width: 10px; height: 10px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="top"] .shepherd-arrow { bottom: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="left"] .shepherd-arrow { right: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="right"] .shepherd-arrow { left: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow { top: -4px; }
.shepherd-element.shepherd-firefly-custom .shepherd-arrow::before { width: 10px; height: 10px; border-radius: 2px; background-color: rgb(53, 101, 242); }
.shepherd-element.shepherd-firefly-custom .shepherd-content { border-radius: 8px; overflow: hidden; }
.shepherd-button.firefly-modal-multi-step-skip { color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(53, 101, 242); border: 0px; cursor: pointer; width: 28px; padding: 0px; transition: none; }
.shepherd-button.firefly-modal-multi-step-skip:hover { color: rgb(255, 255, 255); background-color: rgb(53, 101, 242); }
.shepherd-button.firefly-modal-multi-step-next { display: flex; height: 24px; padding: 0px 16px; justify-content: center; align-items: center; border-radius: 4px; background: rgb(255, 255, 255); border: 0px; color: rgb(42, 85, 229); cursor: pointer; font-size: 12px; margin-left: 8px; transition: none; }
.shepherd-button.firefly-modal-multi-step-next:hover { background: rgb(255, 255, 255); color: rgb(42, 85, 229); }
.shepherd-target.shepherd-firefly-highlight.firefly-relative { position: relative; }
.shepherd-target.shepherd-firefly-highlight::before { content: ""; display: block; position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; z-index: 9999; }*, ::before, ::after { box-sizing: border-box; }
html { tab-size: 4; }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; }
hr { height: 0px; color: inherit; }
abbr[title] { text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
legend { padding: 0px; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }
button { background-color: transparent; background-image: none; }
fieldset { margin: 0px; padding: 0px; }
ol, ul { list-style: none; margin: 0px; padding: 0px; }
html { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; }
body { font-family: inherit; line-height: inherit; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: currentcolor; }
hr { border-top-width: 1px; }
img { border-style: solid; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(161, 161, 170); }
button, [role="button"] { cursor: pointer; }
table { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
button, input, optgroup, select, textarea { padding: 0px; line-height: inherit; color: inherit; }
pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }
*, ::before, ::after { border-color: currentcolor; }
.container { width: 100%; }
@media (min-width: 640px) {
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.pointer-events-none { pointer-events: none; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.group:hover .group-hover\:visible { visibility: visible; }
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-2 { inset: 2px; }
.top-0 { top: 0px; }
.top-3 { top: 3px; }
.top-6 { top: 6px; }
.top-11 { top: 11px; }
.top-15 { top: 15px; }
.top-24 { top: 24px; }
.top-40 { top: 40px; }
.right-0 { right: 0px; }
.right-8 { right: 8px; }
.right-11 { right: 11px; }
.right-24 { right: 24px; }
.-right-4 { right: -4px; }
.bottom-0 { bottom: 0px; }
.bottom-1 { bottom: 1px; }
.left-0 { left: 0px; }
.z-1 { z-index: 1; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-2001 { z-index: 2001; }
.float-right { float: right; }
.float-left { float: left; }
.m-auto { margin: auto; }
.mx-2 { margin-left: 2px; margin-right: 2px; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.mx-24 { margin-left: 24px; margin-right: 24px; }
.mx-28 { margin-left: 28px; margin-right: 28px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-16 { margin-top: 16px; margin-bottom: 16px; }
.my-24 { margin-top: 24px; margin-bottom: 24px; }
.mt-1 { margin-top: 1px; }
.mt-2 { margin-top: 2px; }
.mt-3 { margin-top: 3px; }
.mt-4 { margin-top: 4px; }
.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-12 { margin-top: 12px; }
.mt-13 { margin-top: 13px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-72 { margin-top: 72px; }
.mt-150 { margin-top: 150px; }
.mt-206 { margin-top: 206px; }
.-mt-1 { margin-top: -1px; }
.-mt-4 { margin-top: -4px; }
.-mt-10 { margin-top: -10px; }
.mr-2 { margin-right: 2px; }
.mr-4 { margin-right: 4px; }
.mr-5 { margin-right: 5px; }
.mr-6 { margin-right: 6px; }
.mr-8 { margin-right: 8px; }
.mr-9 { margin-right: 9px; }
.mr-10 { margin-right: 10px; }
.mr-12 { margin-right: 12px; }
.mr-14 { margin-right: 14px; }
.mr-15 { margin-right: 15px; }
.mr-16 { margin-right: 16px; }
.mr-20 { margin-right: 20px; }
.mr-24 { margin-right: 24px; }
.mr-36 { margin-right: 36px; }
.mr-50 { margin-right: 50px; }
.mr-128 { margin-right: 128px; }
.mb-0 { margin-bottom: 0px; }
.mb-1 { margin-bottom: 1px; }
.mb-4 { margin-bottom: 4px; }
.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-14 { margin-bottom: 14px; }
.mb-16 { margin-bottom: 16px; }
.mb-18 { margin-bottom: 18px; }
.mb-20 { margin-bottom: 20px; }
.mb-21 { margin-bottom: 21px; }
.mb-22 { margin-bottom: 22px; }
.mb-24 { margin-bottom: 24px; }
.mb-30 { margin-bottom: 30px; }
.-mb-20 { margin-bottom: -20px; }
.ml-2 { margin-left: 2px; }
.ml-4 { margin-left: 4px; }
.ml-6 { margin-left: 6px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.ml-12 { margin-left: 12px; }
.ml-15 { margin-left: 15px; }
.ml-16 { margin-left: 16px; }
.ml-20 { margin-left: 20px; }
.ml-24 { margin-left: 24px; }
.ml-28 { margin-left: 28px; }
.ml-36 { margin-left: 36px; }
.ml-48 { margin-left: 48px; }
.ml-72 { margin-left: 72px; }
.ml-100 { margin-left: 100px; }
.ml-auto { margin-left: auto; }
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.grid { display: grid; }
.list-item { display: list-item; }
.hidden { display: none; }
.h-4 { height: 4px; }
.h-6 { height: 6px; }
.h-8 { height: 8px; }
.h-12 { height: 12px; }
.h-14 { height: 14px; }
.h-15 { height: 15px; }
.h-16 { height: 16px; }
.h-20 { height: 20px; }
.h-22 { height: 22px; }
.h-24 { height: 24px; }
.h-26 { height: 26px; }
.h-30 { height: 30px; }
.h-32 { height: 32px; }
.h-34 { height: 34px; }
.h-36 { height: 36px; }
.h-38 { height: 38px; }
.h-40 { height: 40px; }
.h-42 { height: 42px; }
.h-48 { height: 48px; }
.h-54 { height: 54px; }
.h-56 { height: 56px; }
.h-63 { height: 63px; }
.h-64 { height: 64px; }
.h-66 { height: 66px; }
.h-72 { height: 72px; }
.h-74 { height: 74px; }
.h-78 { height: 78px; }
.h-100 { height: 100px; }
.h-104 { height: 104px; }
.h-118 { height: 118px; }
.h-204 { height: 204px; }
.h-234 { height: 234px; }
.h-280 { height: 280px; }
.h-340 { height: 340px; }
.h-356 { height: 356px; }
.h-500 { height: 500px; }
.h-100\% { height: 100%; }
.\!h-30 { height: 30px !important; }
.\!h-32 { height: 32px !important; }
.\!h-39 { height: 39px !important; }
.max-h-60 { max-height: 60px; }
.max-h-162 { max-height: 162px; }
.min-h-40 { min-height: 40px; }
.min-h-134 { min-height: 134px; }
.min-h-500 { min-height: 500px; }
.w-2 { width: 2px; }
.w-4 { width: 4px; }
.w-6 { width: 6px; }
.w-8 { width: 8px; }
.w-16 { width: 16px; }
.w-18 { width: 18px; }
.w-20 { width: 20px; }
.w-22 { width: 22px; }
.w-24 { width: 24px; }
.w-31 { width: 31px; }
.w-32 { width: 32px; }
.w-34 { width: 34px; }
.w-36 { width: 36px; }
.w-40 { width: 40px; }
.w-42 { width: 42px; }
.w-54 { width: 54px; }
.w-56 { width: 56px; }
.w-58 { width: 58px; }
.w-80 { width: 80px; }
.w-88 { width: 88px; }
.w-100 { width: 100px; }
.w-127 { width: 127px; }
.w-144 { width: 144px; }
.w-160 { width: 160px; }
.w-196 { width: 196px; }
.w-204 { width: 204px; }
.w-208 { width: 208px; }
.w-210 { width: 210px; }
.w-234 { width: 234px; }
.w-240 { width: 240px; }
.w-269 { width: 269px; }
.w-272 { width: 272px; }
.w-280 { width: 280px; }
.w-288 { width: 288px; }
.w-292 { width: 292px; }
.w-320 { width: 320px; }
.w-334 { width: 334px; }
.w-368 { width: 368px; }
.w-398 { width: 398px; }
.w-400 { width: 400px; }
.w-430 { width: 430px; }
.w-432 { width: 432px; }
.w-448 { width: 448px; }
.w-452 { width: 452px; }
.w-560 { width: 560px; }
.w-3\/12 { width: 25%; }
.w-full, .w-100\% { width: 100%; }
.\!w-220 { width: 220px !important; }
.\!w-270 { width: 270px !important; }
.\!w-300 { width: 300px !important; }
.\!w-330 { width: 330px !important; }
.\!w-480 { width: 480px !important; }
.min-w-133 { min-width: 133px; }
.min-w-160 { min-width: 160px; }
.\!min-w-88 { min-width: 88px !important; }
.max-w-320 { max-width: 320px; }
.max-w-350 { max-width: 350px; }
.\!max-w-280 { max-width: 280px !important; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: 0 0 auto; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink { flex-shrink: 1; }
.flex-grow { flex-grow: 1; }
.transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes bounce { 
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}
.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
.cursor-not-allowed { cursor: not-allowed; }
.resize { resize: both; }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-4 { gap: 4px; }
.gap-8 { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.gap-x-16 { column-gap: 16px; }
.gap-y-16 { row-gap: 16px; }
.self-center { align-self: center; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-scroll { overflow-y: scroll; }
.whitespace-nowrap { white-space: nowrap; }
.break-all { word-break: break-all; }
.rounded-2 { border-radius: 2px; }
.rounded-3 { border-radius: 3px; }
.rounded-4 { border-radius: 4px; }
.rounded-8 { border-radius: 8px; }
.rounded-12 { border-radius: 12px; }
.rounded-31 { border-radius: 31px; }
.rounded-sm { border-radius: 0.125rem; }
.rounded { border-radius: 0.25rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-2xl { border-radius: 1rem; }
.rounded-full { border-radius: 9999px; }
.rounded-50\% { border-radius: 50%; }
.rounded-t-4 { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.border-2 { border-width: 2px; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-solid { border-style: solid; }
.border-blue-200 { --tw-border-opacity: 1; border-color: rgba(191,219,254,var(--tw-border-opacity)); }
.border-skyBlue-6 { --tw-border-opacity: 1; border-color: rgba(0,87,255,var(--tw-border-opacity)); }
.border-gray-3 { --tw-border-opacity: 1; border-color: rgba(245,247,250,var(--tw-border-opacity)); }
.border-gray-5 { --tw-border-opacity: 1; border-color: rgba(232,234,237,var(--tw-border-opacity)); }
.border-gray-16 { --tw-border-opacity: 1; border-color: rgba(222,224,227,var(--tw-border-opacity)); }
.\!border-red-5 { --tw-border-opacity: 1 !important; border-color: rgba(246,86,86,var(--tw-border-opacity)) !important; }
.bg-skyBlue-1 { --tw-bg-opacity: 1; background-color: rgba(229,245,255,var(--tw-bg-opacity)); }
.bg-skyBlue-6 { --tw-bg-opacity: 1; background-color: rgba(0,87,255,var(--tw-bg-opacity)); }
.bg-white { --tw-bg-opacity: 1; background-color: rgba(255,255,255,var(--tw-bg-opacity)); }
.bg-gray-2 { --tw-bg-opacity: 1; background-color: rgba(251,252,252,var(--tw-bg-opacity)); }
.bg-gray-3 { --tw-bg-opacity: 1; background-color: rgba(245,247,250,var(--tw-bg-opacity)); }
.bg-gray-4 { --tw-bg-opacity: 1; background-color: rgba(242,244,247,var(--tw-bg-opacity)); }
.bg-gray-5 { --tw-bg-opacity: 1; background-color: rgba(232,234,237,var(--tw-bg-opacity)); }
.bg-gray-8 { --tw-bg-opacity: 1; background-color: rgba(183,189,197,var(--tw-bg-opacity)); }
.bg-gray-14 { --tw-bg-opacity: 1; background-color: rgba(245,245,245,var(--tw-bg-opacity)); }
.bg-gray-15 { --tw-bg-opacity: 1; background-color: rgba(98,101,108,var(--tw-bg-opacity)); }
.\!bg-red-1 { --tw-bg-opacity: 1 !important; background-color: rgba(254,236,236,var(--tw-bg-opacity)) !important; }
.object-contain { object-fit: contain; }
.p-0 { padding: 0px; }
.p-8 { padding: 8px; }
.p-12 { padding: 12px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }
.px-8 { padding-left: 8px; padding-right: 8px; }
.px-12 { padding-left: 12px; padding-right: 12px; }
.px-24 { padding-left: 24px; padding-right: 24px; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.py-8 { padding-top: 8px; padding-bottom: 8px; }
.py-9 { padding-top: 9px; padding-bottom: 9px; }
.py-12 { padding-top: 12px; padding-bottom: 12px; }
.py-16 { padding-top: 16px; padding-bottom: 16px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.pt-0 { padding-top: 0px; }
.pt-2 { padding-top: 2px; }
.pt-4 { padding-top: 4px; }
.pt-8 { padding-top: 8px; }
.pt-12 { padding-top: 12px; }
.pt-16 { padding-top: 16px; }
.pt-21 { padding-top: 21px; }
.pt-24 { padding-top: 24px; }
.pr-4 { padding-right: 4px; }
.pr-5 { padding-right: 5px; }
.pr-8 { padding-right: 8px; }
.pr-10 { padding-right: 10px; }
.pr-11 { padding-right: 11px; }
.pr-12 { padding-right: 12px; }
.pr-16 { padding-right: 16px; }
.pr-20 { padding-right: 20px; }
.pr-22 { padding-right: 22px; }
.pr-24 { padding-right: 24px; }
.pb-0 { padding-bottom: 0px; }
.pb-1 { padding-bottom: 1px; }
.pb-4 { padding-bottom: 4px; }
.pb-8 { padding-bottom: 8px; }
.pb-12 { padding-bottom: 12px; }
.pb-16 { padding-bottom: 16px; }
.pb-21 { padding-bottom: 21px; }
.pb-24 { padding-bottom: 24px; }
.pb-32 { padding-bottom: 32px; }
.pl-4 { padding-left: 4px; }
.pl-8 { padding-left: 8px; }
.pl-12 { padding-left: 12px; }
.pl-16 { padding-left: 16px; }
.pl-18 { padding-left: 18px; }
.pl-20 { padding-left: 20px; }
.pl-24 { padding-left: 24px; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.align-middle { vertical-align: middle; }
.align-text-bottom { vertical-align: text-bottom; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 14px; }
.text-2xl { font-size: 16px; }
.text-3xl { font-size: 18px; }
.text-5xl { font-size: 22px; }
.text-6xl { font-size: 24px; }
.text-x { font-size: 12px; }
.text-10xl { font-size: 32px; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.not-italic { font-style: normal; }
.leading-18 { line-height: 18px; }
.leading-20 { line-height: 20px; }
.leading-22 { line-height: 22px; }
.leading-24 { line-height: 24px; }
.leading-26 { line-height: 26px; }
.text-lightGray-11 { --tw-text-opacity: 1; color: rgba(49,52,59,var(--tw-text-opacity)); }
.text-black { --tw-text-opacity: 1; color: rgba(0,0,0,var(--tw-text-opacity)); }
.text-blue-500 { --tw-text-opacity: 1; color: rgba(59,130,246,var(--tw-text-opacity)); }
.text-blue-700 { --tw-text-opacity: 1; color: rgba(29,78,216,var(--tw-text-opacity)); }
.text-red-5 { --tw-text-opacity: 1; color: rgba(246,86,86,var(--tw-text-opacity)); }
.text-red-6 { --tw-text-opacity: 1; color: rgba(227,73,73,var(--tw-text-opacity)); }
.text-orange-6 { --tw-text-opacity: 1; color: rgba(235,150,23,var(--tw-text-opacity)); }
.text-skyBlue-2 { --tw-text-opacity: 1; color: rgba(46,123,255,var(--tw-text-opacity)); }
.text-skyBlue-6 { --tw-text-opacity: 1; color: rgba(0,87,255,var(--tw-text-opacity)); }
.text-skyBlue-7 { --tw-text-opacity: 1; color: rgba(0,63,210,var(--tw-text-opacity)); }
.text-gray-6 { --tw-text-opacity: 1; color: rgba(222,224,227,var(--tw-text-opacity)); }
.text-gray-9 { --tw-text-opacity: 1; color: rgba(147,150,157,var(--tw-text-opacity)); }
.text-gray-10 { --tw-text-opacity: 1; color: rgba(98,101,108,var(--tw-text-opacity)); }
.text-gray-11 { --tw-text-opacity: 1; color: rgba(49,52,59,var(--tw-text-opacity)); }
.text-gray-13 { --tw-text-opacity: 1; color: rgba(153,153,153,var(--tw-text-opacity)); }
.text-gray-15 { --tw-text-opacity: 1; color: rgba(98,101,108,var(--tw-text-opacity)); }
.text-gray-18 { --tw-text-opacity: 1; color: rgba(100,102,107,var(--tw-text-opacity)); }
.group:hover .group-hover\:text-skyBlue-6 { --tw-text-opacity: 1; color: rgba(0,87,255,var(--tw-text-opacity)); }
.group:hover .group-hover\:text-skyBlue-22 { --tw-text-opacity: 1; color: rgba(186,218,255,var(--tw-text-opacity)); }
.hover\:text-skyBlue-6:hover { --tw-text-opacity: 1; color: rgba(0,87,255,var(--tw-text-opacity)); }
.hover\:text-skyBlue-22:hover { --tw-text-opacity: 1; color: rgba(186,218,255,var(--tw-text-opacity)); }
.opacity-0 { opacity: 0; }
*, ::before, ::after { --tw-shadow: 0 0 #0000; }
.shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-account { --tw-shadow: inset 0px -1px 0px #E8EAED; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
*, ::before, ::after { --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; }
.filter { --tw-blur: var(--tw-empty, ); --tw-brightness: var(--tw-empty, ); --tw-contrast: var(--tw-empty, ); --tw-grayscale: var(--tw-empty, ); --tw-hue-rotate: var(--tw-empty, ); --tw-invert: var(--tw-empty, ); --tw-saturate: var(--tw-empty, ); --tw-sepia: var(--tw-empty, ); --tw-drop-shadow: var(--tw-empty, ); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.blur { --tw-blur: blur(8px); }
.drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06)); }
.backdrop-filter { --tw-backdrop-blur: var(--tw-empty, ); --tw-backdrop-brightness: var(--tw-empty, ); --tw-backdrop-contrast: var(--tw-empty, ); --tw-backdrop-grayscale: var(--tw-empty, ); --tw-backdrop-hue-rotate: var(--tw-empty, ); --tw-backdrop-invert: var(--tw-empty, ); --tw-backdrop-opacity: var(--tw-empty, ); --tw-backdrop-saturate: var(--tw-empty, ); --tw-backdrop-sepia: var(--tw-empty, ); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.transition { transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.must-visible { visibility: visible !important; }
html { font-size: 14px; }
a { cursor: pointer; }
.clearfix::after { content: ""; clear: both; display: table; }
.container-shadow { box-shadow: rgb(245, 247, 250) 0px -1px inset; }
.container-card { margin-bottom: 16px; background: rgb(255, 255, 255); border-radius: 12px; }
#app .ovui-th { background-color: rgb(242, 244, 247); }
#app .ovui-th:hover { background-color: rgb(232, 234, 237); }
a[type="button"] { appearance: none; }
@font-face { font-family: OPPOSans; src: url("assets/advertiser/cf0ee38a2bbd800f1032.ttf") format("opentype"); font-style: normal; }
.modal-confirm-header { display: flex; align-items: center; }
.modal-confirm-header .modal-confirm-header-icon { margin-right: 8px; }
.modal-confirm-header .modal-confirm-header-text { font-size: 16px; font-weight: bolder; }
.switch-wrap .ovui-switch--sm { background-color: rgb(215, 215, 220); }
.switch-wrap .ovui-switch--sm.ovui-switch--checked { background-color: rgb(56, 55, 79); }
.switch-wrap .ovui-switch--sm.ovui-switch--disabled.ovui-switch--checked, .switch-wrap .ovui-switch--sm.ovui-switch--loading.ovui-switch--checked { background-color: rgb(179, 178, 187); }
.switch-wrap .ovui-switch--sm.ovui-switch--disabled, .switch-wrap .ovui-switch--sm.ovui-switch--loading { background-color: rgb(243, 243, 244); }
.new_landing_tips { background: rgb(0, 87, 255) !important; }
.new_landing_tips .darwin-venus-poptip-arrow::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; background: rgb(0, 87, 255) !important; }
.guide_custom_columns { right: -8px !important; }
.new_search_tips { padding: 16px !important; }
.new_search_tips .darwin-venus-poptip-close { top: 18px !important; }
.pd-0 { padding: 0px !important; }
.upload-state span.demo-upload-drag-text-color { color: rgb(0, 87, 255); }
.amap-maps button.arco-btn.arco-btn-primary.arco-btn-size-small.arco-btn-shape-square { background: rgb(0, 87, 255); }
.amap-maps button.arco-btn.arco-btn-primary.arco-btn-size-small.arco-btn-shape-square:hover { background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); }
.amap-maps button.arco-btn.arco-btn-secondary.arco-btn-size-small.arco-btn-shape-square.cancel { background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 224, 227); }
.amap-maps button.arco-btn.arco-btn-secondary.arco-btn-size-small.arco-btn-shape-square.cancel:hover { border: 1px solid rgb(0, 87, 255); color: rgb(0, 87, 255); }
.amap-maps div.arco-col.arco-col-20.range span.text { color: rgb(0, 87, 255); }
.amap-maps div.bottom-center.amap-info-contentContainer div.arco-card.arco-card-size-default { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 4px; }
.district-local { margin-top: -8px !important; }
.district-local-right .district-local-right-select .ovui-icon.ovui-tag__close { color: rgb(147, 150, 157); }
.delivery_package_ubl_guide { top: -12px !important; }
.delivery_package_ubl_guide .darwin-venus-poptip-arrow { top: 12px !important; }
.locale-pagination-wrapper .ovui-page-select { width: 120px; }
#app { background: linear-gradient(84deg, rgb(240, 248, 255) -73.41%, rgb(232, 244, 255) 91.31%); padding-top: 80px; min-height: 100vh; width: 100vw; position: absolute; top: 0px; display: flex; flex-direction: column; }
.common-navigator { position: relative; z-index: 1000; }
.guide_create_ad_material { top: -1.5px !important; }
.guide_create_ad_info { top: -5px !important; left: -5px !important; }
.oc-carousel-item { transform: none; float: left; width: 100%; height: 100%; text-align: center; overflow: hidden; z-index: 0; will-change: transform; cursor: pointer; }
.oc-carousel { position: relative; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.oc-carousel-container { width: 100%; height: 100%; position: relative; }
.oc-carousel-arrow-btn { z-index: 3; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; padding: 8px; position: absolute; top: calc(50% - 16px); min-width: 24px; background: rgba(26, 26, 27, 0.3); color: rgb(255, 255, 255); display: none; }
.oc-carousel-arrow-btn:hover { background: rgba(26, 26, 27, 0.5); }
.oc-carousel-arrow-show { display: block; }
.oc-carousel-arrow-left { left: 16px; }
.oc-carousel-arrow-right { right: 16px; }
.oc-carousel-footer { z-index: 2; position: absolute; bottom: 0px; width: 100%; margin: 0px; background: linear-gradient(rgba(50, 51, 53, 0) 0%, rgba(50, 51, 53, 0.25) 100%); }
.oc-carousel-dots { width: 100%; margin: 0px; transition-duration: 0.4s; line-height: 0; text-align: center; list-style-type: none; }
.oc-carousel-dots li { cursor: pointer; display: inline-block; list-style: none; padding-left: 4px; padding-right: 4px; padding-top: 16px; }
.oc-carousel-dots li .oc-carousel-btn { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.4); transition: 0.3s; border-radius: 4px; cursor: pointer; }
.oc-carousel-dots li .oc-carousel-btn-active { background-color: rgb(255, 255, 255); }
.oc-carousel-dots-none { display: none; }
.oc-carousel-dots-solid li .oc-carousel-btn { width: 20px !important; height: 4px !important; }
.oc-carousel-dots-auto { display: flex; width: 100%; align-items: center; padding: 0px 10px; }
.oc-carousel-dots-auto li { flex: 1 1 0%; padding-left: 2px; padding-right: 2px; }
.oc-carousel-dots-auto li .oc-carousel-btn { width: 100% !important; height: 4px !important; }
.oc-carousel .carousel-item-img, .oc-carousel .carousel-item-img img { width: 100%; height: 100%; }
.auto-rule-rule-cell-wrapper .rule-cell-tag[data-v-8ac9f1ed] .ovui-tag { cursor: unset; }
.ovui-tr:hover .auto-rule-rule-cell-wrapper.can-click { cursor: pointer; }
.ovui-tr:hover .auto-rule-rule-cell-wrapper.can-click .oc-item-group-content-title .oc-typography { color: rgb(0, 87, 255); }
.operators-container[data-v-e005004f] { display: flex; }
.operators-container[data-v-e005004f] .ovui-button { color: rgb(49, 52, 59); }
.operators-container[data-v-e005004f] .ovui-button.ovui-button--disabled { color: rgb(191, 193, 197); }
.operators-container[data-v-e005004f] .oc-button-wrap { margin-right: 12px; }
.report_components_card { background: rgb(248, 249, 252); border-radius: 16px; margin: 16px 24px 0px; padding: 24px; z-index: 2; }
.report_components_card .top-back, .report_components_card .bottom-back { height: 16px; background-color: rgb(248, 249, 252); }
.auto-rule-drawer-modal-popover-wrap { display: flex; align-items: center; width: 100%; }
.auto-rule-drawer-modal-popover-wrap .ellipsis { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.auto-rule-drawer-modal-popover-word-break { word-break: break-all; }
.auto-rule-header-wrap { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.auto-rule-footer-wrap { text-align: right; }
.auto-rule-result-modal-table .ovui-table__wrapper { overflow-x: hidden; }
.auto-rule-drawer-body-wrap { padding-top: 16px; padding-left: 16px; padding-right: 16px; background: rgb(240, 244, 253); height: 100%; display: flex; flex: 1 1 0%; flex-direction: column; }
.auto-rule-drawer-body-wrap .report_components_card { display: flex; flex: 1 1 0%; overflow-y: auto; }
.auto-rule-drawer-body-wrap .tabs-wrap { padding: 24px; display: flex; flex-direction: column; flex: 1 1 0%; }
.auto-rule-drawer-body-wrap .tabs-wrap .tab-label { font-size: 18px; margin-bottom: 8px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap { overflow-y: auto; margin-top: 24px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box .border-skyBlue-6 { border-color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box .border-gray-5 { border-color: rgb(235, 235, 237); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data { width: 348px; margin-bottom: 24px; display: inline-block; border-radius: 4px; padding: 16px; height: 196px; border-width: 1px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line { display: flex; line-height: 22px; font-weight: 600; margin-bottom: 18px; align-items: flex-start; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .running-text { transform: translate(0px) translateY(0px) rotate(0deg) skew(0deg) skewY(0deg) scaleX(0.75) scaleY(0.75); flex-shrink: 0; padding-left: 6px; padding-right: 6px; border-radius: 4px; background-color: rgb(229, 245, 255); color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .run { background-color: rgb(229, 245, 255); color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .pause { background-color: rgb(244, 244, 245); color: rgb(50, 51, 53); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .rule-name { font-size: 14px; color: rgb(50, 51, 53); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 4px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line { display: flex; font-size: 12px; line-height: 20px; margin-bottom: 8px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .field-name { color: rgb(150, 154, 160); margin-right: 8px; flex-shrink: 0; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .show-content { color: rgb(100, 102, 107); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .line-clamp-1, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .line-clamp-1, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap { display: flex; flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap img { width: 160px; margin-bottom: 24px; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap .text-gray-11 { color: rgb(50, 51, 53); }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap .text-skyBlue-6 { color: rgb(42, 85, 229); }
.footer-btn-wrap { background-color: rgb(255, 255, 255); padding: 16px; display: flex; justify-content: flex-end; margin-top: 16px; margin-bottom: 20px; border-radius: 12px; }
.footer-btn-wrap .mr-16 { margin-right: 16px; }
.auto-rule-detail-body-v2 .title { color: var(--text-gray-5, #31343B); font-size: 16px; font-weight: 600; line-height: 24px; }
.auto-rule-detail-body-v2 .sub-title { color: var(--text-gray-3, #93969D); font-size: 14px; font-weight: 400; line-height: 22px; margin: 16px 0px 8px; }
.auto-rule-detail-body-v2 .basic-info .info-iterm { height: 42px; display: flex; align-items: center; color: rgb(49, 52, 59); }
.auto-rule-detail-body-v2 .basic-info .info-iterm:not(:last-of-type) { margin-bottom: 16px; }
.auto-rule-detail-body-v2 .basic-info .info-iterm .left { margin-right: 48px; width: 352px; }
.auto-rule-detail-body-v2 .basic-info .info-iterm .key { color: rgb(147, 150, 157); font-size: 12px; line-height: 17px; height: 17px; margin-bottom: 8px; }
.auto-rule-detail-body-v2 .basic-info .info-iterm .value { font-size: 12px; line-height: 17px; color: rgb(49, 52, 59); height: 17px; }
.auto-rule-detail-body-v2 .common-item { border-radius: 4px; background: rgb(242, 244, 247); color: rgb(49, 52, 59); font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 8px; padding: 8px 16px; }
.auto-rule-detail-body-v2 .condition-iterm { margin-bottom: 8px; }
.auto-rule-detail-body-v2 .condition-action { margin-top: 16px; }
.report-batch-operation-bar[data-v-7c5959bd] { height: 48px; background-color: rgba(42, 85, 229, 0.06); display: flex; border-radius: 4px; padding: 0px 16px; align-items: center; }
.report-batch-operation-bar .operation-section-wrapper[data-v-7c5959bd] { flex: 1 1 0%; }
.report-batch-operation-bar .operation-section-item[data-v-7c5959bd]::before { display: block; width: 1px; height: 12px; margin: 0px 24px; background-color: rgb(177, 202, 246); content: ""; }
.report-batch-operation-bar .icon-del[data-v-7c5959bd] { cursor: pointer; }
.rule-manager-v2 .header[data-v-53eca84a] { color: var(--text-gray-5, #31343B); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; }
.rule-manager-v2 .rule-list-title[data-v-53eca84a] { margin-bottom: 16px; }
.rule-manager-v2 .rule-list-title .right-wrap[data-v-53eca84a] { display: flex; align-items: center; }
.rule-manager-v2 .batch-bar-wrapper[data-v-53eca84a] { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgb(232, 234, 237); }
.rule-manager-v2 .table-container[data-v-53eca84a], .rule-manager-v2[data-v-53eca84a] .oc-table-wrapper { margin-top: 16px; }
.rule-manager-v2[data-v-53eca84a] .ovui-tbody .ovui-tr:hover .rule-name, .rule-manager-v2[data-v-53eca84a] .ovui-tbody .ovui-tr:hover .ovui-button:not(.ovui-button--disabled) { color: rgb(0, 87, 255); }
.double-value-container[data-v-6df54472] { display: flex; }
.double-value-container .between[data-v-6df54472] { display: inline-block; line-height: 34px; margin: 0px 4px; }
.double-select-container[data-v-eb5c88bf] { display: flex; }
.double-select-container .between[data-v-eb5c88bf] { display: inline-block; line-height: 34px; margin: 0px 4px; }
.status-select[data-v-ee4f2bd6] .oc-msg { width: 152px; }
.condition-item[data-v-dfced28b] { display: flex; margin-bottom: 16px; }
.condition-item > div[data-v-dfced28b] { margin-right: 16px; }
.condition-item .subject[data-v-dfced28b] { width: 208px; }
.conditions .container[data-v-5bce8558] { border-radius: 8px; border: 1px solid var(--gray-g-5, #E8EAED); background: var(--gray-g-1, #FFF); padding: 16px; }
.conditions .container .title[data-v-5bce8558] { color: var(--gray-g-11, #31343B); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; margin-bottom: 16px; }
.promotion-bid-and-budget[data-v-30ec9947] { display: flex; }
.promotion-bid-and-budget .value1-container[data-v-30ec9947] { margin-left: 16px; width: 165px; }
.promotion-bid-and-budget .limit-container[data-v-30ec9947] { display: flex; }
.promotion-bid-and-budget .limit-container .text[data-v-30ec9947] { border-left: 1px solid rgb(217, 217, 217); margin-left: 16px; padding: 0px 16px; height: 34px; line-height: 34px; }
.promotion-bid-and-budget .limit-container .limit-input[data-v-30ec9947] { width: 128px; margin-right: 16px; }
.adjust-frequency[data-v-671508f5] { display: flex; }
.adjust-frequency .interval[data-v-671508f5] .ovui-input__wrapper { border-radius: 4px 0px 0px 4px; }
.adjust-frequency .max-times[data-v-671508f5] .ovui-input__wrapper { border-radius: 0px 4px 4px 0px; }
.text[data-v-671508f5] { height: 34px; line-height: 34px; padding-right: 16px; }
.limit-input[data-v-671508f5] { width: 128px; }
.actions[data-v-e0d9a56e] { margin-top: 8px; border-radius: 8px; border: 1px solid var(--gray-g-5, #E8EAED); background: var(--gray-g-1, #FFF); padding: 16px; }
.actions .title[data-v-e0d9a56e] { color: var(--gray-g-11, #31343B); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; margin-bottom: 16px; }
.actions .container[data-v-e0d9a56e] { display: flex; }
.actions .container .subject-select[data-v-e0d9a56e] { margin-right: 16px; }
.actions .budget-tips[data-v-e0d9a56e], .actions .bid-tips[data-v-e0d9a56e] { margin-top: 16px; color: rgb(147, 150, 157); font-size: 12px; line-height: 20px; }
.actions .bid-tips .bid-tips-link[data-v-e0d9a56e] { cursor: pointer; color: rgb(47, 136, 255); text-decoration: none; }
.execute-time-container .execute-time[data-v-bda704da], .execute-time-container .use-execute-time[data-v-bda704da] { margin-top: 24px; }
.m-t-16[data-v-bda704da] { margin-top: 16px; }
.selected-time-range-wrap[data-v-bda704da] { border-radius: 8px; border: 1px solid rgb(222, 224, 227); margin-top: 24px; padding: 16px; }
.selected-time-range-wrap .key-value-schedule-time[data-v-bda704da] { margin-left: 0px !important; }
.selected-time-range-wrap[data-v-bda704da] .oc-banner-tip-left { display: flex; align-items: center; }
.selected-time-range-wrap .banner-text[data-v-bda704da] { font-size: 12px; }
.selected-time-range-wrap .banner-right-icon-close[data-v-bda704da] { margin-left: 12px; }
.fixed-time-date-picker[data-v-bda704da] { margin-top: 8px; }
.time-flex[data-v-bda704da] { display: flex; align-items: center; margin-top: 16px; }
.m-l-r[data-v-bda704da] { margin-left: 8px; margin-right: 8px; }
.banner-wrap[data-v-bda704da] { display: flex; width: 100%; align-items: center; }
.banner-wrap[data-v-bda704da] .oc-banner-tip { width: calc(100% - 28px); }
.custom-time-popover[data-v-bda704da] { margin-left: 8px; }
.is-notification[data-v-f333d389] { margin-top: 24px; }
.is-notification .notification-tips[data-v-f333d389] { color: rgb(147, 150, 157); font-size: 12px; line-height: 20px; margin-top: 8px; }
.is-notification .notification-tips .message-center-button[data-v-f333d389] { color: rgb(0, 87, 255); }
.notificator[data-v-d5e75cc7], #recipient-add-modal .input-style, .recipient[data-v-ca8a10c3] { margin-top: 24px; }
.recipient-option[data-v-ca8a10c3] { display: flex; justify-content: flex-end; }
.recipient-option .recipient-option-left[data-v-ca8a10c3] { flex: 1 1 0%; }
.recipient-option .recipient-option-right[data-v-ca8a10c3] { display: flex; align-items: center; }
.recipient-option .recipient-option-title[data-v-ca8a10c3] { color: rgb(49, 52, 59); text-overflow: ellipsis; font-size: 14px; font-weight: 400; line-height: 22px; }
.recipient-option .recipient-option-desc[data-v-ca8a10c3] { color: rgb(147, 150, 157); display: flex; align-items: flex-end; gap: 16px; }
.recipient-option .recipient-option-desc .recipient-option-desc-right[data-v-ca8a10c3] { margin-left: auto; }
.rule-name[data-v-b3cae20e] { margin-top: 24px; }
.tips[data-v-39758ffb] { margin: 16px 0px 0px; }
.create-rule .card-title[data-v-84783500] { font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; margin-bottom: 24px; color: var(--gray-g-11, #31343B); }
.create-rule[data-v-84783500] .oc-card { margin-bottom: 16px; }
.create-rule .rule-title[data-v-84783500] { margin-bottom: 24px; }
.auto-rule-header-wrap { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.auto-rule-header-wrap .title-container { display: flex; align-items: center; }
.auto-rule-header-wrap .title-container .icon { margin-right: 8px; }
.auto-rule-body-wrap .td { display: flex; }
.auto-rule-body-wrap .td > span { margin-left: 8px; }
.auto-rule-footer-wrap { text-align: right; }
.auto-rule-result-modal-table .ovui-table__wrapper { overflow-x: hidden; }
.auto-rule-result-modal-table .result-td { display: flex; }
.auto-rule-result-modal-table .result-td .icon { margin-right: 4px; }
.jump-auto-rule-tool { color: rgb(42, 85, 229); cursor: pointer; }
.apply-auto-rule-footer .footer { text-align: right; }
.apply-auto-rule-footer .footer > .oc-button-wrap { margin-left: 12px; }
.container[data-v-c9fbf378] { height: 444px; overflow-y: scroll; }
.container .empty-container[data-v-c9fbf378] { display: flex; align-items: center; justify-content: center; height: 100%; }
.rule-container[data-v-c9fbf378] { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 16px; }
.rule-card[data-v-c9fbf378] { flex: 0 0 auto; width: 368px; height: 240px; border-radius: 4px; background: rgb(255, 255, 255); margin-bottom: 16px; border: 1px solid rgb(235, 235, 237); cursor: pointer; overflow-y: hidden; }
.rule-card .rule-name[data-v-c9fbf378] { display: flex; justify-content: space-between; align-items: center; }
.rule-card .rule-name .name-container[data-v-c9fbf378] { display: flex; align-items: center; }
.rule-card .rule-name .name-container .name[data-v-c9fbf378] { color: var(--gray-g-11, #31343B); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; }
.rule-card .rule-name .name-container .rule_status[data-v-c9fbf378] { text-align: center; width: 38px; height: 18px; border-radius: 4px; margin-left: 8px; font-size: 10px; font-style: normal; font-weight: 600; line-height: 18px; }
.rule-card .rule-name .name-container .run[data-v-c9fbf378] { background-color: rgb(229, 245, 255); color: rgb(42, 85, 229); }
.rule-card .rule-name .name-container .stop[data-v-c9fbf378] { background-color: rgb(244, 244, 245); color: rgb(50, 51, 53); }
.rule-card .conditions[data-v-c9fbf378] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 20px; color: rgb(49, 52, 59); }
.card-hover[data-v-c9fbf378]:hover { border: 1px solid rgb(0, 87, 255); }
.auto-rule-share-success-partial .tips[data-v-16920580] { margin-bottom: 24px; }
.auto-rule-share-success-partial .op-result[data-v-16920580] { display: flex; align-items: center; justify-content: center; }
.share-auto-rule-modal-body .selected-rules-wrapper { color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.share-auto-rule-modal-body .selected-rules-wrapper .selected-rules-title span { font-weight: 400; }
.share-auto-rule-modal-body .selected-rules-wrapper .selected-rules { margin-top: 8px; }
.share-auto-rule-modal-body .selected-rules-wrapper .selected-rules .selected-rules-table { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(222, 224, 227) rgb(222, 224, 227); border-image: none; padding: 12px; border-radius: 0px 0px 8px 8px; max-height: 140px; overflow: auto; }
.share-auto-rule-modal-body .selected-rules-wrapper .selected-rules .selected-rules-table .rule-item { padding: 6px 12px; }
.share-auto-rule-modal-body .selected-rules-wrapper .selected-rules .selected-rules-table .rule-item:hover { background-color: rgb(242, 245, 253); }
.share-auto-rule-modal-body .banner-wrapper { margin-bottom: 24px; }
.share-auto-rule-modal-body .share-report-tips { margin-top: 12px; display: flex; font-size: 12px; line-height: 18px; color: rgb(98, 101, 108); }
.share-auto-rule-modal-body .share-report-tips > span { padding-top: 2px; margin-right: 5px; }
.share-auto-rule-modal-body .adv-name-input { margin: 24px 0px 8px; width: 504px; }
.share-auto-rule-modal-body .ovui-cascader-panel__main--border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.share-auto-rule-modal-body .ovui-cascader-panel__selection-block { width: 100%; }
.share-auto-rule-modal-body .ovui-cascader-panel__infinite-loading .ovui-cascader-panel__infinite-loading-text { display: none; }
.share-auto-rule-modal-body .ovui-cascader-panel__selection-item { display: flex; align-items: center; }
.share-auto-rule-modal-body .ovui-cascader-panel__selection-item .ovui-checkbox__wrapper { padding: 6px 0px; }
.share-auto-rule-modal-body .ovui-cascader-panel__selection-item .name { color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.share-auto-rule-modal-body .ovui-cascader-panel__selection-item .value { margin-top: 4px; font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); }
.share-auto-rule-modal-body .error-tips { color: red; font-size: 12px; margin-top: 8px; }
.share-auto-rule-modal-body .advertisers-cascader { display: flex; justify-content: space-between; }
.share-auto-rule-modal-body .advertisers-cascader > div { border: 1px solid rgb(222, 224, 227); border-radius: 8px; background: rgb(255, 255, 255); overflow: hidden; }
.share-auto-rule-modal-body .advertisers-cascader > div .title { height: 38px; line-height: 38px; background: rgb(245, 247, 250); font-weight: 600; font-size: 14px; padding: 0px 13px; }
.share-auto-rule-modal-body .advertisers-cascader > div .no-data { height: calc(100% - 38px); align-items: center; justify-content: center; display: flex; }
.share-auto-rule-modal-body .advertisers-cascader > div .no-data > div { display: flex; flex-direction: column; align-items: center; }
.share-auto-rule-modal-body .advertisers-cascader > div .no-data > div > img { width: 24px; }
.share-auto-rule-modal-body .advertisers-cascader > div .no-data > div .no-data-tips { text-align: center; color: rgb(185, 188, 195); font-size: 14px; line-height: 22px; margin-top: 9px; }
.share-auto-rule-modal-body .advertisers-cascader .cascader-container { width: 504px; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container { width: 240px; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .title { display: flex; justify-content: space-between; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .container { overflow-y: scroll; height: 230px; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .container { padding: 6px 12px; overflow-y: scroll; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .container .advertisers-item { background: rgb(242, 244, 247); border-radius: 8px; padding: 2px 8px; display: flex; justify-content: space-between; width: 100%; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .container .advertisers-item:not(:last-of-type) { margin-bottom: 8px; }
.share-auto-rule-modal-body .advertisers-cascader .selected-advertisers-container .container .advertisers-item .icon-close { cursor: pointer; }
.share-auto-rule-modal-footer { text-align: right; }
.share-auto-rule-modal-footer .cancel-button { margin-right: 8px; }
.double-value-container[data-v-c3a81962] { display: flex; }
.double-value-container .between[data-v-c3a81962] { display: inline-block; line-height: 34px; margin: 0px 4px; }
.double-select-container[data-v-9bb2f49d] { display: flex; }
.double-select-container .between[data-v-9bb2f49d] { display: inline-block; line-height: 34px; margin: 0px 4px; }
.auto-rule-template-row-wrapper[data-v-d25bd4a0] { display: flex; }
.template-conditions-content .template-condition-item[data-v-13314c18], .template-conditions-content .template-condition-title[data-v-13314c18] { margin-bottom: 8px; }
.auto-rule-template-item .template-tag[data-v-3b926469] { margin-left: 4px; }
.auto-rule-template-item .template-tag[data-v-3b926469] .ovui-tag { cursor: unset; }
.auto-rule-template-item .auto-rule-template-title-wrap[data-v-3b926469] { display: flex; align-items: center; }
.auto-rule-template-item .auto-rule-template-title-wrap .auto-rule-template-title-tag[data-v-3b926469] { display: inline-flex; margin-right: 4px; }
.auto-rule-template-item .auto-rule-template-title-wrap .auto-rule-template-title[data-v-3b926469] { display: inline-flex; flex: 1 1 0%; }
.auto-rule-template-item .condition-action-wrapper[data-v-3b926469] { margin-top: 12px; border-radius: 8px; background: rgb(245, 248, 255); padding: 8px; }
.auto-rule-template-item[data-v-3b926469] .edit-icon { color: rgb(98, 101, 108); cursor: pointer; display: none; }
.auto-rule-template-item[data-v-3b926469]:hover .edit-icon { color: rgb(0, 87, 255); display: inline-block; }
.rule-manage-title-card[data-v-0526873e] { border: 1px solid rgb(255, 255, 255); background: linear-gradient(229deg, rgb(224, 237, 255) 24.09%, rgb(236, 243, 255) 73.11%); border-radius: 12px; }
.rule-manage-title-card[data-v-0526873e] .rule-manage-title-card-wrapper { background-color: unset !important; }
.rule-manage-title-card .title-container[data-v-0526873e] { display: flex; flex: 1 1 0%; }
.rule-manage-title-card .template-list[data-v-0526873e] { margin-top: 16px; display: grid; gap: 16px; justify-content: space-between; grid-template-columns: repeat(4, 1fr); }
.run-log .title[data-v-d89f2516] { color: var(--text-gray-5, #31343B); font-feature-settings: "clig" 0, "liga" 0; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; border-bottom: 1px solid rgb(222, 224, 227); margin-bottom: 24px; padding-bottom: 18px; display: flex; justify-content: space-between; }
.run-log[data-v-d89f2516] .search { cursor: pointer; }
.run-log .query-condition-container[data-v-d89f2516] { display: flex; margin: 16px 0px; }
.run-log .query-condition-container .search-input[data-v-d89f2516] { width: 320px; margin-right: 16px; }
.run-log .query-condition-container .filter-item[data-v-d89f2516] { margin-right: 16px; }
.run-log .logs-container[data-v-d89f2516] { margin-top: 16px; }
.auto-rule-run-data-tip-text[data-v-c4bc9cc9] { color: var(--text-gray-4, #62656C); font-family: "PingFang SC"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; }
.auto-rule-run-data-tip-text b[data-v-c4bc9cc9] { color: var(--text-gray-5, #31343B); font-weight: 600; }
.auto-rule-run-data-tip[data-v-fa6ed7ed] { display: inline-flex; }
.auto-rule-run-data-tip.autoRule[data-v-fa6ed7ed] { display: block; }
.auto-rule-run-data-tip .icon-light-wrapper[data-v-fa6ed7ed] { width: 32px; height: 32px; padding: 7px; border-radius: 4px; background-color: rgb(255, 255, 255); position: relative; }
.auto-rule-run-data-tip .icon-light-wrapper[data-v-fa6ed7ed]:hover { background-color: rgba(0, 87, 255, 0.02); cursor: pointer; }
.auto-rule-run-data-tip .icon-light-wrapper:hover .icon-bell[data-v-fa6ed7ed] { color: rgb(0, 87, 255); }
.auto-rule-run-data-tip .auto-rule-run-data-tip-wrapper[data-v-fa6ed7ed] { margin: 20px 0px; }
.auto-rule-run-data-tip .auto-rule-run-data-tip-statistic-wrapper[data-v-fa6ed7ed] { display: flex; justify-content: space-between; }
.auto-rule-run-data-tip .auto-rule-run-data-tip-statistic-wrapper .auto-rule-run-data-tip-statistic[data-v-fa6ed7ed] { width: calc(14.2857% - 6.85714px) !important; }
.auto-rule-run-data-tip[data-v-d19edd5d] { display: inline-flex; }
.auto-rule-run-data-tip.autoRule[data-v-d19edd5d] { display: block; }
.auto-rule-run-data-tip .icon-light-wrapper[data-v-d19edd5d] { width: 32px; height: 32px; padding: 7px; border-radius: 4px; background-color: rgb(255, 255, 255); position: relative; }
.auto-rule-run-data-tip .auto-rule-run-data-tip-wrapper[data-v-d19edd5d] { margin: 20px 0px; }
.auto-rule-run-data-tip .auto-rule-run-data-tip-statistic-wrapper[data-v-d19edd5d] { display: flex; justify-content: space-between; }
.auto-rule-run-data-tip .auto-rule-run-data-tip-statistic-wrapper .auto-rule-run-data-tip-statistic[data-v-d19edd5d] { width: calc(20% - 9.6px) !important; }
.cp-auto-rule-base-card[data-v-c0169e9b] { border-radius: 8px; }
.cp-auto-rule-base-card[data-v-c0169e9b] .cpui-ocean-oc-card-wrapper { background-color: rgb(243, 245, 253) !important; padding: 12px !important; }
.cp-auto-rule-base-card[data-v-c0169e9b] .cpui-ocean-oc-button-wrap { width: max-content; }
.cp-auto-rule-base-card[data-v-c0169e9b] .edit-icon { color: rgb(0, 87, 255); opacity: 0; cursor: pointer; }
.cp-auto-rule-base-card[data-v-c0169e9b]:hover .edit-icon { opacity: 1; }
.cp-auto-rule-base-card__title-container[data-v-c0169e9b] { margin-bottom: 8px; }
.cp-auto-rule-base-card__title-wrapper[data-v-c0169e9b] { display: flex; justify-content: space-between; align-items: center; }
.cp-auto-rule-base-card__title[data-v-c0169e9b] { flex: 1 1 0%; }
.cp-auto-rule-base-card .conditions[data-v-c0169e9b], .cp-auto-rule-base-card .actions[data-v-c0169e9b] { margin-top: 8px; font-size: 12px; display: flex; align-items: center; column-gap: 6px; }
.cp-auto-rule-base-card .conditions[data-v-c0169e9b] .cpui-tag, .cp-auto-rule-base-card .actions[data-v-c0169e9b] .cpui-tag { border-radius: 8px; }
.cp-auto-rule-base-card .conditions .label[data-v-c0169e9b], .cp-auto-rule-base-card .actions .label[data-v-c0169e9b] { font-weight: 600; flex-shrink: 0; }
.cp-auto-rule-template-detail-card[data-v-281e62d0] { width: 100%; }
.template-action-edit-budget-content[data-v-8e49a474] { font-size: 14px; }
.template-action-edit-budget-content .template-action-item[data-v-8e49a474] { display: flex; column-gap: 4px; font-size: 14px; align-items: baseline; }
.template-action-edit-budget-content .template-action-item[data-v-8e49a474]:not(:first-child) { margin-top: 8px; }
.template-action-edit-budget-content .template-action-item__label[data-v-8e49a474] { flex-shrink: 0; width: 126px; }
.template-action-edit-budget-content .template-action-item--baseline[data-v-8e49a474] { align-items: baseline; }
.template-action-edit-budget-content .template-action-item--center[data-v-8e49a474] { align-items: center; }
.template-action-edit-budget-content .template-action-item[data-v-8e49a474] .cpui-ocean-oc-row-select { flex: 1 1 0%; }
.template-action-no-action[data-v-e6a67419] { font-size: 14px; }
.template-action-one-level-group-wrapper--three-column[data-v-90474b0a] .cpui-radio-group > :nth-child(1), .template-action-one-level-group-wrapper--three-column[data-v-90474b0a] .cpui-radio-group > :nth-child(2) { flex-grow: 1; }
.template-action-stop-promotion-send-wrapper--three-column[data-v-6af3270b] .cpui-radio-group > :nth-child(1), .template-action-stop-promotion-send-wrapper--three-column[data-v-6af3270b] .cpui-radio-group > :nth-child(2) { flex-grow: 1; }
.template-action-promotion-raise-wrapper[data-v-966ae891] { font-size: 14px; }
.template-action-promotion-raise-wrapper .template-action-item[data-v-966ae891] { display: flex; column-gap: 4px; font-size: 14px; align-items: baseline; }
.template-action-promotion-raise-wrapper .template-action-item[data-v-966ae891]:not(:first-child) { margin-top: 8px; }
.template-action-promotion-raise-wrapper .template-action-item__label[data-v-966ae891] { flex-shrink: 0; width: 126px; }
.template-action-promotion-raise-wrapper .template-action-item--baseline[data-v-966ae891] { align-items: baseline; }
.template-action-promotion-raise-wrapper .template-action-item--center[data-v-966ae891] { align-items: center; }
.template-action-promotion-raise-wrapper .template-action-item[data-v-966ae891] .cpui-ocean-oc-row-select { flex: 1 1 0%; }
.cp-auto-rule-edit-action[data-v-6e18ac7f] { margin-top: 8px; }
.cp-modify-auto-rule-card .template-condition-title[data-v-5a00e928] { margin-bottom: 8px; }
.cp-modify-auto-rule-card .template-condition-item[data-v-5a00e928] { display: flex; column-gap: 4px; font-size: 14px; align-items: baseline; }
.cp-modify-auto-rule-card .template-condition-item[data-v-5a00e928]:not(:first-child) { margin-top: 8px; }
.cp-modify-auto-rule-card .template-condition-item__label[data-v-5a00e928] { flex-shrink: 0; width: 126px; }
.cp-modify-auto-rule-card .template-condition-item--baseline[data-v-5a00e928] { align-items: baseline; }
.cp-modify-auto-rule-card .template-condition-item--center[data-v-5a00e928] { align-items: center; }
.cp-modify-auto-rule-card .template-condition-item[data-v-5a00e928] .cpui-ocean-oc-row-select, .cp-modify-auto-rule-card .template-condition-item .double-select-container[data-v-5a00e928], .cp-modify-auto-rule-card .template-condition-item .double-value-container[data-v-5a00e928] { flex: 1 1 0%; }
.cp-modify-auto-rule-card .template-action-title[data-v-5a00e928] { margin-top: 16px; }
.cp-modify-auto-rule-card[data-v-5a00e928] .cpui-ocean-oc-button-wrap { margin-top: 16px; width: 100%; }
.cp-modify-auto-rule-card[data-v-5a00e928] .cpui-button { width: 100%; }
.cp-modify-auto-rule-card[data-v-5a00e928] .cpui-input-group { max-width: 100% !important; }
.card-content[data-v-5a00e928] { padding: 16px; }
.form-section[data-v-5a00e928] { max-width: 480px; }
.cp-auto-rule-base-info-card .cp-auto-rule-base-info__footer[data-v-bd45c621] { margin-top: 16px; display: flex; justify-content: flex-start; column-gap: 12px; }
.cp-auto-rule-base-info-card .cp-auto-rule-base-info__footer[data-v-bd45c621] .cpui-button { border-radius: 4px; width: 142px; }
.cp-set-auto-rule-card[data-v-132b54a8] { position: relative; cursor: pointer; }
.cp-set-auto-rule-card .tags-wrap[data-v-132b54a8] { position: absolute; top: 0px; right: 0px; z-index: 1; }
.cp-set-auto-rule-card .cp-auto-rule-base-card .card-content[data-v-132b54a8], .cp-set-auto-rule-card .cp-auto-rule-base-card .row-item[data-v-132b54a8] { display: flex; flex-direction: column; row-gap: 8px; }
.cp-set-auto-rule-card .cp-auto-rule-base-card[data-v-132b54a8] .cpui-tag { border-radius: 8px; }
.cp-set-auto-rule-card .cp-auto-rule-base-card .tag-text-flex[data-v-132b54a8] { display: flex; column-gap: 4px; }
.cp-set-auto-rule-card .cp-auto-rule-base-info__footer[data-v-132b54a8] { display: flex; margin-top: 16px; justify-content: flex-start; column-gap: 12px; }
.cp-set-auto-rule-card .cp-auto-rule-base-info__footer[data-v-132b54a8] .cpui-ocean-oc-button-wrap { flex: 1 1 0%; }
.cp-set-auto-rule-card .cp-auto-rule-base-info__footer[data-v-132b54a8] .cpui-button { display: flex; flex: 1 1 0%; }
.progress[data-v-04c564a6] { background-color: rgb(255, 255, 255); border-radius: 12px; margin-bottom: 16px; font-size: 14px; line-height: 22px; }
.progress .progress-title[data-v-04c564a6] { padding: 24px; }
.progress .progress-input[data-v-04c564a6] { width: 330px; }
.progress .progress-item[data-v-04c564a6] { width: 422px; }
.progress .raising-item[data-v-04c564a6] { padding-top: 0px; }
.form-container[data-v-68b232f6] { background-color: rgb(255, 255, 255); border-radius: 12px; margin-bottom: 16px; font-size: 14px; line-height: 22px; }
.form-container .form-title[data-v-68b232f6] { padding: 24px; }
.form-container .form-content[data-v-68b232f6] { padding-top: 0px !important; }
.form-container[data-v-68b232f6] .ovui-form-item { margin-bottom: 24px; }
.form-container[data-v-68b232f6] .ovui-checkbox-group { margin-top: -8px; flex-wrap: wrap; height: 76px; align-content: space-around; }
.form-container .form-input[data-v-68b232f6] { width: 330px; }
.form-container .suggest-input[data-v-68b232f6], .form-container .raise-time[data-v-68b232f6] { width: 424px; }
.form-container .suggest-text[data-v-68b232f6] { font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); }
.form-container .repeat-tip[data-v-68b232f6] { font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); margin-top: -16px; margin-bottom: 16px; }
.form-container .checkbox-group[data-v-68b232f6] { margin-top: -8px; flex-wrap: wrap; height: 76px; align-content: space-around; }
.promotion-title[data-v-ae591679] { font-weight: 400; font-size: 12px; line-height: 20px; }
.promotion-title .title[data-v-ae591679] { color: rgb(49, 52, 59); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.promotion-title .id[data-v-ae591679] { color: rgb(147, 150, 157); }
.raise-modal-body-class .ovui-table__container { overflow-y: scroll; max-height: calc(-234px + 100vh); }
.raise-modal-header-class .header[data-v-4f67a17a] { display: flex; }
.raise-modal-header-class .header img[data-v-4f67a17a] { margin-right: 8px; }
.raise-modal-header-class .header .text[data-v-4f67a17a] { font-weight: 600; font-size: 16px; line-height: 24px; color: rgb(49, 52, 59); }
.onekey-container[data-v-a87fff5b] { height: 100%; }
.onekey-container .onekey-wrapper[data-v-a87fff5b] { height: calc(100% - 66px); background-color: rgb(240, 244, 253); overflow: auto; }
.onekey-container .onekey-wrapper .onekey-add-btn[data-v-a87fff5b] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.onekey-container .onekey-footer[data-v-a87fff5b] { margin-left: -16px; margin-right: -16px; background: rgb(255, 255, 255); padding: 16px 24px; height: 66px; align-self: center; }
.onekey-container .onekey-footer .cancel-button[data-v-a87fff5b] { margin-right: 16px; background-color: rgb(255, 255, 255); }
.onekey-container[data-v-a87fff5b] .ovui-form-item__label { color: rgb(49, 52, 59); font-size: 14px; font-weight: 600; line-height: 22px; }
#okee-message-container { z-index: 3000 !important; }
.bg-white[data-v-29dd188c] { background-color: rgb(255, 255, 255); }
.text-12[data-v-29dd188c] { font-size: 12px !important; }
.text-skyBlue6[data-v-29dd188c] { color: rgb(0, 87, 255); }
.onekey-dropdown[data-v-29dd188c] { margin-top: -8px; transition: transform 0.2s; color: rgb(147, 150, 157); }
.onekey-dropdown-rotate[data-v-29dd188c] { transform: rotate(180deg); color: rgb(0, 87, 255); }
.mb-0[data-v-a327ad73] { margin-bottom: 0px !important; }
.font-number[data-v-a327ad73] { font-family: "Open Sans"; }
[data-v-a327ad73] .row__hint { cursor: pointer; }
[data-v-a327ad73] .iconpark-icon:hover { color: rgb(147, 150, 157) !important; }
[data-v-a327ad73] .oc-popover span { font-size: 14px; line-height: 14px; }
[data-v-a327ad73] .oc-collapse__wrapper { display: flex; justify-content: center; align-items: center; height: 34px; background-color: rgb(242, 244, 247); }
.progress[data-v-429d096e] { background-color: rgb(255, 255, 255); border-radius: 12px; margin-bottom: 16px; font-size: 14px; line-height: 22px; }
.progress .progress-title[data-v-429d096e] { padding: 24px; }
.progress .progress-input[data-v-429d096e] { width: 330px; }
.progress .progress-item[data-v-429d096e] { width: 422px; }
.progress .raising-item[data-v-429d096e] { padding-top: 0px; }
.form-container[data-v-dcc34473] { background-color: rgb(255, 255, 255); border-radius: 12px; margin-bottom: 16px; font-size: 14px; line-height: 22px; }
.form-container .form-title[data-v-dcc34473] { padding: 24px; }
.form-container .form-content[data-v-dcc34473] { padding-top: 0px !important; }
.form-container[data-v-dcc34473] .ovui-form-item { margin-bottom: 24px; }
.form-container[data-v-dcc34473] .ovui-checkbox-group { margin-top: -8px; flex-wrap: wrap; height: 76px; align-content: space-around; }
.form-container .form-input[data-v-dcc34473] { width: 330px; }
.form-container .suggest-input[data-v-dcc34473], .form-container .raise-time[data-v-dcc34473] { width: 424px; }
.form-container .suggest-text[data-v-dcc34473] { font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); }
.form-container .repeat-tip[data-v-dcc34473] { font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); margin-top: -16px; margin-bottom: 16px; }
.form-container .checkbox-group[data-v-dcc34473] { margin-top: -8px; flex-wrap: wrap; height: 76px; align-content: space-around; }
.promotion-title[data-v-183dad19] { font-weight: 400; font-size: 12px; line-height: 20px; }
.promotion-title .title[data-v-183dad19] { color: rgb(49, 52, 59); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.promotion-title .id[data-v-183dad19] { color: rgb(147, 150, 157); }
.raise-modal-body-class .ovui-table__container { overflow-y: scroll; max-height: calc(-234px + 100vh); }
.raise-modal-header-class .header[data-v-6e1059fe] { display: flex; }
.raise-modal-header-class .header img[data-v-6e1059fe] { margin-right: 8px; }
.raise-modal-header-class .header .text[data-v-6e1059fe] { font-weight: 600; font-size: 16px; line-height: 24px; color: rgb(49, 52, 59); }
.onekey-container[data-v-c753b508] { height: 100%; }
.onekey-container .onekey-wrapper[data-v-c753b508] { height: calc(100% - 66px); background-color: rgb(240, 244, 253); overflow: auto; }
.onekey-container .onekey-wrapper .onekey-add-btn[data-v-c753b508] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.onekey-container .onekey-footer[data-v-c753b508] { margin-left: -16px; margin-right: -16px; background: rgb(255, 255, 255); padding: 16px 24px; height: 66px; align-self: center; }
.onekey-container .onekey-footer .cancel-button[data-v-c753b508] { margin-right: 16px; background-color: rgb(255, 255, 255); }
.onekey-container[data-v-c753b508] .ovui-form-item__label { color: rgb(49, 52, 59); font-size: 14px; font-weight: 600; line-height: 22px; }
#okee-message-container { z-index: 3000 !important; }
.pl-4[data-v-d9215b07] { padding-left: 4px; }
.pr-5[data-v-d9215b07] { padding-right: 5px; }
.p-8[data-v-d9215b07] { padding: 8px; }
.border-skyBlue-6[data-v-d9215b07] { --tw-border-opacity: 1; border-color: rgba(0,87,255,var(--tw-border-opacity)); border-style: solid; }
.border-gray-3[data-v-d9215b07] { --tw-border-opacity: 1; border-color: rgba(245,247,250,var(--tw-border-opacity)); }
.bg-white[data-v-d9215b07] { background-color: rgb(255, 255, 255); }
.text-12[data-v-d9215b07] { font-size: 12px !important; }
.text-skyBlue6[data-v-d9215b07] { color: rgb(0, 87, 255); }
.onekey-dropdown[data-v-d9215b07] { margin-top: 1px; transition: transform 0.2s; color: rgb(147, 150, 157); }
.onekey-dropdown-rotate[data-v-d9215b07] { transform: rotate(180deg); color: rgb(0, 87, 255); }
.mb-0[data-v-1ad3f496] { margin-bottom: 0px !important; }
.font-number[data-v-1ad3f496] { font-family: OC-OPPOSans-Bold; font-size: 24px; }
[data-v-1ad3f496] .row__hint { cursor: pointer; }
[data-v-1ad3f496] .iconpark-icon:hover { color: rgb(147, 150, 157) !important; }
[data-v-1ad3f496] .oc-popover span { font-size: 14px; line-height: 14px; }
[data-v-1ad3f496] .oc-collapse__wrapper { display: flex; justify-content: center; align-items: center; height: 34px; background-color: rgb(242, 244, 247); }
.report_components_card { background: rgb(248, 249, 252); border-radius: 16px; margin: 16px 24px 0px; padding: 24px; z-index: 2; }
.report_components_card .top-back, .report_components_card .bottom-back { height: 16px; background-color: rgb(248, 249, 252); }
.auto-rule-drawer-modal-popover-wrap { display: flex; align-items: center; width: 100%; }
.auto-rule-drawer-modal-popover-wrap .ellipsis { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.auto-rule-drawer-modal-popover-word-break { word-break: break-all; }
.auto-rule-header-wrap { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.auto-rule-footer-wrap { text-align: right; }
.auto-rule-result-modal-table .ovui-table__wrapper { overflow-x: hidden; }
.auto-rule-drawer-body-wrap { padding-top: 16px; padding-left: 16px; padding-right: 16px; background: rgb(240, 244, 253); height: 100%; display: flex; flex: 1 1 0%; flex-direction: column; }
.auto-rule-drawer-body-wrap .report_components_card { display: flex; flex: 1 1 0%; overflow-y: auto; }
.auto-rule-drawer-body-wrap .tabs-wrap { padding: 24px; display: flex; flex-direction: column; flex: 1 1 0%; }
.auto-rule-drawer-body-wrap .tabs-wrap .tab-label { font-size: 18px; margin-bottom: 8px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap { overflow-y: auto; margin-top: 24px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box .border-skyBlue-6 { border-color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .data-box .border-gray-5 { border-color: rgb(235, 235, 237); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data { width: 348px; margin-bottom: 24px; display: inline-block; border-radius: 4px; padding: 16px; height: 196px; border-width: 1px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line { display: flex; line-height: 22px; font-weight: 600; margin-bottom: 18px; align-items: flex-start; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .running-text { transform: translate(0px) translateY(0px) rotate(0deg) skew(0deg) skewY(0deg) scaleX(0.75) scaleY(0.75); flex-shrink: 0; padding-left: 6px; padding-right: 6px; border-radius: 4px; background-color: rgb(229, 245, 255); color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .run { background-color: rgb(229, 245, 255); color: rgb(42, 85, 229); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .pause { background-color: rgb(244, 244, 245); color: rgb(50, 51, 53); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .rule-status-line .rule-name { font-size: 14px; color: rgb(50, 51, 53); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-right: 4px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line { display: flex; font-size: 12px; line-height: 20px; margin-bottom: 8px; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .field-name, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .field-name { color: rgb(150, 154, 160); margin-right: 8px; flex-shrink: 0; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .show-content, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .show-content { color: rgb(100, 102, 107); }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .condition-line .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .action-line .line-clamp-1, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .obj-line .line-clamp-1, .auto-rule-drawer-body-wrap .tabs-wrap .data-wrap .item-data .frequency-line .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap { display: flex; flex-direction: column; flex: 1 1 0%; justify-content: center; align-items: center; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap img { width: 160px; margin-bottom: 24px; }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap .text-gray-11 { color: rgb(50, 51, 53); }
.auto-rule-drawer-body-wrap .tabs-wrap .nodata-wrap .text-skyBlue-6 { color: rgb(42, 85, 229); }
.footer-btn-wrap { background-color: rgb(255, 255, 255); padding: 16px; display: flex; justify-content: flex-end; margin-top: 16px; margin-bottom: 20px; border-radius: 12px; }
.footer-btn-wrap .mr-16 { margin-right: 16px; }
.promotion-report-user-defined-table[data-v-335fc678] { margin-top: 24px; }
.promotion-report-user-defined-table[data-v-335fc678] .oc-typography-size-lg { font-size: 14px !important; }
.promotion-report-user-defined-table .title-right[data-v-335fc678] { display: flex; }
.promotion-report-user-defined-table .title-right .custom-column-v3[data-v-335fc678] { margin-left: 10px; }
.reporter-time-log-panel[data-v-f7f162ce] { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; border-radius: 4px; position: absolute; top: 50px; max-height: 300px; width: 360px; overflow: hidden; z-index: 9999999; padding-bottom: 10px; }
.reporter-time-log-panel .title[data-v-f7f162ce] { display: flex; padding-left: 12px; padding-right: 12px; border-color: rgb(235, 235, 237); border-bottom-width: 1px; justify-content: space-between; align-items: center; height: 40px; }
.reporter-time-log-panel .title .close-wrap[data-v-f7f162ce] { display: flex; }
.reporter-time-log-panel .title .title-left-wrap[data-v-f7f162ce] { display: flex; width: 150px; align-items: center; }
.reporter-time-log-panel .title .title-left-wrap .title-text[data-v-f7f162ce] { font-size: 14px; font-weight: 600; margin-right: 12px; }
.reporter-time-log-panel .content-wrap[data-v-f7f162ce] { overflow-y: auto; max-height: 246px; font-size: 12px; }
.reporter-time-log-panel .content-wrap .content-left-wrap[data-v-f7f162ce] { padding: 8px 12px; width: 100px; flex-shrink: 0; }
.reporter-time-log-panel .content-wrap .content-left-wrap .text-right[data-v-f7f162ce] { text-align: right; }
.reporter-time-log-panel .content-wrap .content-right-wrap[data-v-f7f162ce] { line-height: 20px; padding: 8px 12px; border-left-width: 1px; border-color: rgb(235, 235, 237); }
.reporter-time-log-panel .content-wrap .content-right-wrap .break-all[data-v-f7f162ce] { word-break: break-all; }
.flex[data-v-f7f162ce] { display: flex; }
.report-time-trend-wrap .dropdown-wrap[data-v-141e493a] { display: flex; align-items: center; justify-content: space-around; }
.report-time-trend-wrap .dropdown-wrap .dropdown-legend[data-v-141e493a] { display: flex; align-items: center; }
.report-time-trend-wrap .dropdown-wrap .legend[data-v-141e493a] { width: 10px; height: 10px; border-radius: 2px; margin-right: 4px; }
.report-time-trend-wrap .dropdown-wrap .first-legend[data-v-141e493a] { background-color: rgb(0, 87, 255); }
.report-time-trend-wrap .dropdown-wrap .sec-legend[data-v-141e493a] { background-color: rgb(6, 214, 219); }
.region[data-v-d5bf5ef4] { padding: 24px; height: 419px; }
.region .header[data-v-d5bf5ef4] { display: flex; align-items: center; justify-content: space-between; }
.region .header .title[data-v-d5bf5ef4] { font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.region .content[data-v-d5bf5ef4] { width: 100%; }
.region .content #map[data-v-d5bf5ef4] { width: 100%; height: 100%; }
.region .content > div[data-v-d5bf5ef4] { width: 50%; height: 100%; display: inline-block; }
.region .content > div[data-v-d5bf5ef4]:last-of-type { float: right; }
.region .bar[data-v-d5bf5ef4] { overflow-y: scroll; }
.region[data-v-5ab8add7] { padding: 24px; height: 419px; }
.region .header[data-v-5ab8add7] { display: flex; align-items: center; justify-content: space-between; }
.region .header .title[data-v-5ab8add7] { font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.region .content[data-v-5ab8add7] { width: 100%; }
.region .content #map[data-v-5ab8add7] { width: 100%; height: 100%; }
.region .content > div[data-v-5ab8add7] { width: 50%; height: 100%; display: inline-block; }
.region .content > div[data-v-5ab8add7]:last-of-type { float: right; }
.region .bar[data-v-5ab8add7] { overflow-y: scroll; }
.report-common .chart-common[data-v-25980158] { background: rgb(255, 255, 255); border: 1px solid rgb(222, 224, 227); border-radius: 12px; }
.report-common .chart-title[data-v-25980158] { padding: 24px 24px 0px; font-size: 14px; line-height: 22px; font-weight: 600; }
.report-common .chart-title-age[data-v-25980158] { display: flex; justify-content: space-between; }
.report-common .chart-title-age-v2[data-v-25980158] { display: flex; align-items: center; color: rgb(147, 150, 157); }
.report-common .chart-title-age-v2 .text[data-v-25980158] { padding-right: 4px; color: rgb(49, 52, 59); font-weight: 400; }
.report-common .chart-container[data-v-25980158] { height: calc(100% - 46px); }
.report-audience[data-v-25980158] { margin-top: 20px; }
.report-audience .gender[data-v-25980158], .report-audience .platform[data-v-25980158], .report-audience .age[data-v-25980158], .report-audience .ac[data-v-25980158] { height: 300px; width: calc(50% - 8px); margin-top: 16px; }
.report-audience .gender[data-v-25980158], .report-audience .age[data-v-25980158] { margin-right: 8px; }
.report-audience .platform[data-v-25980158], .report-audience .ac[data-v-25980158] { margin-left: 8px; }
.report-audience .charts-container[data-v-25980158] { display: flex; flex-wrap: wrap; }
.promotion-audience .region[data-v-25980158] { padding: 24px 20px; }
.promotion-audience .charts-container[data-v-25980158] { display: flex; margin-top: 16px; }
.promotion-audience .charts-container .chart-common[data-v-25980158] { margin-left: 16px; height: 300px; width: calc(33.3333% - 10.6667px); }
.promotion-audience .charts-container .chart-common[data-v-25980158]:nth-child(1) { margin-left: 0px; }
.demo-checkbox[data-v-1957e3df] { display: flex; flex-direction: column; }
.demo-checkbox .error-text-red[data-v-1957e3df] { color: rgb(227, 73, 73); font-size: 12px; margin-top: 8px; }
.demo-modal-footer[data-v-1957e3df] { display: flex; flex-direction: row-reverse; }
.demo-modal-footer-button[data-v-1957e3df] { margin-right: 16px; background-color: rgb(255, 255, 255); }
.ovui-form-item__label--required label { font-weight: 600; color: rgb(49, 52, 59); }
.download-modal-footer { padding-top: 0px !important; }
.download-modal-body { padding: 24px !important; }
.download-modal-body .ovui-form-item { margin-bottom: 0px !important; }
.download-modal-header { padding-bottom: 0px !important; }
.report-promotion-data-tab-wrap .report-promotion-data-tab-title[data-v-45157323] { margin-bottom: 24px; }
.report-promotion-data-tab-wrap .report-promotion-data-tab-title[data-v-45157323] .oc-typography { height: 22px; line-height: 22px; }
.report-promotion-data-tab-wrap .report-promotion-data-tab-title[data-v-45157323] .oc-typography { font-size: 14px !important; }
.report-promotion-data-tab-wrap[data-v-45157323] .report-tabs .oc-radio-group-button { display: flex; }
.report-promotion-data-tab-wrap .after-radio-container[data-v-45157323] { display: flex; flex: 1 1 0%; justify-content: flex-end; }
.report-promotion-data-tab-wrap .promotion-audience-report[data-v-45157323] { margin-top: 24px; }
.comp-decoration-league-coupon-svg .coupon-name { fill: rgb(49, 52, 59); font-size: 7.23px; font-weight: 700; font-family: "PingFang SC"; }
.comp-decoration-league-coupon-svg .date-range, .comp-decoration-league-coupon-svg .coupon-shop-name { fill: rgb(98, 101, 108); font-size: 5.56px; font-family: "PingFang SC"; }
.image-mode[data-v-7c7ba713] { position: relative; padding: 2px 4px; left: 8px; top: 8px; font-size: 12px; line-height: 12px; background: rgb(49, 52, 59); border-radius: 4px; color: rgb(255, 255, 255); }
.image-mode-tag[data-v-7c7ba713] { left: 2px; top: 2px; }
.image-label[data-v-7c7ba713] { transform: scale(0.8); position: relative; top: -1px; right: -3px; background-color: rgb(49, 52, 59); color: rgb(255, 255, 255); font-size: 10px; padding: 0px 2px; border-radius: 0px 2px; }
.image-label.green[data-v-7c7ba713] { background-color: rgb(106, 191, 64); color: rgb(255, 255, 255); }
.league-coupon-preview[data-v-7c7ba713] { cursor: pointer; position: relative; border-radius: 4px; overflow: hidden; float: left; background: rgba(0, 0, 0, 0.25); }
.video-empty-content[data-v-7c7ba713] { display: flex; align-items: center; justify-content: center; border-radius: 4px; background: rgb(242, 244, 247); cursor: pointer; }
.video-empty-content .video-empty-inner[data-v-7c7ba713] { width: 34px; height: 34px; background: rgb(222, 224, 227); border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.video-empty-content .video-empty-inner.sm[data-v-7c7ba713] { width: 16px; height: 16px; }
.material-title[data-v-30d29a93] { display: flex; justify-content: flex-start; align-items: center; }
.material-title .blue-flow-title[data-v-30d29a93] { margin-left: 8px; }
.material-title .blue-flow-title .id[data-v-30d29a93] { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; font-weight: 400; }
.video-item-card[data-v-a3ba409d] { padding: 6px 12px; border-radius: 4px; height: 54px; background-color: rgb(244, 244, 245); }
.boost-add-body[data-v-029ef5e0] { margin: -16px; height: calc(100% + 32px); display: flex; flex-direction: column; }
.boost-add-body > .boost-add-card[data-v-029ef5e0] { padding: 16px; flex-grow: 1; overflow: auto; }
.boost-add-body > .boost-add-footer[data-v-029ef5e0] { padding: 16px 24px; display: flex; justify-content: flex-end; gap: 16px; background-color: rgb(255, 255, 255); }
.ovui-form[data-v-029ef5e0] { display: flex; flex-direction: column; gap: 24px; }
[data-v-029ef5e0] .ovui-cascader-panel__selection-block { height: 358px; }
.specified-material[data-v-029ef5e0] { display: grid; grid-template-columns: 1fr 400px; gap: 8px; position: relative; }
.specified-material > .selected-material[data-v-029ef5e0] { border: 1px solid rgb(222, 224, 227); border-radius: 8px; overflow: hidden; height: 360px; display: flex; flex-direction: column; }
.specified-material > .selected-material > .selected-material-title[data-v-029ef5e0] { flex: 0 0 38px; background-color: rgb(242, 244, 247); padding: 0px 12px; font-size: 14px; font-weight: 600; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(222, 224, 227); display: flex; align-items: center; justify-content: space-between; }
.specified-material > .selected-material > .selected-material-list[data-v-029ef5e0] { margin: 0px; padding: 6px 12px; list-style: none; overflow: auto; scrollbar-width: thin; scrollbar-color: rgb(232, 234, 237) transparent; flex-grow: 1; }
.specified-material > .selected-material > .selected-material-list > li[data-v-029ef5e0] { display: flex; align-items: center; justify-content: space-between; padding: 6px 12px; border-radius: 4px; background-color: rgb(242, 244, 247); }
.specified-material > .selected-material > .selected-material-list > li + li[data-v-029ef5e0] { margin-top: 8px; }
.specified-material > .selected-material > .selected-material-list > li > .selected-material-remove-btn[data-v-029ef5e0] { cursor: pointer; }
.material-boost-tab { height: 38px; }
[data-v-65e59bbf] .oc-card-content { display: flex; flex-direction: column; margin: -8px -16px; }
[data-v-65e59bbf] .oc-key-value-value { font-size: 14px; line-height: 22px; }
.stop-button[data-v-65e59bbf] { margin-left: 8px; transform: translateY(-1px); }
.video-item-list[data-v-65e59bbf] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.pagination[data-v-65e59bbf] { margin-top: 16px; text-align: right; }
.oc-msg[data-v-44ddd8c7] { margin-top: 8px; }
[data-v-44ddd8c7] .oc-statistic-content > .oc-statistic-content-prefix { margin-top: 6px; margin-right: 0px; }
[data-v-44ddd8c7] .oc-statistic-content > .oc-statistic-content-prefix > .oc-typography-size-xs { font-size: 20px; }
[data-v-44ddd8c7] .oc-statistic-content > .oc-statistic-content-suffix { margin: 0px 0px -6px 2px; }
.oc-card + .oc-card[data-v-298b5d0b] { margin-top: 16px; }
.oc-card-content > section[data-v-298b5d0b] { display: flex; flex-direction: column; gap: 16px; }
.oc-card-content > section + section[data-v-298b5d0b] { margin-top: 24px; }
.budget-group[data-v-298b5d0b] { display: flex; justify-content: start; align-items: end; }
.budget-group .budget-value[data-v-298b5d0b] { margin-left: 8px; color: rgb(50, 51, 53); }
.stats-cards[data-v-298b5d0b] { cursor: pointer; height: 140px; margin: 0px; padding: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 16px; }
.stats-cards .active[data-v-298b5d0b] { background-color: rgb(242, 245, 253); }
.oc-pagination-wrapper[data-v-298b5d0b] { text-align: right; }
body { margin: 0px; padding: 0px; }
a { text-decoration: none; }
ul { margin: 0px; }
li { list-style: none; }
.ovui-modal { will-change: unset !important; }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-button, [darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-poptip, [darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-poptip-arrow::before { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-button-default { color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-modal-dark, [darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-popper-arrow::before { background: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-modal-dark .darwin-venus-button { color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-modal-dark .darwin-venus-popper-arrow::before { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-pin::before { border: 2px solid rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v1"] .darwin-venus-pin::after { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-button, [darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-poptip, [darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-poptip-arrow::before { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-button-default { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-popper-arrow::before { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-modal .darwin-venus-button-default { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-modal-dark { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-modal-dark .darwin-venus-button { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-modal-dark .darwin-venus-popper-arrow::before { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-pin::before { border: 2px solid rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="v2"] .darwin-venus-pin::after { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-poptip { background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(49, 52, 59); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-poptip-arrow::before { background-color: rgb(251, 253, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-poptip-close { fill: rgb(147, 150, 157); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-poptip-title { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; -webkit-text-fill-color: transparent; }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-ai-bg { position: absolute; left: 0px; right: 0px; top: 0px; content: ""; height: 48px; z-index: -1; overflow: hidden; border-radius: 12px 12px 0px 0px; }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-ai-bg::before { background: linear-gradient(125deg, rgb(240, 252, 255) 1.2%, rgb(239, 245, 254) 35.8%, rgb(249, 241, 254) 60.25%, rgb(254, 241, 250) 80.04%, rgb(255, 245, 242) 96.99%); position: absolute; left: 0px; right: 0px; top: -24px; content: ""; height: 48px; z-index: -1; filter: blur(20px); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-button, [darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-button-text { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-button-default { color: rgb(255, 255, 255); background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-popper-arrow::before { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-pin::before { border: 2px; background: linear-gradient(105deg, rgba(71, 215, 250, 0.01) 1.44231%, rgba(59, 126, 244, 0.2) 27.891%, rgba(184, 78, 241, 0.2) 60.7166%, rgba(243, 85, 193, 0.2)); }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-pin::after { background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); animation: auto ease 0s 1 normal none running none; }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-modal-header { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; -webkit-text-fill-color: transparent; }
[darwin-version="0.0.2-beta.49"] [darwin-theme="ai"] .darwin-venus-modal .darwin-venus-ai-bg { border-radius: 16px 16px 0px 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-wrapper { display: none; position: fixed; inset: 0px; z-index: 3001; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-wrapper.darwin-venus-modal-wrapper_show { display: flex; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-mask { display: none; position: fixed; opacity: 0.5; height: 100vh; width: 100vw; top: 0px; left: 0px; z-index: 3000; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-mask.darwin-venus-mask_show { display: block; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal { font-family: "PingFang SC", "Microsoft YaHei"; font-size: 14px; line-height: 22px; color: rgb(51, 51, 51); position: relative; margin: auto; width: 288px; background-color: rgb(255, 255, 255); box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; border-radius: 16px; z-index: 3001; padding: 24px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-tip { position: absolute; height: 86px; width: 112px; right: -32px; top: -32px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-header { display: flex; line-height: 24px; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); text-align: center; margin-bottom: 24px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-title-icon { margin-right: 4px; margin-top: 3px; height: 16px; line-height: 1; font-size: 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal .darwin-venus-poptip-close { top: 24px; right: 24px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal .darwin-venus-popper-arrow::before { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-modal-header { display: flex; justify-content: flex-start; margin-bottom: 8px; font-size: 14px; line-height: 22px; font-weight: 600; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-modal-header .darwin-venus-modal-close-icon { margin-left: auto; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-modal-body { font-size: 12px; line-height: 20px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-modal-footer { margin-top: 16px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-progress { padding-top: 10px; padding-bottom: 10px; gap: 4px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-progress .darwin-venus-progress-item { margin: 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-button-text { line-height: 24px; font-size: 12px; font-weight: 400; margin-right: 16px !important; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step .darwin-venus-button { font-family: "PingFang SC"; font-style: normal; font-size: 12px; font-weight: 400; line-height: 24px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button { box-sizing: border-box; cursor: pointer; min-width: 100px; padding: 6px 16px; font-size: 14px; line-height: 22px; border-radius: 8px; color: rgb(255, 255, 255); text-align: center; display: inline-block; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-default { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-default:hover { background-color: rgb(88, 160, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-xs { font-size: 12px; min-width: 80px; line-height: 24px; padding: 0px 16px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-link, [darwin-version="0.0.2-beta.49"] .darwin-venus-button-link:hover { background-color: inherit !important; min-width: auto; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-link:hover, [darwin-version="0.0.2-beta.49"] .darwin-venus-button-link:hover:hover { text-decoration: underline; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-text { cursor: pointer; line-height: 34px; color: rgb(102, 102, 102); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper { position: absolute; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper-arrow::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 2px; transform: rotate(45deg); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -10px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper[data-popper-placement^="right"] > [data-popper-arrow] { left: -4px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -10px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-popper[data-popper-placement^="left"] > [data-popper-arrow] { right: -4px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark { box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark .darwin-venus-modal-header { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark .darwin-venus-progress .darwin-venus-progress-item { background: rgb(255, 255, 255); opacity: 0.4; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark .darwin-venus-progress .darwin-venus-progress-item_active { opacity: 1; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark .darwin-venus-button-text { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-dark .darwin-venus-button { background: rgb(250, 250, 250); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-progress { display: flex; align-items: center; padding: 12px 4px 12px 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-progress.darwin-venus-progress-hide { display: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-progress-item { width: 4px; height: 4px; margin: 2px; background-color: rgba(185, 188, 195, 0.4); border-radius: 50%; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-progress-item_active { background-color: rgb(185, 188, 195); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-button-box { display: flex; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-footer { display: flex; justify-content: space-between; margin-top: 32px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-footer { display: block; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-progress { justify-content: center; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-handle { position: absolute; left: 0px; bottom: 73px; padding: 0px; width: 100%; z-index: 1000000; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-before, [darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-next { position: absolute; top: 0px; display: inline-block; width: 16px; height: 16px; cursor: pointer; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-before { left: 25px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-next { right: 25px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step { padding: 16px; border-radius: 12px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade { padding: 0px; overflow: visible; box-shadow: rgba(30, 92, 255, 0.28) 0px 16px 40px; color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade.darwin-venus-popper .darwin-venus-popper-arrow::before { background-color: var(--darwin-venus-step-arrow-color,#0057ff); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-step-content { padding: 16px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-ai-bg { display: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-modal-header { margin-bottom: 8px; font-size: 16px; line-height: 22px; align-items: center; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-modal-title-icon { display: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-modal-body { color: rgba(255, 255, 255, 0.92); font-size: 12px; line-height: 18px; padding-right: 14px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-modal-footer { align-items: center; margin-top: 12px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-progress { display: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-poptip-close { fill: rgba(255, 255, 255, 0.88); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-button-box { align-items: center; justify-content: flex-end; margin-left: auto; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-button-text { color: rgba(255, 255, 255, 0.78); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-button-xs { min-width: 68px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-step-custom-header { margin: 0px; overflow: hidden; border-radius: 12px 12px 0px 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step.darwin-venus-step-upgrade .darwin-venus-step-custom-header > * { display: block; width: 100%; height: auto; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step-custom-header { display: block; margin: 0px 0px 14px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step-pager { display: inline-flex; align-items: center; gap: 2px; color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step-pager-index { display: inline-flex; align-items: center; gap: 2px; text-align: center; font-size: 12px; line-height: 18px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step-pager-action { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; cursor: pointer; color: rgba(255, 255, 255, 0.92); transition: opacity 0.2s, color 0.2s; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-step-pager-action_disabled { opacity: 0.4; cursor: default; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip { display: none; color: rgb(255, 255, 255); padding: 16px; border-radius: 12px; box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-reference-hidden] { visibility: hidden; pointer-events: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip_show { display: block; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-arrow { display: flex; align-items: center; height: 24px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-arrow::before { content: ""; display: inline-block; border-radius: 2px; width: 10px; height: 10px; transform: rotate(45deg); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -10px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-placement^="right"] > [data-popper-arrow] { left: -4px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-placement^="right"] > [data-popper-arrow]::before { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -11px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip[data-popper-placement^="left"] > [data-popper-arrow] { right: -4px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-close { position: absolute; top: 18px; right: 16px; width: 16px; height: 16px; display: flex; fill: rgb(255, 255, 255); cursor: pointer; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-close-dark { fill: rgb(153, 153, 153); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-close-dark:hover { fill: rgb(51, 51, 51); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-header { margin-bottom: 8px; margin-right: 18px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-header.no-content { margin-bottom: 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-header.no-close { margin-right: 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-title { font-weight: 600; font-size: 14px; line-height: 22px; display: flex; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-title-icon { margin-right: 4px; margin-top: 3px; height: 16px; line-height: 1; font-size: 0px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-content { font-size: 12px; line-height: 20px; font-weight: 400; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-footer { margin-top: 16px; display: flex; justify-content: flex-end; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip .darwin-venus-button:hover { background-color: rgb(88, 160, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip .darwin-venus-button-default, [darwin-version="0.0.2-beta.49"] .darwin-venus-poptip .darwin-venus-button-default:hover { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip .darwin-venus-button-link:hover { text-decoration: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-small { padding: 16px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-small .darwin-venus-poptip-close { top: 19px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade { background: linear-gradient(60.38deg, rgb(41, 92, 255) 35.4%, rgb(66, 167, 253) 63.64%, rgb(136, 211, 251) 80.97%); box-shadow: rgba(30, 92, 255, 0.28) 0px 16px 40px; color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-poptip-close { fill: rgba(255, 255, 255, 0.88); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-poptip-header { margin-bottom: 8px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-poptip-title { font-size: 16px; line-height: 22px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-poptip-content { color: rgba(255, 255, 255, 0.92); line-height: 20px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-poptip-footer { margin-top: 16px; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-button-box { align-items: center; justify-content: flex-end; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-button-link { color: rgba(255, 255, 255, 0.78); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-button-default { background: rgba(255, 255, 255, 0.92); color: rgb(41, 92, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip.darwin-venus-poptip-upgrade .darwin-venus-button-default:hover { background: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.49"] .darwin-venus-poptip-mask { width: 400px; height: 300px; border-radius: 8px; position: fixed; left: 300px; top: 200px; background: transparent; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 9999px; z-index: 999; pointer-events: none; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-modal-title-close-icon { float: right; display: inline-block; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-pin { position: absolute; width: 22px; height: 22px; top: 0px; left: 0px; cursor: pointer; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-pin::before { content: ""; display: block; width: 22px; height: 22px; background-color: rgba(24, 144, 255, 0.2); border-radius: 50%; box-sizing: border-box; opacity: 0.9; animation: 1.2s ease-in-out 0s infinite normal none running joyride-beacon-outer; }
[darwin-version="0.0.2-beta.49"] .darwin-venus-pin::after { content: ""; display: block; width: 12px; height: 12px; animation: 1.2s ease-in-out 0s infinite normal none running joyride-beacon-inner; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; }
@keyframes joyride-beacon-inner { 
  20% { opacity: 0.9; }
  90% { opacity: 0.7; }
}
@keyframes joyride-beacon-outer { 
  0% { transform: scale(1); }
  45% { opacity: 0.7; transform: scale(0.75); }
  100% { opacity: 0.9; transform: scale(1); }
}
.switch-header-dropdown .ovui-dropdown-item[data-v-7b3b5022]:hover { background-color: rgb(255, 255, 255); }
.budget-text-project { display: flex; flex-direction: column; white-space: nowrap; }
.modal-confirm-header { line-height: 24px; }
.ad-name-big-icon[data-v-1ec2bbca] { width: 38px; }
.blue-suggestion-box[data-v-1ec2bbca] { max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; padding: 3px 8px; align-items: center; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgb(232, 244, 255); }
.blue-suggestion-box[data-v-1ec2bbca] .oc-typography-type-number { display: inline-flex; }
.blue-suggestion-box .copilotButton[data-v-1ec2bbca] { flex: 0 1 0%; }
.blue-suggestion-box .message[data-v-1ec2bbca] { flex: 1 1 0%; }
.popoverBox[data-v-1ec2bbca] .oc-typography-type-number { display: inline-flex; }
.group:hover .more-dropdown-button .blackFontColor[data-v-9140484a], .more-dropdown-button .blackFontColor[data-v-9140484a]:hover { --tw-text-opacity: 1; color: rgba(0,87,255,var(--tw-text-opacity)); }
.more-dropdown-button .blackFontColor[data-v-9140484a] { color: rgb(49, 52, 59); }
.disabled-btn[data-v-9140484a] { cursor: not-allowed; --tw-text-opacity: 1; color: rgba(147,150,157,var(--tw-text-opacity)); }
.group:hover .blackFontColor, .blackFontColor:hover { --tw-text-opacity: 1; color: rgba(0,87,255,var(--tw-text-opacity)); }
.blackFontColor { }
.bid-text[data-v-0b2dc380] { display: flex; flex-direction: column; white-space: nowrap; }
.divider-line[data-v-5c014eeb] { margin: 0px; }
.boost-btn[data-v-5c014eeb] .ovui-button--sm { line-height: 20px; }
.cursor-hover-not-allowed { cursor: not-allowed; }
.delivery-period { display: block; font-size: 12px; line-height: 20px; color: rgb(150, 154, 160); }
.overview-type-tabs { margin-right: 24px; }
.overview-type-tabs .tab-label, .overview-type-tabs .oc-new-badge { font-size: 16px; }
.overview-type-tabs .tab--active .tab-label, .overview-type-tabs .ovui-tabs__tab--active .tab-label, .overview-type-tabs .tab--active .oc-new-badge, .overview-type-tabs .ovui-tabs__tab--active .oc-new-badge { color: rgb(0, 87, 255); font-weight: 600; }
.overview-data-ad-type[data-v-530554d6] { margin-bottom: 14px; }
.custom-promotion-key-info-bar-warpper[data-v-530554d6] { min-width: unset; }
.promotion-key-own-style[data-v-530554d6] { padding: 0px; }
.promotion-data-overview .oc-promotion-key-info-bar[data-v-530554d6] { padding-left: 0px; min-height: 0px; padding-top: 0px; padding-bottom: 0px !important; }
.overview-data-ad-operation-action .oc-promotion-operation-more-action:hover { color: rgb(0, 87, 255); }
.tab-icon[data-v-041e9cca] { font-size: 18px; }
.active-nav[data-v-041e9cca] { --tw-bg-opacity: 1; background-color: rgba(255,255,255,var(--tw-bg-opacity)); }
.active-nav-name[data-v-041e9cca] { --tw-text-opacity: 1; color: rgba(46,123,255,var(--tw-text-opacity)); }
.account-icon[data-v-041e9cca] { position: fixed; bottom: 25px; color: rgb(147, 150, 157); cursor: pointer; }
.account-icon[data-v-041e9cca]:hover { color: rgb(0, 87, 255); }
.guidance[data-v-041e9cca] { cursor: pointer; }
div[class$="-header-list-title-icon"] svg, div[class$="-header-link-tips"] svg { display: block; }
.common-navigator { position: relative; z-index: 2000; width: 100%; height: 64px; }
.common-navigator svg { display: inherit; vertical-align: unset; }
.common-navigator .container { width: unset; }
.entrance_logo_svg > svg { display: inline-block; }
#app { min-width: 1280px; }
.content-container[data-v-5c9e70b2] { flex: 1 1 0%; }
.xinke[data-v-5c9e70b2] { width: 100%; height: 50px; line-height: 50px; background: red; color: rgb(255, 255, 255); margin: 24px; border-radius: 12px; }
.thead-ty-left .oc-typography-bold { text-align: left; display: block; }
.thead-ty-right .oc-typography-bold { text-align: right; display: block; }
.material-has-children { display: flex; }
.no-data-container[data-v-045cd9d6] { width: 100%; height: 100%; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.no-data-container .no-data-box[data-v-045cd9d6] { width: max-content; height: max-content; }
.no-data-container .no-data-box .no-data-img[data-v-045cd9d6] { height: 72px; margin: auto; }
.no-data-container .no-data-box .no-data-text[data-v-045cd9d6] { margin-top: 8px; text-align: center; font-size: 14px; color: rgb(147, 150, 157); }
.components-custom-table { min-height: 300px; }
.components-custom-table .ovui-thead .ovui-th { background-color: rgb(242, 244, 247); padding: 8px 16px; height: 42px; }
.components-custom-table .ovui-t-summary .ovui-t-summary-cell { background: white; }
.components-custom-table .ovui-popup__mask, .components-custom-table .ovui-spin__block { z-index: 1999 !important; }
.components-custom-table .ovui-tr:hover .ovui-td { --tw-bg-opacity: 1; background-color: rgba(242,245,253,var(--tw-bg-opacity)); }
.ovui-t-summary-cell { padding: 8px 16px !important; }
.components-custom-table tbody .ovui-table-cell { word-break: break-all; padding: 8px 16px !important; }
.components-custom-table tbody .ovui-table-cell .custom-table-td-wrap > div { height: 100%; }
.filter-info { margin-left: 16px; display: inline-block; height: 26px; border-radius: 31px; padding-left: 12px; padding-right: 12px; line-height: 26px; background: rgb(232, 244, 255); font-size: 12px; }
.filter-info a { position: relative; top: -2px; margin-left: 2px; }
.opt-button { padding: 3px 12px; background: rgb(242, 244, 247); border-radius: 4px; height: 34px; box-sizing: border-box; }
.custom-auto_star_top_item-td-cell-class { background: rgb(242, 244, 247); }
.tag-zoom { transform: scale(0.83); line-height: 16px; height: 16px; font-size: 10px; }
.radio-style[data-v-027bb8d2] { border: 1px solid rgb(255, 255, 255); box-shadow: rgba(50, 50, 71, 0.06) 0px 1px 2px, rgba(50, 50, 71, 0.06) 0px 1px 4px; border-radius: 10px; }
.budget-text[data-v-452e5d2e], .bid-text[data-v-6ba5d87a], .bid-text[data-v-119e0e16], .bid-text[data-v-8619c39e] { display: flex; flex-direction: column; white-space: nowrap; }
.onekey-group[data-v-6472e31c] { display: flex; align-items: center; }
.onekey-group .onekey-btn[data-v-6472e31c] { font-size: 12px !important; line-height: 20px !important; }
.onekey-group .division[data-v-6472e31c] { width: 1px; height: 12px; background: rgb(147, 150, 157); margin: 0px 4px; }
.onekey-desc[data-v-6472e31c] { font-family: "PingFang SC"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bid-text[data-v-a83a0b9a] { display: flex; flex-direction: column; white-space: nowrap; }
.ad-table-modal-body-class { padding-bottom: 24px !important; }
.ovui-modal__body_offline_new_extra { padding: 0px !important; }
.tools-btn-bg-white[data-v-2aa3e7b4] { background-color: rgb(255, 255, 255) !important; }
.right[data-v-2aa3e7b4] { transform: rotate(180deg); }
.is-table-loading .ovui-spin__block-mask, .is-table-loading .ovui-spin__block { z-index: 1999 !important; }
@media screen and (min-width: 1280px) and (max-width: 1640px) {
  @keyframes showCopilot { 
  0% { width: 100%; }
  100% { width: calc(1280px + 0vw); }
}
  @keyframes hideCopilot { 
  0% { width: calc(1280px + 0vw); }
  100% { width: 100%; }
}
  .show-copilot { animation-duration: 0.2s; animation-name: showCopilot; animation-timing-function: ease-in; animation-fill-mode: forwards; animation-play-state: running; }
  .hide-copilot { animation-duration: 0.2s; animation-name: hideCopilot; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-play-state: running; }
}
@media screen and (min-width: 1640px) {
  @keyframes showCopilot { 
  0% { width: 100%; }
  100% { width: calc(-360px + 100vw); }
}
  @keyframes hideCopilot { 
  0% { width: calc(-360px + 100vw); }
  100% { width: 100%; }
}
  .show-copilot { animation-duration: 0.2s; animation-name: showCopilot; animation-timing-function: ease-in; animation-fill-mode: forwards; animation-play-state: running; }
  .hide-copilot { animation-duration: 0.2s; animation-name: hideCopilot; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-play-state: running; }
  .copilot-layout #copilot-main-panel { box-shadow: none; }
}
.floating-container { width: 48px; height: 149px; position: fixed; z-index: 9999; cursor: pointer; user-select: none; display: flex; flex-direction: column; padding: 2px; border-radius: 999px; gap: 1px; border: 1px; }
.floating-container .Copilot { display: flex; flex-direction: column; width: 44px; height: 71px; padding: 8px 3px; align-items: center; border-radius: 999px 999px 0px 0px; border-color: rgb(255, 255, 255); background: rgb(255, 255, 255); }
.floating-container .Copilot:hover { background-color: rgb(229, 244, 255); }
.floating-container .Copilot .copilot-icon { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 36px; height: 54px; gap: 4px; }
.floating-container .Copilot .copilot-icon .copilot-icon-img { width: 32px; height: 32px; }
.floating-container .Copilot .copilot-icon .text-box { width: 36px; height: 18px; font-size: 12px; line-height: 18px; color: rgb(100, 102, 107); }
.floating-container .dividing-line { width: 32px; border-top: 1px solid rgb(235, 235, 235); margin: 0px auto; }
.flex-column-rounded-white { border-color: rgb(255, 255, 255); background: rgb(255, 255, 255); }.arco-trigger { position: absolute; z-index: 1000; backface-visibility: hidden; }
.arco-trigger-arrow { background-color: var(--biz-dist-map-select-color-bg-5); content: ""; height: 8px; width: 8px; position: absolute; display: block; box-sizing: border-box; transform: rotate(45deg); transform-origin: 50% 50% 0px; z-index: -1; }
.arco-trigger[trigger-placement="top"] .arco-trigger-arrow, .arco-trigger[trigger-placement="tl"] .arco-trigger-arrow, .arco-trigger[trigger-placement="tr"] .arco-trigger-arrow { bottom: -4px; margin-left: -4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-bottom-right-radius: 2px; }
.arco-trigger[trigger-placement="bottom"] .arco-trigger-arrow, .arco-trigger[trigger-placement="bl"] .arco-trigger-arrow, .arco-trigger[trigger-placement="br"] .arco-trigger-arrow { top: -4px; margin-left: -4px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-left-radius: 2px; }
.arco-trigger[trigger-placement="left"] .arco-trigger-arrow, .arco-trigger[trigger-placement="lt"] .arco-trigger-arrow, .arco-trigger[trigger-placement="lb"] .arco-trigger-arrow { right: -4px; margin-top: -4px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-right-radius: 2px; }
.arco-trigger[trigger-placement="right"] .arco-trigger-arrow, .arco-trigger[trigger-placement="rt"] .arco-trigger-arrow, .arco-trigger[trigger-placement="rb"] .arco-trigger-arrow { left: -4px; margin-top: -4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom-left-radius: 2px; }
.biz-dist-map-select { --biz-dist-map-select-red-1: 255,236,232; --biz-dist-map-select-red-2: 253,205,197; --biz-dist-map-select-red-3: 251,172,163; --biz-dist-map-select-red-4: 249,137,129; --biz-dist-map-select-red-5: 247,101,96; --biz-dist-map-select-red-6: 245,63,63; --biz-dist-map-select-red-7: 203,39,45; --biz-dist-map-select-red-8: 161,21,30; --biz-dist-map-select-red-9: 119,8,19; --biz-dist-map-select-red-10: 77,0,10; --biz-dist-map-select-orangered-1: 255,243,232; --biz-dist-map-select-orangered-2: 253,221,195; --biz-dist-map-select-orangered-3: 252,197,159; --biz-dist-map-select-orangered-4: 250,172,123; --biz-dist-map-select-orangered-5: 249,144,87; --biz-dist-map-select-orangered-6: 247,114,52; --biz-dist-map-select-orangered-7: 204,81,32; --biz-dist-map-select-orangered-8: 162,53,17; --biz-dist-map-select-orangered-9: 119,31,6; --biz-dist-map-select-orangered-10: 77,14,0; --biz-dist-map-select-orange-1: 255,247,232; --biz-dist-map-select-orange-2: 255,228,186; --biz-dist-map-select-orange-3: 255,207,139; --biz-dist-map-select-orange-4: 255,182,93; --biz-dist-map-select-orange-5: 255,154,46; --biz-dist-map-select-orange-6: 255,125,0; --biz-dist-map-select-orange-7: 210,95,0; --biz-dist-map-select-orange-8: 166,69,0; --biz-dist-map-select-orange-9: 121,46,0; --biz-dist-map-select-orange-10: 77,27,0; --biz-dist-map-select-gold-1: 255,252,232; --biz-dist-map-select-gold-2: 253,244,191; --biz-dist-map-select-gold-3: 252,233,150; --biz-dist-map-select-gold-4: 250,220,109; --biz-dist-map-select-gold-5: 249,204,69; --biz-dist-map-select-gold-6: 247,186,30; --biz-dist-map-select-gold-7: 204,146,19; --biz-dist-map-select-gold-8: 162,109,10; --biz-dist-map-select-gold-9: 119,75,4; --biz-dist-map-select-gold-10: 77,45,0; --biz-dist-map-select-yellow-1: 254,255,232; --biz-dist-map-select-yellow-2: 254,254,190; --biz-dist-map-select-yellow-3: 253,250,148; --biz-dist-map-select-yellow-4: 252,242,107; --biz-dist-map-select-yellow-5: 251,232,66; --biz-dist-map-select-yellow-6: 250,220,25; --biz-dist-map-select-yellow-7: 207,175,15; --biz-dist-map-select-yellow-8: 163,132,8; --biz-dist-map-select-yellow-9: 120,93,3; --biz-dist-map-select-yellow-10: 77,56,0; --biz-dist-map-select-lime-1: 252,255,232; --biz-dist-map-select-lime-2: 237,248,187; --biz-dist-map-select-lime-3: 220,241,144; --biz-dist-map-select-lime-4: 201,233,104; --biz-dist-map-select-lime-5: 181,226,65; --biz-dist-map-select-lime-6: 159,219,29; --biz-dist-map-select-lime-7: 126,183,18; --biz-dist-map-select-lime-8: 95,148,10; --biz-dist-map-select-lime-9: 67,112,4; --biz-dist-map-select-lime-10: 42,77,0; --biz-dist-map-select-green-1: 232,255,234; --biz-dist-map-select-green-2: 175,240,181; --biz-dist-map-select-green-3: 123,225,136; --biz-dist-map-select-green-4: 76,210,99; --biz-dist-map-select-green-5: 35,195,67; --biz-dist-map-select-green-6: 0,180,42; --biz-dist-map-select-green-7: 0,154,41; --biz-dist-map-select-green-8: 0,128,38; --biz-dist-map-select-green-9: 0,102,34; --biz-dist-map-select-green-10: 0,77,28; --biz-dist-map-select-cyan-1: 232,255,251; --biz-dist-map-select-cyan-2: 183,244,236; --biz-dist-map-select-cyan-3: 137,233,224; --biz-dist-map-select-cyan-4: 94,223,214; --biz-dist-map-select-cyan-5: 55,212,207; --biz-dist-map-select-cyan-6: 20,201,201; --biz-dist-map-select-cyan-7: 13,165,170; --biz-dist-map-select-cyan-8: 7,130,139; --biz-dist-map-select-cyan-9: 3,97,108; --biz-dist-map-select-cyan-10: 0,66,77; --biz-dist-map-select-blue-1: 232,247,255; --biz-dist-map-select-blue-2: 195,231,254; --biz-dist-map-select-blue-3: 159,212,253; --biz-dist-map-select-blue-4: 123,192,252; --biz-dist-map-select-blue-5: 87,169,251; --biz-dist-map-select-blue-6: 52,145,250; --biz-dist-map-select-blue-7: 32,108,207; --biz-dist-map-select-blue-8: 17,75,163; --biz-dist-map-select-blue-9: 6,48,120; --biz-dist-map-select-blue-10: 0,26,77; --biz-dist-map-select-arcoblue-1: 232,243,255; --biz-dist-map-select-arcoblue-2: 190,218,255; --biz-dist-map-select-arcoblue-3: 148,191,255; --biz-dist-map-select-arcoblue-4: 106,161,255; --biz-dist-map-select-arcoblue-5: 64,128,255; --biz-dist-map-select-arcoblue-6: 22,93,255; --biz-dist-map-select-arcoblue-7: 14,66,210; --biz-dist-map-select-arcoblue-8: 7,44,166; --biz-dist-map-select-arcoblue-9: 3,26,121; --biz-dist-map-select-arcoblue-10: 0,13,77; --biz-dist-map-select-purple-1: 245,232,255; --biz-dist-map-select-purple-2: 221,190,246; --biz-dist-map-select-purple-3: 195,150,237; --biz-dist-map-select-purple-4: 168,113,227; --biz-dist-map-select-purple-5: 141,78,218; --biz-dist-map-select-purple-6: 114,46,209; --biz-dist-map-select-purple-7: 85,29,176; --biz-dist-map-select-purple-8: 60,16,143; --biz-dist-map-select-purple-9: 39,6,110; --biz-dist-map-select-purple-10: 22,0,77; --biz-dist-map-select-pinkpurple-1: 255,232,251; --biz-dist-map-select-pinkpurple-2: 247,186,239; --biz-dist-map-select-pinkpurple-3: 240,142,230; --biz-dist-map-select-pinkpurple-4: 232,101,223; --biz-dist-map-select-pinkpurple-5: 225,62,219; --biz-dist-map-select-pinkpurple-6: 217,26,217; --biz-dist-map-select-pinkpurple-7: 176,16,182; --biz-dist-map-select-pinkpurple-8: 138,9,147; --biz-dist-map-select-pinkpurple-9: 101,3,112; --biz-dist-map-select-pinkpurple-10: 66,0,77; --biz-dist-map-select-magenta-1: 255,232,241; --biz-dist-map-select-magenta-2: 253,194,219; --biz-dist-map-select-magenta-3: 251,157,199; --biz-dist-map-select-magenta-4: 249,121,183; --biz-dist-map-select-magenta-5: 247,84,168; --biz-dist-map-select-magenta-6: 245,49,157; --biz-dist-map-select-magenta-7: 203,30,131; --biz-dist-map-select-magenta-8: 161,16,105; --biz-dist-map-select-magenta-9: 119,6,79; --biz-dist-map-select-magenta-10: 77,0,52; --biz-dist-map-select-gray-1: 247,248,250; --biz-dist-map-select-gray-2: 242,243,245; --biz-dist-map-select-gray-3: 229,230,235; --biz-dist-map-select-gray-4: 201,205,212; --biz-dist-map-select-gray-5: 169,174,184; --biz-dist-map-select-gray-6: 134,144,156; --biz-dist-map-select-gray-7: 107,119,133; --biz-dist-map-select-gray-8: 78,89,105; --biz-dist-map-select-gray-9: 39,46,59; --biz-dist-map-select-gray-10: 29,33,41; --biz-dist-map-select-success-1: var(--biz-dist-map-select-green-1); --biz-dist-map-select-success-2: var(--biz-dist-map-select-green-2); --biz-dist-map-select-success-3: var(--biz-dist-map-select-green-3); --biz-dist-map-select-success-4: var(--biz-dist-map-select-green-4); --biz-dist-map-select-success-5: var(--biz-dist-map-select-green-5); --biz-dist-map-select-success-6: var(--biz-dist-map-select-green-6); --biz-dist-map-select-success-7: var(--biz-dist-map-select-green-7); --biz-dist-map-select-success-8: var(--biz-dist-map-select-green-8); --biz-dist-map-select-success-9: var(--biz-dist-map-select-green-9); --biz-dist-map-select-success-10: var(--biz-dist-map-select-green-10); --biz-dist-map-select-primary-1: var(--biz-dist-map-select-arcoblue-1); --biz-dist-map-select-primary-2: var(--biz-dist-map-select-arcoblue-2); --biz-dist-map-select-primary-3: var(--biz-dist-map-select-arcoblue-3); --biz-dist-map-select-primary-4: var(--biz-dist-map-select-arcoblue-4); --biz-dist-map-select-primary-5: var(--biz-dist-map-select-arcoblue-5); --biz-dist-map-select-primary-6: var(--biz-dist-map-select-arcoblue-6); --biz-dist-map-select-primary-7: var(--biz-dist-map-select-arcoblue-7); --biz-dist-map-select-primary-8: var(--biz-dist-map-select-arcoblue-8); --biz-dist-map-select-primary-9: var(--biz-dist-map-select-arcoblue-9); --biz-dist-map-select-primary-10: var(--biz-dist-map-select-arcoblue-10); --biz-dist-map-select-danger-1: var(--biz-dist-map-select-red-1); --biz-dist-map-select-danger-2: var(--biz-dist-map-select-red-2); --biz-dist-map-select-danger-3: var(--biz-dist-map-select-red-3); --biz-dist-map-select-danger-4: var(--biz-dist-map-select-red-4); --biz-dist-map-select-danger-5: var(--biz-dist-map-select-red-5); --biz-dist-map-select-danger-6: var(--biz-dist-map-select-red-6); --biz-dist-map-select-danger-7: var(--biz-dist-map-select-red-7); --biz-dist-map-select-danger-8: var(--biz-dist-map-select-red-8); --biz-dist-map-select-danger-9: var(--biz-dist-map-select-red-9); --biz-dist-map-select-danger-10: var(--biz-dist-map-select-red-10); --biz-dist-map-select-warning-1: var(--biz-dist-map-select-orange-1); --biz-dist-map-select-warning-2: var(--biz-dist-map-select-orange-2); --biz-dist-map-select-warning-3: var(--biz-dist-map-select-orange-3); --biz-dist-map-select-warning-4: var(--biz-dist-map-select-orange-4); --biz-dist-map-select-warning-5: var(--biz-dist-map-select-orange-5); --biz-dist-map-select-warning-6: var(--biz-dist-map-select-orange-6); --biz-dist-map-select-warning-7: var(--biz-dist-map-select-orange-7); --biz-dist-map-select-warning-8: var(--biz-dist-map-select-orange-8); --biz-dist-map-select-warning-9: var(--biz-dist-map-select-orange-9); --biz-dist-map-select-warning-10: var(--biz-dist-map-select-orange-10); --biz-dist-map-select-link-1: var(--biz-dist-map-select-arcoblue-1); --biz-dist-map-select-link-2: var(--biz-dist-map-select-arcoblue-2); --biz-dist-map-select-link-3: var(--biz-dist-map-select-arcoblue-3); --biz-dist-map-select-link-4: var(--biz-dist-map-select-arcoblue-4); --biz-dist-map-select-link-5: var(--biz-dist-map-select-arcoblue-5); --biz-dist-map-select-link-6: var(--biz-dist-map-select-arcoblue-6); --biz-dist-map-select-link-7: var(--biz-dist-map-select-arcoblue-7); --biz-dist-map-select-link-8: var(--biz-dist-map-select-arcoblue-8); --biz-dist-map-select-link-9: var(--biz-dist-map-select-arcoblue-9); --biz-dist-map-select-link-10: var(--biz-dist-map-select-arcoblue-10); }
.biz-dist-map-select[arco-theme="dark"] { --biz-dist-map-select-red-1: 77,0,10; --biz-dist-map-select-red-2: 119,6,17; --biz-dist-map-select-red-3: 161,22,31; --biz-dist-map-select-red-4: 203,46,52; --biz-dist-map-select-red-5: 245,78,78; --biz-dist-map-select-red-6: 247,105,101; --biz-dist-map-select-red-7: 249,141,134; --biz-dist-map-select-red-8: 251,176,167; --biz-dist-map-select-red-9: 253,209,202; --biz-dist-map-select-red-10: 255,240,236; --biz-dist-map-select-orangered-1: 77,14,0; --biz-dist-map-select-orangered-2: 119,30,5; --biz-dist-map-select-orangered-3: 162,55,20; --biz-dist-map-select-orangered-4: 204,87,41; --biz-dist-map-select-orangered-5: 247,126,69; --biz-dist-map-select-orangered-6: 249,146,90; --biz-dist-map-select-orangered-7: 250,173,125; --biz-dist-map-select-orangered-8: 252,198,161; --biz-dist-map-select-orangered-9: 253,222,197; --biz-dist-map-select-orangered-10: 255,244,235; --biz-dist-map-select-orange-1: 77,27,0; --biz-dist-map-select-orange-2: 121,48,4; --biz-dist-map-select-orange-3: 166,75,10; --biz-dist-map-select-orange-4: 210,105,19; --biz-dist-map-select-orange-5: 255,141,31; --biz-dist-map-select-orange-6: 255,150,38; --biz-dist-map-select-orange-7: 255,179,87; --biz-dist-map-select-orange-8: 255,205,135; --biz-dist-map-select-orange-9: 255,227,184; --biz-dist-map-select-orange-10: 255,247,232; --biz-dist-map-select-gold-1: 77,45,0; --biz-dist-map-select-gold-2: 119,75,4; --biz-dist-map-select-gold-3: 162,111,15; --biz-dist-map-select-gold-4: 204,150,31; --biz-dist-map-select-gold-5: 247,192,52; --biz-dist-map-select-gold-6: 249,204,68; --biz-dist-map-select-gold-7: 250,220,108; --biz-dist-map-select-gold-8: 252,233,149; --biz-dist-map-select-gold-9: 253,244,190; --biz-dist-map-select-gold-10: 255,252,232; --biz-dist-map-select-yellow-1: 77,56,0; --biz-dist-map-select-yellow-2: 120,94,7; --biz-dist-map-select-yellow-3: 163,134,20; --biz-dist-map-select-yellow-4: 207,179,37; --biz-dist-map-select-yellow-5: 250,225,60; --biz-dist-map-select-yellow-6: 251,233,75; --biz-dist-map-select-yellow-7: 252,243,116; --biz-dist-map-select-yellow-8: 253,250,157; --biz-dist-map-select-yellow-9: 254,254,198; --biz-dist-map-select-yellow-10: 254,255,240; --biz-dist-map-select-lime-1: 42,77,0; --biz-dist-map-select-lime-2: 68,112,6; --biz-dist-map-select-lime-3: 98,148,18; --biz-dist-map-select-lime-4: 132,183,35; --biz-dist-map-select-lime-5: 168,219,57; --biz-dist-map-select-lime-6: 184,226,75; --biz-dist-map-select-lime-7: 203,233,112; --biz-dist-map-select-lime-8: 222,241,152; --biz-dist-map-select-lime-9: 238,248,194; --biz-dist-map-select-lime-10: 253,255,238; --biz-dist-map-select-green-1: 0,77,28; --biz-dist-map-select-green-2: 4,102,37; --biz-dist-map-select-green-3: 10,128,45; --biz-dist-map-select-green-4: 18,154,55; --biz-dist-map-select-green-5: 29,180,64; --biz-dist-map-select-green-6: 39,195,70; --biz-dist-map-select-green-7: 80,210,102; --biz-dist-map-select-green-8: 126,225,139; --biz-dist-map-select-green-9: 178,240,183; --biz-dist-map-select-green-10: 235,255,236; --biz-dist-map-select-cyan-1: 0,66,77; --biz-dist-map-select-cyan-2: 6,97,108; --biz-dist-map-select-cyan-3: 17,131,139; --biz-dist-map-select-cyan-4: 31,166,170; --biz-dist-map-select-cyan-5: 48,201,201; --biz-dist-map-select-cyan-6: 63,212,207; --biz-dist-map-select-cyan-7: 102,223,215; --biz-dist-map-select-cyan-8: 144,233,225; --biz-dist-map-select-cyan-9: 190,244,237; --biz-dist-map-select-cyan-10: 240,255,252; --biz-dist-map-select-blue-1: 0,26,77; --biz-dist-map-select-blue-2: 5,47,120; --biz-dist-map-select-blue-3: 19,76,163; --biz-dist-map-select-blue-4: 41,113,207; --biz-dist-map-select-blue-5: 70,154,250; --biz-dist-map-select-blue-6: 90,170,251; --biz-dist-map-select-blue-7: 125,193,252; --biz-dist-map-select-blue-8: 161,213,253; --biz-dist-map-select-blue-9: 198,232,254; --biz-dist-map-select-blue-10: 234,248,255; --biz-dist-map-select-arcoblue-1: 0,13,77; --biz-dist-map-select-arcoblue-2: 4,27,121; --biz-dist-map-select-arcoblue-3: 14,50,166; --biz-dist-map-select-arcoblue-4: 29,77,210; --biz-dist-map-select-arcoblue-5: 48,111,255; --biz-dist-map-select-arcoblue-6: 60,126,255; --biz-dist-map-select-arcoblue-7: 104,159,255; --biz-dist-map-select-arcoblue-8: 147,190,255; --biz-dist-map-select-arcoblue-9: 190,218,255; --biz-dist-map-select-arcoblue-10: 234,244,255; --biz-dist-map-select-purple-1: 22,0,77; --biz-dist-map-select-purple-2: 39,6,110; --biz-dist-map-select-purple-3: 62,19,143; --biz-dist-map-select-purple-4: 90,37,176; --biz-dist-map-select-purple-5: 123,61,209; --biz-dist-map-select-purple-6: 142,81,218; --biz-dist-map-select-purple-7: 169,116,227; --biz-dist-map-select-purple-8: 197,154,237; --biz-dist-map-select-purple-9: 223,194,246; --biz-dist-map-select-purple-10: 247,237,255; --biz-dist-map-select-pinkpurple-1: 66,0,77; --biz-dist-map-select-pinkpurple-2: 101,3,112; --biz-dist-map-select-pinkpurple-3: 138,13,147; --biz-dist-map-select-pinkpurple-4: 176,27,182; --biz-dist-map-select-pinkpurple-5: 217,46,217; --biz-dist-map-select-pinkpurple-6: 225,61,219; --biz-dist-map-select-pinkpurple-7: 232,102,223; --biz-dist-map-select-pinkpurple-8: 240,146,230; --biz-dist-map-select-pinkpurple-9: 247,193,240; --biz-dist-map-select-pinkpurple-10: 255,242,253; --biz-dist-map-select-magenta-1: 77,0,52; --biz-dist-map-select-magenta-2: 119,8,80; --biz-dist-map-select-magenta-3: 161,23,108; --biz-dist-map-select-magenta-4: 203,43,136; --biz-dist-map-select-magenta-5: 245,69,166; --biz-dist-map-select-magenta-6: 247,86,169; --biz-dist-map-select-magenta-7: 249,122,184; --biz-dist-map-select-magenta-8: 251,158,200; --biz-dist-map-select-magenta-9: 253,195,219; --biz-dist-map-select-magenta-10: 255,232,241; --biz-dist-map-select-gray-1: 23,23,26; --biz-dist-map-select-gray-2: 46,46,48; --biz-dist-map-select-gray-3: 72,72,73; --biz-dist-map-select-gray-4: 95,95,96; --biz-dist-map-select-gray-5: 120,120,122; --biz-dist-map-select-gray-6: 146,146,147; --biz-dist-map-select-gray-7: 171,171,172; --biz-dist-map-select-gray-8: 197,197,197; --biz-dist-map-select-gray-9: 223,223,223; --biz-dist-map-select-gray-10: 246,246,246; --biz-dist-map-select-primary-1: var(--biz-dist-map-select-arcoblue-1); --biz-dist-map-select-primary-2: var(--biz-dist-map-select-arcoblue-2); --biz-dist-map-select-primary-3: var(--biz-dist-map-select-arcoblue-3); --biz-dist-map-select-primary-4: var(--biz-dist-map-select-arcoblue-4); --biz-dist-map-select-primary-5: var(--biz-dist-map-select-arcoblue-5); --biz-dist-map-select-primary-6: var(--biz-dist-map-select-arcoblue-6); --biz-dist-map-select-primary-7: var(--biz-dist-map-select-arcoblue-7); --biz-dist-map-select-primary-8: var(--biz-dist-map-select-arcoblue-8); --biz-dist-map-select-primary-9: var(--biz-dist-map-select-arcoblue-9); --biz-dist-map-select-primary-10: var(--biz-dist-map-select-arcoblue-10); --biz-dist-map-select-success-1: var(--biz-dist-map-select-green-1); --biz-dist-map-select-success-2: var(--biz-dist-map-select-green-2); --biz-dist-map-select-success-3: var(--biz-dist-map-select-green-3); --biz-dist-map-select-success-4: var(--biz-dist-map-select-green-4); --biz-dist-map-select-success-5: var(--biz-dist-map-select-green-5); --biz-dist-map-select-success-6: var(--biz-dist-map-select-green-6); --biz-dist-map-select-success-7: var(--biz-dist-map-select-green-7); --biz-dist-map-select-success-8: var(--biz-dist-map-select-green-8); --biz-dist-map-select-success-9: var(--biz-dist-map-select-green-9); --biz-dist-map-select-success-10: var(--biz-dist-map-select-green-10); --biz-dist-map-select-danger-1: var(--biz-dist-map-select-red-1); --biz-dist-map-select-danger-2: var(--biz-dist-map-select-red-2); --biz-dist-map-select-danger-3: var(--biz-dist-map-select-red-3); --biz-dist-map-select-danger-4: var(--biz-dist-map-select-red-4); --biz-dist-map-select-danger-5: var(--biz-dist-map-select-red-5); --biz-dist-map-select-danger-6: var(--biz-dist-map-select-red-6); --biz-dist-map-select-danger-7: var(--biz-dist-map-select-red-7); --biz-dist-map-select-danger-8: var(--biz-dist-map-select-red-8); --biz-dist-map-select-danger-9: var(--biz-dist-map-select-red-9); --biz-dist-map-select-danger-10: var(--biz-dist-map-select-red-10); --biz-dist-map-select-warning-1: var(--biz-dist-map-select-orange-1); --biz-dist-map-select-warning-2: var(--biz-dist-map-select-orange-2); --biz-dist-map-select-warning-3: var(--biz-dist-map-select-orange-3); --biz-dist-map-select-warning-4: var(--biz-dist-map-select-orange-4); --biz-dist-map-select-warning-5: var(--biz-dist-map-select-orange-5); --biz-dist-map-select-warning-6: var(--biz-dist-map-select-orange-6); --biz-dist-map-select-warning-7: var(--biz-dist-map-select-orange-7); --biz-dist-map-select-warning-8: var(--biz-dist-map-select-orange-8); --biz-dist-map-select-warning-9: var(--biz-dist-map-select-orange-9); --biz-dist-map-select-warning-10: var(--biz-dist-map-select-orange-10); --biz-dist-map-select-link-1: var(--biz-dist-map-select-arcoblue-1); --biz-dist-map-select-link-2: var(--biz-dist-map-select-arcoblue-2); --biz-dist-map-select-link-3: var(--biz-dist-map-select-arcoblue-3); --biz-dist-map-select-link-4: var(--biz-dist-map-select-arcoblue-4); --biz-dist-map-select-link-5: var(--biz-dist-map-select-arcoblue-5); --biz-dist-map-select-link-6: var(--biz-dist-map-select-arcoblue-6); --biz-dist-map-select-link-7: var(--biz-dist-map-select-arcoblue-7); --biz-dist-map-select-link-8: var(--biz-dist-map-select-arcoblue-8); --biz-dist-map-select-link-9: var(--biz-dist-map-select-arcoblue-9); --biz-dist-map-select-link-10: var(--biz-dist-map-select-arcoblue-10); }
.biz-dist-map-select { --biz-dist-map-select-color-white: #ffffff; --biz-dist-map-select-color-black: #000000; --biz-dist-map-select-color-border: rgb(var(--biz-dist-map-select-gray-3)); --biz-dist-map-select-color-bg-popup: var(--biz-dist-map-select-color-bg-5); --biz-dist-map-select-color-bg-1: #fff; --biz-dist-map-select-color-bg-2: #fff; --biz-dist-map-select-color-bg-3: #fff; --biz-dist-map-select-color-bg-4: #fff; --biz-dist-map-select-color-bg-5: #fff; --biz-dist-map-select-color-bg-white: #fff; --biz-dist-map-select-color-neutral-1: rgb(var(--biz-dist-map-select-gray-1)); --biz-dist-map-select-color-neutral-2: rgb(var(--biz-dist-map-select-gray-2)); --biz-dist-map-select-color-neutral-3: rgb(var(--biz-dist-map-select-gray-3)); --biz-dist-map-select-color-neutral-4: rgb(var(--biz-dist-map-select-gray-4)); --biz-dist-map-select-color-neutral-5: rgb(var(--biz-dist-map-select-gray-5)); --biz-dist-map-select-color-neutral-6: rgb(var(--biz-dist-map-select-gray-6)); --biz-dist-map-select-color-neutral-7: rgb(var(--biz-dist-map-select-gray-7)); --biz-dist-map-select-color-neutral-8: rgb(var(--biz-dist-map-select-gray-8)); --biz-dist-map-select-color-neutral-9: rgb(var(--biz-dist-map-select-gray-9)); --biz-dist-map-select-color-neutral-10: rgb(var(--biz-dist-map-select-gray-10)); --biz-dist-map-select-color-text-1: var(--biz-dist-map-select-color-neutral-10); --biz-dist-map-select-color-text-2: var(--biz-dist-map-select-color-neutral-8); --biz-dist-map-select-color-text-3: var(--biz-dist-map-select-color-neutral-6); --biz-dist-map-select-color-text-4: var(--biz-dist-map-select-color-neutral-4); --biz-dist-map-select-color-border-1: var(--biz-dist-map-select-color-neutral-2); --biz-dist-map-select-color-border-2: var(--biz-dist-map-select-color-neutral-3); --biz-dist-map-select-color-border-3: var(--biz-dist-map-select-color-neutral-4); --biz-dist-map-select-color-border-4: var(--biz-dist-map-select-color-neutral-6); --biz-dist-map-select-color-fill-1: var(--biz-dist-map-select-color-neutral-1); --biz-dist-map-select-color-fill-2: var(--biz-dist-map-select-color-neutral-2); --biz-dist-map-select-color-fill-3: var(--biz-dist-map-select-color-neutral-3); --biz-dist-map-select-color-fill-4: var(--biz-dist-map-select-color-neutral-4); --biz-dist-map-select-color-primary-light-1: rgb(var(--biz-dist-map-select-primary-1)); --biz-dist-map-select-color-primary-light-2: rgb(var(--biz-dist-map-select-primary-2)); --biz-dist-map-select-color-primary-light-3: rgb(var(--biz-dist-map-select-primary-3)); --biz-dist-map-select-color-primary-light-4: rgb(var(--biz-dist-map-select-primary-4)); --biz-dist-map-select-color-secondary: var(--biz-dist-map-select-color-neutral-2); --biz-dist-map-select-color-secondary-hover: var(--biz-dist-map-select-color-neutral-3); --biz-dist-map-select-color-secondary-active: var(--biz-dist-map-select-color-neutral-4); --biz-dist-map-select-color-secondary-disabled: var(--biz-dist-map-select-color-neutral-1); --biz-dist-map-select-color-danger-light-1: rgb(var(--biz-dist-map-select-danger-1)); --biz-dist-map-select-color-danger-light-2: rgb(var(--biz-dist-map-select-danger-2)); --biz-dist-map-select-color-danger-light-3: rgb(var(--biz-dist-map-select-danger-3)); --biz-dist-map-select-color-danger-light-4: rgb(var(--biz-dist-map-select-danger-4)); --biz-dist-map-select-color-success-light-1: rgb(var(--biz-dist-map-select-success-1)); --biz-dist-map-select-color-success-light-2: rgb(var(--biz-dist-map-select-success-2)); --biz-dist-map-select-color-success-light-3: rgb(var(--biz-dist-map-select-success-3)); --biz-dist-map-select-color-success-light-4: rgb(var(--biz-dist-map-select-success-4)); --biz-dist-map-select-color-warning-light-1: rgb(var(--biz-dist-map-select-warning-1)); --biz-dist-map-select-color-warning-light-2: rgb(var(--biz-dist-map-select-warning-2)); --biz-dist-map-select-color-warning-light-3: rgb(var(--biz-dist-map-select-warning-3)); --biz-dist-map-select-color-warning-light-4: rgb(var(--biz-dist-map-select-warning-4)); --biz-dist-map-select-color-link-light-1: rgb(var(--biz-dist-map-select-link-1)); --biz-dist-map-select-color-link-light-2: rgb(var(--biz-dist-map-select-link-2)); --biz-dist-map-select-color-link-light-3: rgb(var(--biz-dist-map-select-link-3)); --biz-dist-map-select-color-link-light-4: rgb(var(--biz-dist-map-select-link-4)); --biz-dist-map-select-border-radius-none: 0; --biz-dist-map-select-border-radius-small: 2px; --biz-dist-map-select-border-radius-medium: 4px; --biz-dist-map-select-border-radius-large: 8px; --biz-dist-map-select-border-radius-circle: 50%; --biz-dist-map-select-color-tooltip-bg: rgb(var(--biz-dist-map-select-gray-10)); --biz-dist-map-select-color-spin-layer-bg: rgba(255, 255, 255, 0.6); --biz-dist-map-select-color-menu-dark-bg: #232324; --biz-dist-map-select-color-menu-light-bg: #ffffff; --biz-dist-map-select-color-menu-dark-hover: rgba(255, 255, 255, 0.04); --biz-dist-map-select-color-mask-bg: rgba(29, 33, 41, 0.6); }
.biz-dist-map-select[arco-theme="dark"] { --biz-dist-map-select-color-white: rgba(255, 255, 255, 0.9); --biz-dist-map-select-color-black: #000000; --biz-dist-map-select-color-border: #333335; --biz-dist-map-select-color-bg-1: #17171a; --biz-dist-map-select-color-bg-2: #232324; --biz-dist-map-select-color-bg-3: #2a2a2b; --biz-dist-map-select-color-bg-4: #313132; --biz-dist-map-select-color-bg-5: #373739; --biz-dist-map-select-color-bg-white: #f6f6f6; --biz-dist-map-select-color-text-1: rgba(255, 255, 255, 0.9); --biz-dist-map-select-color-text-2: rgba(255, 255, 255, 0.7); --biz-dist-map-select-color-text-3: rgba(255, 255, 255, 0.5); --biz-dist-map-select-color-text-4: rgba(255, 255, 255, 0.3); --biz-dist-map-select-color-fill-1: rgba(255, 255, 255, 0.04); --biz-dist-map-select-color-fill-2: rgba(255, 255, 255, 0.08); --biz-dist-map-select-color-fill-3: rgba(255, 255, 255, 0.12); --biz-dist-map-select-color-fill-4: rgba(255, 255, 255, 0.16); --biz-dist-map-select-color-primary-light-1: rgba(var(--biz-dist-map-select-primary-6), 0.2); --biz-dist-map-select-color-primary-light-2: rgba(var(--biz-dist-map-select-primary-6), 0.35); --biz-dist-map-select-color-primary-light-3: rgba(var(--biz-dist-map-select-primary-6), 0.5); --biz-dist-map-select-color-primary-light-4: rgba(var(--biz-dist-map-select-primary-6), 0.65); --biz-dist-map-select-color-secondary: rgba(var(--biz-dist-map-select-gray-9), 0.08); --biz-dist-map-select-color-secondary-hover: rgba(var(--biz-dist-map-select-gray-8), 0.16); --biz-dist-map-select-color-secondary-active: rgba(var(--biz-dist-map-select-gray-7), 0.24); --biz-dist-map-select-color-secondary-disabled: rgba(var(--biz-dist-map-select-gray-9), 0.08); --biz-dist-map-select-color-danger-light-1: rgba(var(--biz-dist-map-select-danger-6), 0.2); --biz-dist-map-select-color-danger-light-2: rgba(var(--biz-dist-map-select-danger-6), 0.35); --biz-dist-map-select-color-danger-light-3: rgba(var(--biz-dist-map-select-danger-6), 0.5); --biz-dist-map-select-color-danger-light-4: rgba(var(--biz-dist-map-select-danger-6), 0.65); --biz-dist-map-select-color-success-light-1: rgba(var(--biz-dist-map-select-success-6), 0.2); --biz-dist-map-select-color-success-light-2: rgba(var(--biz-dist-map-select-success-6), 0.35); --biz-dist-map-select-color-success-light-3: rgba(var(--biz-dist-map-select-success-6), 0.5); --biz-dist-map-select-color-success-light-4: rgba(var(--biz-dist-map-select-success-6), 0.65); --biz-dist-map-select-color-warning-light-1: rgba(var(--biz-dist-map-select-warning-6), 0.2); --biz-dist-map-select-color-warning-light-2: rgba(var(--biz-dist-map-select-warning-6), 0.35); --biz-dist-map-select-color-warning-light-3: rgba(var(--biz-dist-map-select-warning-6), 0.5); --biz-dist-map-select-color-warning-light-4: rgba(var(--biz-dist-map-select-warning-6), 0.65); --biz-dist-map-select-color-link-light-1: rgba(var(--biz-dist-map-select-link-6), 0.2); --biz-dist-map-select-color-link-light-2: rgba(var(--biz-dist-map-select-link-6), 0.35); --biz-dist-map-select-color-link-light-3: rgba(var(--biz-dist-map-select-link-6), 0.5); --biz-dist-map-select-color-link-light-4: rgba(var(--biz-dist-map-select-link-6), 0.65); --biz-dist-map-select-color-tooltip-bg: #373739; --biz-dist-map-select-color-spin-layer-bg: rgba(51, 51, 51, 0.6); --biz-dist-map-select-color-menu-dark-bg: #232324; --biz-dist-map-select-color-menu-light-bg: #232324; --biz-dist-map-select-color-menu-dark-hover: var(--biz-dist-map-select-color-fill-2); --biz-dist-map-select-color-mask-bg: rgba(23, 23, 26, 0.6); }
.arco-autocomplete-popup .arco-select-popup { border: 1px solid var(--biz-dist-map-select-color-fill-3); border-radius: var(--biz-dist-map-select-border-radius-medium); background-color: var(--biz-dist-map-select-color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; }
.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner { padding: 4px 0px; max-height: 200px; }
.arco-autocomplete-popup .arco-select-popup .arco-select-option { height: 36px; padding: 0px 12px; font-size: 14px; line-height: 36px; color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled { color: var(--biz-dist-map-select-color-text-4); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { font-weight: 500; }
.arco-btn { display: inline-block; position: relative; outline: none; font-weight: 400; appearance: none; user-select: none; cursor: pointer; white-space: nowrap; transition: 0.1s cubic-bezier(0, 0, 1, 1); box-sizing: border-box; line-height: 1.5715; }
.arco-btn > a:only-child { color: currentcolor; }
.arco-btn:active { transition: none; }
.arco-btn-long { display: block; width: 100%; }
.arco-btn-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.arco-btn-link:not([href]) { color: var(--biz-dist-map-select-color-text-4); }
.arco-btn-link:hover { text-decoration: none; }
.arco-btn-loading { cursor: default; position: relative; }
.arco-btn-loading::before { content: ""; position: absolute; inset: -1px; z-index: 1; display: block; background: rgb(255, 255, 255); border-radius: inherit; opacity: 0.4; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; }
.arco-btn-loading-fixed-width { transition: none; }
.arco-btn-two-chinese-chars > :not(svg) { letter-spacing: 0.3em; margin-right: -0.3em; }
a.arco-btn-icon-only { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; }
.arco-btn-outline:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-primary-6)); border: 1px solid rgb(var(--biz-dist-map-select-primary-6)); }
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--biz-dist-map-select-primary-5)); color: rgb(var(--biz-dist-map-select-primary-5)); background-color: transparent; }
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--biz-dist-map-select-primary-7)); color: rgb(var(--biz-dist-map-select-primary-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-disabled { background-color: transparent; color: var(--biz-dist-map-select-color-primary-light-3); border: 1px solid var(--biz-dist-map-select-color-primary-light-3); cursor: not-allowed; }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); border-color: rgb(var(--biz-dist-map-select-warning-6)); }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--biz-dist-map-select-warning-5)); color: rgb(var(--biz-dist-map-select-warning-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--biz-dist-map-select-warning-7)); color: rgb(var(--biz-dist-map-select-warning-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled { color: var(--biz-dist-map-select-color-warning-light-3); background-color: transparent; border: 1px solid var(--biz-dist-map-select-color-warning-light-3); }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); border-color: rgb(var(--biz-dist-map-select-danger-6)); }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--biz-dist-map-select-danger-5)); color: rgb(var(--biz-dist-map-select-danger-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--biz-dist-map-select-danger-7)); color: rgb(var(--biz-dist-map-select-danger-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled { color: var(--biz-dist-map-select-color-danger-light-3); background-color: transparent; border: 1px solid var(--biz-dist-map-select-color-danger-light-3); }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); border-color: rgb(var(--biz-dist-map-select-success-6)); }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--biz-dist-map-select-success-5)); color: rgb(var(--biz-dist-map-select-success-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--biz-dist-map-select-success-7)); color: rgb(var(--biz-dist-map-select-success-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-success.arco-btn-disabled { color: var(--biz-dist-map-select-color-success-light-3); background-color: transparent; border: 1px solid var(--biz-dist-map-select-color-success-light-3); }
.arco-btn-primary:not(.arco-btn-disabled) { background-color: rgb(var(--biz-dist-map-select-primary-6)); color: rgb(255, 255, 255); border: 1px solid transparent; }
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-primary-5)); }
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-primary-7)); }
.arco-btn-primary.arco-btn-disabled { background-color: var(--biz-dist-map-select-color-primary-light-3); color: rgb(255, 255, 255); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: rgb(var(--biz-dist-map-select-warning-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-warning-5)); }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-warning-7)); }
.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--biz-dist-map-select-color-warning-light-3); border: 1px solid transparent; }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: rgb(var(--biz-dist-map-select-danger-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-danger-5)); }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-danger-7)); }
.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--biz-dist-map-select-color-danger-light-3); border: 1px solid transparent; }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: rgb(var(--biz-dist-map-select-success-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-success-5)); }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--biz-dist-map-select-success-7)); }
.arco-btn-primary.arco-btn-status-success.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--biz-dist-map-select-color-success-light-3); border: 1px solid transparent; }
.arco-btn-secondary:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-secondary); color: var(--biz-dist-map-select-color-text-2); border: 1px solid transparent; }
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: var(--biz-dist-map-select-color-text-2); background-color: var(--biz-dist-map-select-color-secondary-hover); }
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: var(--biz-dist-map-select-color-text-2); background-color: var(--biz-dist-map-select-color-secondary-active); }
.arco-btn-secondary.arco-btn-disabled { background-color: var(--biz-dist-map-select-color-secondary-disabled); color: var(--biz-dist-map-select-color-text-4); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-warning-light-1); color: rgb(var(--biz-dist-map-select-warning-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-warning-light-2); }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-warning-light-3); }
.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled { color: var(--biz-dist-map-select-color-warning-light-3); background-color: var(--biz-dist-map-select-color-warning-light-1); border: 1px solid transparent; }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-danger-light-1); color: rgb(var(--biz-dist-map-select-danger-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-danger-light-3); }
.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled { color: var(--biz-dist-map-select-color-danger-light-3); background-color: var(--biz-dist-map-select-color-danger-light-1); border: 1px solid transparent; }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-success-light-1); color: rgb(var(--biz-dist-map-select-success-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-success-light-2); }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-success-light-3); }
.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled { color: var(--biz-dist-map-select-color-success-light-3); background-color: var(--biz-dist-map-select-color-success-light-1); border: 1px solid transparent; }
.arco-btn-dashed:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-2); border: 1px dashed var(--biz-dist-map-select-color-neutral-3); }
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--biz-dist-map-select-color-neutral-4); color: var(--biz-dist-map-select-color-text-2); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--biz-dist-map-select-color-neutral-5); color: var(--biz-dist-map-select-color-text-2); background-color: var(--biz-dist-map-select-color-fill-4); }
.arco-btn-dashed.arco-btn-disabled { background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-4); border: 1px dashed var(--biz-dist-map-select-color-neutral-3); cursor: not-allowed; }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-warning-light-1); color: rgb(var(--biz-dist-map-select-warning-6)); border-color: var(--biz-dist-map-select-color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--biz-dist-map-select-color-warning-light-3); color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--biz-dist-map-select-color-warning-light-4); color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-warning-light-3); }
.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled { color: var(--biz-dist-map-select-color-warning-light-3); background-color: var(--biz-dist-map-select-color-warning-light-1); border: 1px dashed var(--biz-dist-map-select-color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-danger-light-1); color: rgb(var(--biz-dist-map-select-danger-6)); border-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--biz-dist-map-select-color-danger-light-3); color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--biz-dist-map-select-color-danger-light-4); color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-danger-light-3); }
.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled { color: var(--biz-dist-map-select-color-danger-light-3); background-color: var(--biz-dist-map-select-color-danger-light-1); border: 1px dashed var(--biz-dist-map-select-color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--biz-dist-map-select-color-success-light-1); color: rgb(var(--biz-dist-map-select-success-6)); border-color: var(--biz-dist-map-select-color-success-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--biz-dist-map-select-color-success-light-3); color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-success-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--biz-dist-map-select-color-success-light-4); color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-success-light-3); }
.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled { color: var(--biz-dist-map-select-color-success-light-3); background-color: var(--biz-dist-map-select-color-success-light-1); border: 1px dashed var(--biz-dist-map-select-color-success-light-2); }
.arco-btn-text:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-primary-6)); border: 1px solid transparent; }
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-primary-6)); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-primary-6)); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-btn-text.arco-btn-disabled { background-color: transparent; color: var(--biz-dist-map-select-color-primary-light-3); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-warning-6)); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-btn-text.arco-btn-status-warning.arco-btn-disabled { color: var(--biz-dist-map-select-color-warning-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-btn-text.arco-btn-status-danger.arco-btn-disabled { color: var(--biz-dist-map-select-color-danger-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--biz-dist-map-select-success-6)); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-btn-text.arco-btn-status-success.arco-btn-disabled { color: var(--biz-dist-map-select-color-success-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-size-mini { padding: 0px 11px; font-size: 12px; height: 24px; border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-btn-size-mini > svg + span, .arco-btn-size-mini > span + svg { margin-left: 4px; }
.arco-btn-size-mini svg { vertical-align: -2px; }
.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 3px; padding-right: 3px; }
.arco-btn-size-mini.arco-btn-icon-only { width: 24px; height: 24px; padding: 0px; }
.arco-btn-size-mini.arco-btn-shape-circle { width: 24px; height: 24px; padding: 0px; text-align: center; border-radius: var(--biz-dist-map-select-border-radius-circle); }
.arco-btn-size-mini.arco-btn-shape-round { border-radius: calc(12px); }
.arco-btn-size-small { padding: 0px 15px; font-size: 14px; height: 28px; border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-btn-size-small > svg + span, .arco-btn-size-small > span + svg { margin-left: 6px; }
.arco-btn-size-small svg { vertical-align: -2px; }
.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 5px; padding-right: 5px; }
.arco-btn-size-small.arco-btn-icon-only { width: 28px; height: 28px; padding: 0px; }
.arco-btn-size-small.arco-btn-shape-circle { width: 28px; height: 28px; padding: 0px; text-align: center; border-radius: var(--biz-dist-map-select-border-radius-circle); }
.arco-btn-size-small.arco-btn-shape-round { border-radius: calc(14px); }
.arco-btn-size-default { padding: 0px 15px; font-size: 14px; height: 32px; border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-btn-size-default > svg + span, .arco-btn-size-default > span + svg { margin-left: 8px; }
.arco-btn-size-default svg { vertical-align: -2px; }
.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 4px; padding-right: 4px; }
.arco-btn-size-default.arco-btn-icon-only { width: 32px; height: 32px; padding: 0px; }
.arco-btn-size-default.arco-btn-shape-circle { width: 32px; height: 32px; padding: 0px; text-align: center; border-radius: var(--biz-dist-map-select-border-radius-circle); }
.arco-btn-size-default.arco-btn-shape-round { border-radius: calc(16px); }
.arco-btn-size-large { padding: 0px 19px; font-size: 14px; height: 36px; border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-btn-size-large > svg + span, .arco-btn-size-large > span + svg { margin-left: 8px; }
.arco-btn-size-large svg { vertical-align: -2px; }
.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 8px; padding-right: 8px; }
.arco-btn-size-large.arco-btn-icon-only { width: 36px; height: 36px; padding: 0px; }
.arco-btn-size-large.arco-btn-shape-circle { width: 36px; height: 36px; padding: 0px; text-align: center; border-radius: var(--biz-dist-map-select-border-radius-circle); }
.arco-btn-size-large.arco-btn-shape-round { border-radius: calc(18px); }
.arco-btn-group { display: inline-block; }
.arco-btn-group .arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-dashed:not(:first-child) { margin-left: -1px; }
.arco-btn-group .arco-btn-primary:not(:last-child) { border-right: 1px solid rgb(var(--biz-dist-map-select-primary-5)); }
.arco-btn-group .arco-btn-secondary:not(:last-child) { border-right: 1px solid var(--biz-dist-map-select-color-secondary-hover); }
.arco-btn-group .arco-btn-status-warning:not(:last-child) { border-right: 1px solid rgb(var(--biz-dist-map-select-warning-5)); }
.arco-btn-group .arco-btn-status-danger:not(:last-child) { border-right: 1px solid rgb(var(--biz-dist-map-select-danger-5)); }
.arco-btn-group .arco-btn-status-success:not(:last-child) { border-right: 1px solid rgb(var(--biz-dist-map-select-success-5)); }
.arco-btn-group .arco-btn-outline:hover, .arco-btn-group .arco-btn-dashed:hover, .arco-btn-group .arco-btn-outline:active, .arco-btn-group .arco-btn-dashed:active { z-index: 2; }
.arco-btn-group .arco-btn:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-btn-group .arco-btn:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-btn-group .arco-btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.biz-dist-map-select[arco-theme="dark"] .arco-btn-primary.arco-btn-disabled { color: rgba(255, 255, 255, 0.3); }
.arco-card { position: relative; background: var(--biz-dist-map-select-color-bg-2); transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); border-radius: var(--biz-dist-map-select-border-radius-none); }
.arco-card-header { display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; border-bottom: 1px solid var(--biz-dist-map-select-color-neutral-3); overflow: hidden; }
.arco-card-header-no-title::before { content: " "; display: block; }
.arco-card-header-title { flex: 1 1 0%; font-weight: 500; color: var(--biz-dist-map-select-color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-header-extra { color: rgb(var(--biz-dist-map-select-primary-6)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-body { color: var(--biz-dist-map-select-color-text-2); }
.arco-card-cover { overflow: hidden; }
.arco-card-cover > * { display: block; width: 100%; }
.arco-card-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.arco-card-actions::before { content: ""; visibility: hidden; }
.arco-card-actions-right { display: flex; align-items: center; }
.arco-card-actions-item { display: flex; align-items: center; justify-content: center; color: var(--biz-dist-map-select-color-text-2); cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-card-actions-item:hover { color: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-card-actions-item:not(:last-child) { margin-right: 12px; }
.arco-card-meta-footer { display: flex; align-items: center; justify-content: space-between; }
.arco-card-meta-footer:last-child { margin-top: 20px; }
.arco-card-meta-footer-only-actions::before { content: ""; visibility: hidden; }
.arco-card-meta-footer .arco-card-actions { margin-top: 0px; }
.arco-card-meta-title { font-weight: 500; color: var(--biz-dist-map-select-color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-meta-description:not(:first-child) { margin-top: 4px; }
.arco-card-grid { position: relative; box-sizing: border-box; width: 33.33%; box-shadow: 1px 0 0 0 var(--biz-dist-map-select-color-neutral-3), 0 1px 0 0 var(--biz-dist-map-select-color-neutral-3), 1px 1px 0 0 var(--biz-dist-map-select-color-neutral-3), 1px 0 0 0 var(--biz-dist-map-select-color-neutral-3) inset, 0 1px 0 0 var(--biz-dist-map-select-color-neutral-3) inset; }
.arco-card-grid::before { content: ""; pointer-events: none; position: absolute; inset: 0px; transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-card-grid-hoverable:hover { z-index: 1; }
.arco-card-grid-hoverable:hover::before { box-shadow: 0 4px 10px rgb(var(--biz-dist-map-select-gray-2)); }
.arco-card-grid .arco-card { background: none; box-shadow: none; }
.arco-card-contain-grid:not(.arco-card-loading) > .arco-card-body { display: flex; flex-wrap: wrap; margin: 0px -1px; padding: 0px; }
.arco-card-hoverable:hover { box-shadow: 0 4px 10px rgb(var(--biz-dist-map-select-gray-2)); }
.arco-card-bordered { border: 1px solid var(--biz-dist-map-select-color-neutral-3); border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-card-bordered .arco-card-cover { border-radius: var(--biz-dist-map-select-border-radius-small) var(--biz-dist-map-select-border-radius-small) 0 0; }
.arco-card-loading .arco-card-body { overflow: hidden; text-align: center; }
.arco-card-size-default { font-size: 14px; }
.arco-card-size-default .arco-card-header { height: 46px; padding-left: 16px; padding-right: 16px; }
.arco-card-size-default .arco-card-header-title, .arco-card-size-default .arco-card-meta-title { font-size: 16px; }
.arco-card-size-default .arco-card-header-extra { font-size: 14px; }
.arco-card-size-default .arco-card-body { padding: 16px; }
.arco-card-size-small { font-size: 14px; }
.arco-card-size-small .arco-card-header { height: 40px; padding-left: 16px; padding-right: 16px; }
.arco-card-size-small .arco-card-header-title, .arco-card-size-small .arco-card-meta-title { font-size: 16px; }
.arco-card-size-small .arco-card-header-extra { font-size: 14px; }
.arco-card-size-small .arco-card-body { padding: 12px 16px; }
.biz-dist-map-select[arco-theme="dark"] .arco-card-grid-hoverable:hover::before, .biz-dist-map-select[arco-theme="dark"] .arco-card-hoverable:hover { box-shadow: 0 4px 10px rgba(var(--biz-dist-map-select-gray-1), 40%); }
.arco-row { display: flex; flex-flow: wrap; }
.arco-row-align-start { align-items: flex-start; }
.arco-row-align-center { align-items: center; }
.arco-row-align-end { align-items: flex-end; }
.arco-row-justify-start { justify-content: flex-start; }
.arco-row-justify-center { justify-content: center; }
.arco-row-justify-end { justify-content: flex-end; }
.arco-row-justify-space-around { justify-content: space-around; }
.arco-row-justify-space-between { justify-content: space-between; }
.arco-col { position: relative; box-sizing: border-box; }
.arco-col-1 { width: 4.16667%; flex: 0 0 4.16667%; }
.arco-col-2 { width: 8.33333%; flex: 0 0 8.33333%; }
.arco-col-3 { width: 12.5%; flex: 0 0 12.5%; }
.arco-col-4 { width: 16.6667%; flex: 0 0 16.6667%; }
.arco-col-5 { width: 20.8333%; flex: 0 0 20.8333%; }
.arco-col-6 { width: 25%; flex: 0 0 25%; }
.arco-col-7 { width: 29.1667%; flex: 0 0 29.1667%; }
.arco-col-8 { width: 33.3333%; flex: 0 0 33.3333%; }
.arco-col-9 { width: 37.5%; flex: 0 0 37.5%; }
.arco-col-10 { width: 41.6667%; flex: 0 0 41.6667%; }
.arco-col-11 { width: 45.8333%; flex: 0 0 45.8333%; }
.arco-col-12 { width: 50%; flex: 0 0 50%; }
.arco-col-13 { width: 54.1667%; flex: 0 0 54.1667%; }
.arco-col-14 { width: 58.3333%; flex: 0 0 58.3333%; }
.arco-col-15 { width: 62.5%; flex: 0 0 62.5%; }
.arco-col-16 { width: 66.6667%; flex: 0 0 66.6667%; }
.arco-col-17 { width: 70.8333%; flex: 0 0 70.8333%; }
.arco-col-18 { width: 75%; flex: 0 0 75%; }
.arco-col-19 { width: 79.1667%; flex: 0 0 79.1667%; }
.arco-col-20 { width: 83.3333%; flex: 0 0 83.3333%; }
.arco-col-21 { width: 87.5%; flex: 0 0 87.5%; }
.arco-col-22 { width: 91.6667%; flex: 0 0 91.6667%; }
.arco-col-23 { width: 95.8333%; flex: 0 0 95.8333%; }
.arco-col-24 { width: 100%; flex: 0 0 100%; }
.arco-col-offset-1 { margin-left: 4.16667%; }
.arco-col-offset-2 { margin-left: 8.33333%; }
.arco-col-offset-3 { margin-left: 12.5%; }
.arco-col-offset-4 { margin-left: 16.6667%; }
.arco-col-offset-5 { margin-left: 20.8333%; }
.arco-col-offset-6 { margin-left: 25%; }
.arco-col-offset-7 { margin-left: 29.1667%; }
.arco-col-offset-8 { margin-left: 33.3333%; }
.arco-col-offset-9 { margin-left: 37.5%; }
.arco-col-offset-10 { margin-left: 41.6667%; }
.arco-col-offset-11 { margin-left: 45.8333%; }
.arco-col-offset-12 { margin-left: 50%; }
.arco-col-offset-13 { margin-left: 54.1667%; }
.arco-col-offset-14 { margin-left: 58.3333%; }
.arco-col-offset-15 { margin-left: 62.5%; }
.arco-col-offset-16 { margin-left: 66.6667%; }
.arco-col-offset-17 { margin-left: 70.8333%; }
.arco-col-offset-18 { margin-left: 75%; }
.arco-col-offset-19 { margin-left: 79.1667%; }
.arco-col-offset-20 { margin-left: 83.3333%; }
.arco-col-offset-21 { margin-left: 87.5%; }
.arco-col-offset-22 { margin-left: 91.6667%; }
.arco-col-offset-23 { margin-left: 95.8333%; }
.arco-col-order-1 { order: 1; }
.arco-col-order-2 { order: 2; }
.arco-col-order-3 { order: 3; }
.arco-col-order-4 { order: 4; }
.arco-col-order-5 { order: 5; }
.arco-col-order-6 { order: 6; }
.arco-col-order-7 { order: 7; }
.arco-col-order-8 { order: 8; }
.arco-col-order-9 { order: 9; }
.arco-col-order-10 { order: 10; }
.arco-col-order-11 { order: 11; }
.arco-col-order-12 { order: 12; }
.arco-col-order-13 { order: 13; }
.arco-col-order-14 { order: 14; }
.arco-col-order-15 { order: 15; }
.arco-col-order-16 { order: 16; }
.arco-col-order-17 { order: 17; }
.arco-col-order-18 { order: 18; }
.arco-col-order-19 { order: 19; }
.arco-col-order-20 { order: 20; }
.arco-col-order-21 { order: 21; }
.arco-col-order-22 { order: 22; }
.arco-col-order-23 { order: 23; }
.arco-col-order-24 { order: 24; }
.arco-col-pull-1 { right: 4.16667%; }
.arco-col-pull-2 { right: 8.33333%; }
.arco-col-pull-3 { right: 12.5%; }
.arco-col-pull-4 { right: 16.6667%; }
.arco-col-pull-5 { right: 20.8333%; }
.arco-col-pull-6 { right: 25%; }
.arco-col-pull-7 { right: 29.1667%; }
.arco-col-pull-8 { right: 33.3333%; }
.arco-col-pull-9 { right: 37.5%; }
.arco-col-pull-10 { right: 41.6667%; }
.arco-col-pull-11 { right: 45.8333%; }
.arco-col-pull-12 { right: 50%; }
.arco-col-pull-13 { right: 54.1667%; }
.arco-col-pull-14 { right: 58.3333%; }
.arco-col-pull-15 { right: 62.5%; }
.arco-col-pull-16 { right: 66.6667%; }
.arco-col-pull-17 { right: 70.8333%; }
.arco-col-pull-18 { right: 75%; }
.arco-col-pull-19 { right: 79.1667%; }
.arco-col-pull-20 { right: 83.3333%; }
.arco-col-pull-21 { right: 87.5%; }
.arco-col-pull-22 { right: 91.6667%; }
.arco-col-pull-23 { right: 95.8333%; }
.arco-col-pull-24 { right: 100%; }
.arco-col-push-1 { left: 4.16667%; }
.arco-col-push-2 { left: 8.33333%; }
.arco-col-push-3 { left: 12.5%; }
.arco-col-push-4 { left: 16.6667%; }
.arco-col-push-5 { left: 20.8333%; }
.arco-col-push-6 { left: 25%; }
.arco-col-push-7 { left: 29.1667%; }
.arco-col-push-8 { left: 33.3333%; }
.arco-col-push-9 { left: 37.5%; }
.arco-col-push-10 { left: 41.6667%; }
.arco-col-push-11 { left: 45.8333%; }
.arco-col-push-12 { left: 50%; }
.arco-col-push-13 { left: 54.1667%; }
.arco-col-push-14 { left: 58.3333%; }
.arco-col-push-15 { left: 62.5%; }
.arco-col-push-16 { left: 66.6667%; }
.arco-col-push-17 { left: 70.8333%; }
.arco-col-push-18 { left: 75%; }
.arco-col-push-19 { left: 79.1667%; }
.arco-col-push-20 { left: 83.3333%; }
.arco-col-push-21 { left: 87.5%; }
.arco-col-push-22 { left: 91.6667%; }
.arco-col-push-23 { left: 95.8333%; }
.arco-col-push-24 { left: 100%; }
.arco-col-xs-1 { width: 4.16667%; flex: 0 0 4.16667%; }
.arco-col-xs-2 { width: 8.33333%; flex: 0 0 8.33333%; }
.arco-col-xs-3 { width: 12.5%; flex: 0 0 12.5%; }
.arco-col-xs-4 { width: 16.6667%; flex: 0 0 16.6667%; }
.arco-col-xs-5 { width: 20.8333%; flex: 0 0 20.8333%; }
.arco-col-xs-6 { width: 25%; flex: 0 0 25%; }
.arco-col-xs-7 { width: 29.1667%; flex: 0 0 29.1667%; }
.arco-col-xs-8 { width: 33.3333%; flex: 0 0 33.3333%; }
.arco-col-xs-9 { width: 37.5%; flex: 0 0 37.5%; }
.arco-col-xs-10 { width: 41.6667%; flex: 0 0 41.6667%; }
.arco-col-xs-11 { width: 45.8333%; flex: 0 0 45.8333%; }
.arco-col-xs-12 { width: 50%; flex: 0 0 50%; }
.arco-col-xs-13 { width: 54.1667%; flex: 0 0 54.1667%; }
.arco-col-xs-14 { width: 58.3333%; flex: 0 0 58.3333%; }
.arco-col-xs-15 { width: 62.5%; flex: 0 0 62.5%; }
.arco-col-xs-16 { width: 66.6667%; flex: 0 0 66.6667%; }
.arco-col-xs-17 { width: 70.8333%; flex: 0 0 70.8333%; }
.arco-col-xs-18 { width: 75%; flex: 0 0 75%; }
.arco-col-xs-19 { width: 79.1667%; flex: 0 0 79.1667%; }
.arco-col-xs-20 { width: 83.3333%; flex: 0 0 83.3333%; }
.arco-col-xs-21 { width: 87.5%; flex: 0 0 87.5%; }
.arco-col-xs-22 { width: 91.6667%; flex: 0 0 91.6667%; }
.arco-col-xs-23 { width: 95.8333%; flex: 0 0 95.8333%; }
.arco-col-xs-24 { width: 100%; flex: 0 0 100%; }
.arco-col-xs-offset-1 { margin-left: 4.16667%; }
.arco-col-xs-offset-2 { margin-left: 8.33333%; }
.arco-col-xs-offset-3 { margin-left: 12.5%; }
.arco-col-xs-offset-4 { margin-left: 16.6667%; }
.arco-col-xs-offset-5 { margin-left: 20.8333%; }
.arco-col-xs-offset-6 { margin-left: 25%; }
.arco-col-xs-offset-7 { margin-left: 29.1667%; }
.arco-col-xs-offset-8 { margin-left: 33.3333%; }
.arco-col-xs-offset-9 { margin-left: 37.5%; }
.arco-col-xs-offset-10 { margin-left: 41.6667%; }
.arco-col-xs-offset-11 { margin-left: 45.8333%; }
.arco-col-xs-offset-12 { margin-left: 50%; }
.arco-col-xs-offset-13 { margin-left: 54.1667%; }
.arco-col-xs-offset-14 { margin-left: 58.3333%; }
.arco-col-xs-offset-15 { margin-left: 62.5%; }
.arco-col-xs-offset-16 { margin-left: 66.6667%; }
.arco-col-xs-offset-17 { margin-left: 70.8333%; }
.arco-col-xs-offset-18 { margin-left: 75%; }
.arco-col-xs-offset-19 { margin-left: 79.1667%; }
.arco-col-xs-offset-20 { margin-left: 83.3333%; }
.arco-col-xs-offset-21 { margin-left: 87.5%; }
.arco-col-xs-offset-22 { margin-left: 91.6667%; }
.arco-col-xs-offset-23 { margin-left: 95.8333%; }
.arco-col-xs-order-1 { order: 1; }
.arco-col-xs-order-2 { order: 2; }
.arco-col-xs-order-3 { order: 3; }
.arco-col-xs-order-4 { order: 4; }
.arco-col-xs-order-5 { order: 5; }
.arco-col-xs-order-6 { order: 6; }
.arco-col-xs-order-7 { order: 7; }
.arco-col-xs-order-8 { order: 8; }
.arco-col-xs-order-9 { order: 9; }
.arco-col-xs-order-10 { order: 10; }
.arco-col-xs-order-11 { order: 11; }
.arco-col-xs-order-12 { order: 12; }
.arco-col-xs-order-13 { order: 13; }
.arco-col-xs-order-14 { order: 14; }
.arco-col-xs-order-15 { order: 15; }
.arco-col-xs-order-16 { order: 16; }
.arco-col-xs-order-17 { order: 17; }
.arco-col-xs-order-18 { order: 18; }
.arco-col-xs-order-19 { order: 19; }
.arco-col-xs-order-20 { order: 20; }
.arco-col-xs-order-21 { order: 21; }
.arco-col-xs-order-22 { order: 22; }
.arco-col-xs-order-23 { order: 23; }
.arco-col-xs-order-24 { order: 24; }
.arco-col-xs-pull-1 { right: 4.16667%; }
.arco-col-xs-pull-2 { right: 8.33333%; }
.arco-col-xs-pull-3 { right: 12.5%; }
.arco-col-xs-pull-4 { right: 16.6667%; }
.arco-col-xs-pull-5 { right: 20.8333%; }
.arco-col-xs-pull-6 { right: 25%; }
.arco-col-xs-pull-7 { right: 29.1667%; }
.arco-col-xs-pull-8 { right: 33.3333%; }
.arco-col-xs-pull-9 { right: 37.5%; }
.arco-col-xs-pull-10 { right: 41.6667%; }
.arco-col-xs-pull-11 { right: 45.8333%; }
.arco-col-xs-pull-12 { right: 50%; }
.arco-col-xs-pull-13 { right: 54.1667%; }
.arco-col-xs-pull-14 { right: 58.3333%; }
.arco-col-xs-pull-15 { right: 62.5%; }
.arco-col-xs-pull-16 { right: 66.6667%; }
.arco-col-xs-pull-17 { right: 70.8333%; }
.arco-col-xs-pull-18 { right: 75%; }
.arco-col-xs-pull-19 { right: 79.1667%; }
.arco-col-xs-pull-20 { right: 83.3333%; }
.arco-col-xs-pull-21 { right: 87.5%; }
.arco-col-xs-pull-22 { right: 91.6667%; }
.arco-col-xs-pull-23 { right: 95.8333%; }
.arco-col-xs-pull-24 { right: 100%; }
.arco-col-xs-push-1 { left: 4.16667%; }
.arco-col-xs-push-2 { left: 8.33333%; }
.arco-col-xs-push-3 { left: 12.5%; }
.arco-col-xs-push-4 { left: 16.6667%; }
.arco-col-xs-push-5 { left: 20.8333%; }
.arco-col-xs-push-6 { left: 25%; }
.arco-col-xs-push-7 { left: 29.1667%; }
.arco-col-xs-push-8 { left: 33.3333%; }
.arco-col-xs-push-9 { left: 37.5%; }
.arco-col-xs-push-10 { left: 41.6667%; }
.arco-col-xs-push-11 { left: 45.8333%; }
.arco-col-xs-push-12 { left: 50%; }
.arco-col-xs-push-13 { left: 54.1667%; }
.arco-col-xs-push-14 { left: 58.3333%; }
.arco-col-xs-push-15 { left: 62.5%; }
.arco-col-xs-push-16 { left: 66.6667%; }
.arco-col-xs-push-17 { left: 70.8333%; }
.arco-col-xs-push-18 { left: 75%; }
.arco-col-xs-push-19 { left: 79.1667%; }
.arco-col-xs-push-20 { left: 83.3333%; }
.arco-col-xs-push-21 { left: 87.5%; }
.arco-col-xs-push-22 { left: 91.6667%; }
.arco-col-xs-push-23 { left: 95.8333%; }
.arco-col-xs-push-24 { left: 100%; }
@media (min-width: 576px) {
  .arco-col-sm-1 { width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-sm-2 { width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-sm-3 { width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-sm-4 { width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-sm-5 { width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-sm-6 { width: 25%; flex: 0 0 25%; }
  .arco-col-sm-7 { width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-sm-8 { width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-sm-9 { width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-sm-10 { width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-sm-11 { width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-sm-12 { width: 50%; flex: 0 0 50%; }
  .arco-col-sm-13 { width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-sm-14 { width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-sm-15 { width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-sm-16 { width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-sm-17 { width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-sm-18 { width: 75%; flex: 0 0 75%; }
  .arco-col-sm-19 { width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-sm-20 { width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-sm-21 { width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-sm-22 { width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-sm-23 { width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-sm-24 { width: 100%; flex: 0 0 100%; }
  .arco-col-sm-offset-1 { margin-left: 4.16667%; }
  .arco-col-sm-offset-2 { margin-left: 8.33333%; }
  .arco-col-sm-offset-3 { margin-left: 12.5%; }
  .arco-col-sm-offset-4 { margin-left: 16.6667%; }
  .arco-col-sm-offset-5 { margin-left: 20.8333%; }
  .arco-col-sm-offset-6 { margin-left: 25%; }
  .arco-col-sm-offset-7 { margin-left: 29.1667%; }
  .arco-col-sm-offset-8 { margin-left: 33.3333%; }
  .arco-col-sm-offset-9 { margin-left: 37.5%; }
  .arco-col-sm-offset-10 { margin-left: 41.6667%; }
  .arco-col-sm-offset-11 { margin-left: 45.8333%; }
  .arco-col-sm-offset-12 { margin-left: 50%; }
  .arco-col-sm-offset-13 { margin-left: 54.1667%; }
  .arco-col-sm-offset-14 { margin-left: 58.3333%; }
  .arco-col-sm-offset-15 { margin-left: 62.5%; }
  .arco-col-sm-offset-16 { margin-left: 66.6667%; }
  .arco-col-sm-offset-17 { margin-left: 70.8333%; }
  .arco-col-sm-offset-18 { margin-left: 75%; }
  .arco-col-sm-offset-19 { margin-left: 79.1667%; }
  .arco-col-sm-offset-20 { margin-left: 83.3333%; }
  .arco-col-sm-offset-21 { margin-left: 87.5%; }
  .arco-col-sm-offset-22 { margin-left: 91.6667%; }
  .arco-col-sm-offset-23 { margin-left: 95.8333%; }
  .arco-col-sm-order-1 { order: 1; }
  .arco-col-sm-order-2 { order: 2; }
  .arco-col-sm-order-3 { order: 3; }
  .arco-col-sm-order-4 { order: 4; }
  .arco-col-sm-order-5 { order: 5; }
  .arco-col-sm-order-6 { order: 6; }
  .arco-col-sm-order-7 { order: 7; }
  .arco-col-sm-order-8 { order: 8; }
  .arco-col-sm-order-9 { order: 9; }
  .arco-col-sm-order-10 { order: 10; }
  .arco-col-sm-order-11 { order: 11; }
  .arco-col-sm-order-12 { order: 12; }
  .arco-col-sm-order-13 { order: 13; }
  .arco-col-sm-order-14 { order: 14; }
  .arco-col-sm-order-15 { order: 15; }
  .arco-col-sm-order-16 { order: 16; }
  .arco-col-sm-order-17 { order: 17; }
  .arco-col-sm-order-18 { order: 18; }
  .arco-col-sm-order-19 { order: 19; }
  .arco-col-sm-order-20 { order: 20; }
  .arco-col-sm-order-21 { order: 21; }
  .arco-col-sm-order-22 { order: 22; }
  .arco-col-sm-order-23 { order: 23; }
  .arco-col-sm-order-24 { order: 24; }
  .arco-col-sm-pull-1 { right: 4.16667%; }
  .arco-col-sm-pull-2 { right: 8.33333%; }
  .arco-col-sm-pull-3 { right: 12.5%; }
  .arco-col-sm-pull-4 { right: 16.6667%; }
  .arco-col-sm-pull-5 { right: 20.8333%; }
  .arco-col-sm-pull-6 { right: 25%; }
  .arco-col-sm-pull-7 { right: 29.1667%; }
  .arco-col-sm-pull-8 { right: 33.3333%; }
  .arco-col-sm-pull-9 { right: 37.5%; }
  .arco-col-sm-pull-10 { right: 41.6667%; }
  .arco-col-sm-pull-11 { right: 45.8333%; }
  .arco-col-sm-pull-12 { right: 50%; }
  .arco-col-sm-pull-13 { right: 54.1667%; }
  .arco-col-sm-pull-14 { right: 58.3333%; }
  .arco-col-sm-pull-15 { right: 62.5%; }
  .arco-col-sm-pull-16 { right: 66.6667%; }
  .arco-col-sm-pull-17 { right: 70.8333%; }
  .arco-col-sm-pull-18 { right: 75%; }
  .arco-col-sm-pull-19 { right: 79.1667%; }
  .arco-col-sm-pull-20 { right: 83.3333%; }
  .arco-col-sm-pull-21 { right: 87.5%; }
  .arco-col-sm-pull-22 { right: 91.6667%; }
  .arco-col-sm-pull-23 { right: 95.8333%; }
  .arco-col-sm-pull-24 { right: 100%; }
  .arco-col-sm-push-1 { left: 4.16667%; }
  .arco-col-sm-push-2 { left: 8.33333%; }
  .arco-col-sm-push-3 { left: 12.5%; }
  .arco-col-sm-push-4 { left: 16.6667%; }
  .arco-col-sm-push-5 { left: 20.8333%; }
  .arco-col-sm-push-6 { left: 25%; }
  .arco-col-sm-push-7 { left: 29.1667%; }
  .arco-col-sm-push-8 { left: 33.3333%; }
  .arco-col-sm-push-9 { left: 37.5%; }
  .arco-col-sm-push-10 { left: 41.6667%; }
  .arco-col-sm-push-11 { left: 45.8333%; }
  .arco-col-sm-push-12 { left: 50%; }
  .arco-col-sm-push-13 { left: 54.1667%; }
  .arco-col-sm-push-14 { left: 58.3333%; }
  .arco-col-sm-push-15 { left: 62.5%; }
  .arco-col-sm-push-16 { left: 66.6667%; }
  .arco-col-sm-push-17 { left: 70.8333%; }
  .arco-col-sm-push-18 { left: 75%; }
  .arco-col-sm-push-19 { left: 79.1667%; }
  .arco-col-sm-push-20 { left: 83.3333%; }
  .arco-col-sm-push-21 { left: 87.5%; }
  .arco-col-sm-push-22 { left: 91.6667%; }
  .arco-col-sm-push-23 { left: 95.8333%; }
  .arco-col-sm-push-24 { left: 100%; }
}
@media (min-width: 768px) {
  .arco-col-md-1 { width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-md-2 { width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-md-3 { width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-md-4 { width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-md-5 { width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-md-6 { width: 25%; flex: 0 0 25%; }
  .arco-col-md-7 { width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-md-8 { width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-md-9 { width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-md-10 { width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-md-11 { width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-md-12 { width: 50%; flex: 0 0 50%; }
  .arco-col-md-13 { width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-md-14 { width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-md-15 { width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-md-16 { width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-md-17 { width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-md-18 { width: 75%; flex: 0 0 75%; }
  .arco-col-md-19 { width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-md-20 { width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-md-21 { width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-md-22 { width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-md-23 { width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-md-24 { width: 100%; flex: 0 0 100%; }
  .arco-col-md-offset-1 { margin-left: 4.16667%; }
  .arco-col-md-offset-2 { margin-left: 8.33333%; }
  .arco-col-md-offset-3 { margin-left: 12.5%; }
  .arco-col-md-offset-4 { margin-left: 16.6667%; }
  .arco-col-md-offset-5 { margin-left: 20.8333%; }
  .arco-col-md-offset-6 { margin-left: 25%; }
  .arco-col-md-offset-7 { margin-left: 29.1667%; }
  .arco-col-md-offset-8 { margin-left: 33.3333%; }
  .arco-col-md-offset-9 { margin-left: 37.5%; }
  .arco-col-md-offset-10 { margin-left: 41.6667%; }
  .arco-col-md-offset-11 { margin-left: 45.8333%; }
  .arco-col-md-offset-12 { margin-left: 50%; }
  .arco-col-md-offset-13 { margin-left: 54.1667%; }
  .arco-col-md-offset-14 { margin-left: 58.3333%; }
  .arco-col-md-offset-15 { margin-left: 62.5%; }
  .arco-col-md-offset-16 { margin-left: 66.6667%; }
  .arco-col-md-offset-17 { margin-left: 70.8333%; }
  .arco-col-md-offset-18 { margin-left: 75%; }
  .arco-col-md-offset-19 { margin-left: 79.1667%; }
  .arco-col-md-offset-20 { margin-left: 83.3333%; }
  .arco-col-md-offset-21 { margin-left: 87.5%; }
  .arco-col-md-offset-22 { margin-left: 91.6667%; }
  .arco-col-md-offset-23 { margin-left: 95.8333%; }
  .arco-col-md-order-1 { order: 1; }
  .arco-col-md-order-2 { order: 2; }
  .arco-col-md-order-3 { order: 3; }
  .arco-col-md-order-4 { order: 4; }
  .arco-col-md-order-5 { order: 5; }
  .arco-col-md-order-6 { order: 6; }
  .arco-col-md-order-7 { order: 7; }
  .arco-col-md-order-8 { order: 8; }
  .arco-col-md-order-9 { order: 9; }
  .arco-col-md-order-10 { order: 10; }
  .arco-col-md-order-11 { order: 11; }
  .arco-col-md-order-12 { order: 12; }
  .arco-col-md-order-13 { order: 13; }
  .arco-col-md-order-14 { order: 14; }
  .arco-col-md-order-15 { order: 15; }
  .arco-col-md-order-16 { order: 16; }
  .arco-col-md-order-17 { order: 17; }
  .arco-col-md-order-18 { order: 18; }
  .arco-col-md-order-19 { order: 19; }
  .arco-col-md-order-20 { order: 20; }
  .arco-col-md-order-21 { order: 21; }
  .arco-col-md-order-22 { order: 22; }
  .arco-col-md-order-23 { order: 23; }
  .arco-col-md-order-24 { order: 24; }
  .arco-col-md-pull-1 { right: 4.16667%; }
  .arco-col-md-pull-2 { right: 8.33333%; }
  .arco-col-md-pull-3 { right: 12.5%; }
  .arco-col-md-pull-4 { right: 16.6667%; }
  .arco-col-md-pull-5 { right: 20.8333%; }
  .arco-col-md-pull-6 { right: 25%; }
  .arco-col-md-pull-7 { right: 29.1667%; }
  .arco-col-md-pull-8 { right: 33.3333%; }
  .arco-col-md-pull-9 { right: 37.5%; }
  .arco-col-md-pull-10 { right: 41.6667%; }
  .arco-col-md-pull-11 { right: 45.8333%; }
  .arco-col-md-pull-12 { right: 50%; }
  .arco-col-md-pull-13 { right: 54.1667%; }
  .arco-col-md-pull-14 { right: 58.3333%; }
  .arco-col-md-pull-15 { right: 62.5%; }
  .arco-col-md-pull-16 { right: 66.6667%; }
  .arco-col-md-pull-17 { right: 70.8333%; }
  .arco-col-md-pull-18 { right: 75%; }
  .arco-col-md-pull-19 { right: 79.1667%; }
  .arco-col-md-pull-20 { right: 83.3333%; }
  .arco-col-md-pull-21 { right: 87.5%; }
  .arco-col-md-pull-22 { right: 91.6667%; }
  .arco-col-md-pull-23 { right: 95.8333%; }
  .arco-col-md-pull-24 { right: 100%; }
  .arco-col-md-push-1 { left: 4.16667%; }
  .arco-col-md-push-2 { left: 8.33333%; }
  .arco-col-md-push-3 { left: 12.5%; }
  .arco-col-md-push-4 { left: 16.6667%; }
  .arco-col-md-push-5 { left: 20.8333%; }
  .arco-col-md-push-6 { left: 25%; }
  .arco-col-md-push-7 { left: 29.1667%; }
  .arco-col-md-push-8 { left: 33.3333%; }
  .arco-col-md-push-9 { left: 37.5%; }
  .arco-col-md-push-10 { left: 41.6667%; }
  .arco-col-md-push-11 { left: 45.8333%; }
  .arco-col-md-push-12 { left: 50%; }
  .arco-col-md-push-13 { left: 54.1667%; }
  .arco-col-md-push-14 { left: 58.3333%; }
  .arco-col-md-push-15 { left: 62.5%; }
  .arco-col-md-push-16 { left: 66.6667%; }
  .arco-col-md-push-17 { left: 70.8333%; }
  .arco-col-md-push-18 { left: 75%; }
  .arco-col-md-push-19 { left: 79.1667%; }
  .arco-col-md-push-20 { left: 83.3333%; }
  .arco-col-md-push-21 { left: 87.5%; }
  .arco-col-md-push-22 { left: 91.6667%; }
  .arco-col-md-push-23 { left: 95.8333%; }
  .arco-col-md-push-24 { left: 100%; }
}
@media (min-width: 992px) {
  .arco-col-lg-1 { width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-lg-2 { width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-lg-3 { width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-lg-4 { width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-lg-5 { width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-lg-6 { width: 25%; flex: 0 0 25%; }
  .arco-col-lg-7 { width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-lg-8 { width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-lg-9 { width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-lg-10 { width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-lg-11 { width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-lg-12 { width: 50%; flex: 0 0 50%; }
  .arco-col-lg-13 { width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-lg-14 { width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-lg-15 { width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-lg-16 { width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-lg-17 { width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-lg-18 { width: 75%; flex: 0 0 75%; }
  .arco-col-lg-19 { width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-lg-20 { width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-lg-21 { width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-lg-22 { width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-lg-23 { width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-lg-24 { width: 100%; flex: 0 0 100%; }
  .arco-col-lg-offset-1 { margin-left: 4.16667%; }
  .arco-col-lg-offset-2 { margin-left: 8.33333%; }
  .arco-col-lg-offset-3 { margin-left: 12.5%; }
  .arco-col-lg-offset-4 { margin-left: 16.6667%; }
  .arco-col-lg-offset-5 { margin-left: 20.8333%; }
  .arco-col-lg-offset-6 { margin-left: 25%; }
  .arco-col-lg-offset-7 { margin-left: 29.1667%; }
  .arco-col-lg-offset-8 { margin-left: 33.3333%; }
  .arco-col-lg-offset-9 { margin-left: 37.5%; }
  .arco-col-lg-offset-10 { margin-left: 41.6667%; }
  .arco-col-lg-offset-11 { margin-left: 45.8333%; }
  .arco-col-lg-offset-12 { margin-left: 50%; }
  .arco-col-lg-offset-13 { margin-left: 54.1667%; }
  .arco-col-lg-offset-14 { margin-left: 58.3333%; }
  .arco-col-lg-offset-15 { margin-left: 62.5%; }
  .arco-col-lg-offset-16 { margin-left: 66.6667%; }
  .arco-col-lg-offset-17 { margin-left: 70.8333%; }
  .arco-col-lg-offset-18 { margin-left: 75%; }
  .arco-col-lg-offset-19 { margin-left: 79.1667%; }
  .arco-col-lg-offset-20 { margin-left: 83.3333%; }
  .arco-col-lg-offset-21 { margin-left: 87.5%; }
  .arco-col-lg-offset-22 { margin-left: 91.6667%; }
  .arco-col-lg-offset-23 { margin-left: 95.8333%; }
  .arco-col-lg-order-1 { order: 1; }
  .arco-col-lg-order-2 { order: 2; }
  .arco-col-lg-order-3 { order: 3; }
  .arco-col-lg-order-4 { order: 4; }
  .arco-col-lg-order-5 { order: 5; }
  .arco-col-lg-order-6 { order: 6; }
  .arco-col-lg-order-7 { order: 7; }
  .arco-col-lg-order-8 { order: 8; }
  .arco-col-lg-order-9 { order: 9; }
  .arco-col-lg-order-10 { order: 10; }
  .arco-col-lg-order-11 { order: 11; }
  .arco-col-lg-order-12 { order: 12; }
  .arco-col-lg-order-13 { order: 13; }
  .arco-col-lg-order-14 { order: 14; }
  .arco-col-lg-order-15 { order: 15; }
  .arco-col-lg-order-16 { order: 16; }
  .arco-col-lg-order-17 { order: 17; }
  .arco-col-lg-order-18 { order: 18; }
  .arco-col-lg-order-19 { order: 19; }
  .arco-col-lg-order-20 { order: 20; }
  .arco-col-lg-order-21 { order: 21; }
  .arco-col-lg-order-22 { order: 22; }
  .arco-col-lg-order-23 { order: 23; }
  .arco-col-lg-order-24 { order: 24; }
  .arco-col-lg-pull-1 { right: 4.16667%; }
  .arco-col-lg-pull-2 { right: 8.33333%; }
  .arco-col-lg-pull-3 { right: 12.5%; }
  .arco-col-lg-pull-4 { right: 16.6667%; }
  .arco-col-lg-pull-5 { right: 20.8333%; }
  .arco-col-lg-pull-6 { right: 25%; }
  .arco-col-lg-pull-7 { right: 29.1667%; }
  .arco-col-lg-pull-8 { right: 33.3333%; }
  .arco-col-lg-pull-9 { right: 37.5%; }
  .arco-col-lg-pull-10 { right: 41.6667%; }
  .arco-col-lg-pull-11 { right: 45.8333%; }
  .arco-col-lg-pull-12 { right: 50%; }
  .arco-col-lg-pull-13 { right: 54.1667%; }
  .arco-col-lg-pull-14 { right: 58.3333%; }
  .arco-col-lg-pull-15 { right: 62.5%; }
  .arco-col-lg-pull-16 { right: 66.6667%; }
  .arco-col-lg-pull-17 { right: 70.8333%; }
  .arco-col-lg-pull-18 { right: 75%; }
  .arco-col-lg-pull-19 { right: 79.1667%; }
  .arco-col-lg-pull-20 { right: 83.3333%; }
  .arco-col-lg-pull-21 { right: 87.5%; }
  .arco-col-lg-pull-22 { right: 91.6667%; }
  .arco-col-lg-pull-23 { right: 95.8333%; }
  .arco-col-lg-pull-24 { right: 100%; }
  .arco-col-lg-push-1 { left: 4.16667%; }
  .arco-col-lg-push-2 { left: 8.33333%; }
  .arco-col-lg-push-3 { left: 12.5%; }
  .arco-col-lg-push-4 { left: 16.6667%; }
  .arco-col-lg-push-5 { left: 20.8333%; }
  .arco-col-lg-push-6 { left: 25%; }
  .arco-col-lg-push-7 { left: 29.1667%; }
  .arco-col-lg-push-8 { left: 33.3333%; }
  .arco-col-lg-push-9 { left: 37.5%; }
  .arco-col-lg-push-10 { left: 41.6667%; }
  .arco-col-lg-push-11 { left: 45.8333%; }
  .arco-col-lg-push-12 { left: 50%; }
  .arco-col-lg-push-13 { left: 54.1667%; }
  .arco-col-lg-push-14 { left: 58.3333%; }
  .arco-col-lg-push-15 { left: 62.5%; }
  .arco-col-lg-push-16 { left: 66.6667%; }
  .arco-col-lg-push-17 { left: 70.8333%; }
  .arco-col-lg-push-18 { left: 75%; }
  .arco-col-lg-push-19 { left: 79.1667%; }
  .arco-col-lg-push-20 { left: 83.3333%; }
  .arco-col-lg-push-21 { left: 87.5%; }
  .arco-col-lg-push-22 { left: 91.6667%; }
  .arco-col-lg-push-23 { left: 95.8333%; }
  .arco-col-lg-push-24 { left: 100%; }
}
@media (min-width: 1200px) {
  .arco-col-xl-1 { width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xl-2 { width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xl-3 { width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xl-4 { width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xl-5 { width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xl-6 { width: 25%; flex: 0 0 25%; }
  .arco-col-xl-7 { width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xl-8 { width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xl-9 { width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xl-10 { width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xl-11 { width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xl-12 { width: 50%; flex: 0 0 50%; }
  .arco-col-xl-13 { width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xl-14 { width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xl-15 { width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xl-16 { width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xl-17 { width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xl-18 { width: 75%; flex: 0 0 75%; }
  .arco-col-xl-19 { width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xl-20 { width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xl-21 { width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xl-22 { width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xl-23 { width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xl-24 { width: 100%; flex: 0 0 100%; }
  .arco-col-xl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xl-offset-3 { margin-left: 12.5%; }
  .arco-col-xl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xl-offset-6 { margin-left: 25%; }
  .arco-col-xl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xl-offset-9 { margin-left: 37.5%; }
  .arco-col-xl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xl-offset-12 { margin-left: 50%; }
  .arco-col-xl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xl-offset-15 { margin-left: 62.5%; }
  .arco-col-xl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xl-offset-18 { margin-left: 75%; }
  .arco-col-xl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xl-offset-21 { margin-left: 87.5%; }
  .arco-col-xl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xl-order-1 { order: 1; }
  .arco-col-xl-order-2 { order: 2; }
  .arco-col-xl-order-3 { order: 3; }
  .arco-col-xl-order-4 { order: 4; }
  .arco-col-xl-order-5 { order: 5; }
  .arco-col-xl-order-6 { order: 6; }
  .arco-col-xl-order-7 { order: 7; }
  .arco-col-xl-order-8 { order: 8; }
  .arco-col-xl-order-9 { order: 9; }
  .arco-col-xl-order-10 { order: 10; }
  .arco-col-xl-order-11 { order: 11; }
  .arco-col-xl-order-12 { order: 12; }
  .arco-col-xl-order-13 { order: 13; }
  .arco-col-xl-order-14 { order: 14; }
  .arco-col-xl-order-15 { order: 15; }
  .arco-col-xl-order-16 { order: 16; }
  .arco-col-xl-order-17 { order: 17; }
  .arco-col-xl-order-18 { order: 18; }
  .arco-col-xl-order-19 { order: 19; }
  .arco-col-xl-order-20 { order: 20; }
  .arco-col-xl-order-21 { order: 21; }
  .arco-col-xl-order-22 { order: 22; }
  .arco-col-xl-order-23 { order: 23; }
  .arco-col-xl-order-24 { order: 24; }
  .arco-col-xl-pull-1 { right: 4.16667%; }
  .arco-col-xl-pull-2 { right: 8.33333%; }
  .arco-col-xl-pull-3 { right: 12.5%; }
  .arco-col-xl-pull-4 { right: 16.6667%; }
  .arco-col-xl-pull-5 { right: 20.8333%; }
  .arco-col-xl-pull-6 { right: 25%; }
  .arco-col-xl-pull-7 { right: 29.1667%; }
  .arco-col-xl-pull-8 { right: 33.3333%; }
  .arco-col-xl-pull-9 { right: 37.5%; }
  .arco-col-xl-pull-10 { right: 41.6667%; }
  .arco-col-xl-pull-11 { right: 45.8333%; }
  .arco-col-xl-pull-12 { right: 50%; }
  .arco-col-xl-pull-13 { right: 54.1667%; }
  .arco-col-xl-pull-14 { right: 58.3333%; }
  .arco-col-xl-pull-15 { right: 62.5%; }
  .arco-col-xl-pull-16 { right: 66.6667%; }
  .arco-col-xl-pull-17 { right: 70.8333%; }
  .arco-col-xl-pull-18 { right: 75%; }
  .arco-col-xl-pull-19 { right: 79.1667%; }
  .arco-col-xl-pull-20 { right: 83.3333%; }
  .arco-col-xl-pull-21 { right: 87.5%; }
  .arco-col-xl-pull-22 { right: 91.6667%; }
  .arco-col-xl-pull-23 { right: 95.8333%; }
  .arco-col-xl-pull-24 { right: 100%; }
  .arco-col-xl-push-1 { left: 4.16667%; }
  .arco-col-xl-push-2 { left: 8.33333%; }
  .arco-col-xl-push-3 { left: 12.5%; }
  .arco-col-xl-push-4 { left: 16.6667%; }
  .arco-col-xl-push-5 { left: 20.8333%; }
  .arco-col-xl-push-6 { left: 25%; }
  .arco-col-xl-push-7 { left: 29.1667%; }
  .arco-col-xl-push-8 { left: 33.3333%; }
  .arco-col-xl-push-9 { left: 37.5%; }
  .arco-col-xl-push-10 { left: 41.6667%; }
  .arco-col-xl-push-11 { left: 45.8333%; }
  .arco-col-xl-push-12 { left: 50%; }
  .arco-col-xl-push-13 { left: 54.1667%; }
  .arco-col-xl-push-14 { left: 58.3333%; }
  .arco-col-xl-push-15 { left: 62.5%; }
  .arco-col-xl-push-16 { left: 66.6667%; }
  .arco-col-xl-push-17 { left: 70.8333%; }
  .arco-col-xl-push-18 { left: 75%; }
  .arco-col-xl-push-19 { left: 79.1667%; }
  .arco-col-xl-push-20 { left: 83.3333%; }
  .arco-col-xl-push-21 { left: 87.5%; }
  .arco-col-xl-push-22 { left: 91.6667%; }
  .arco-col-xl-push-23 { left: 95.8333%; }
  .arco-col-xl-push-24 { left: 100%; }
}
@media (min-width: 1600px) {
  .arco-col-xxl-1 { width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xxl-2 { width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xxl-3 { width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xxl-4 { width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xxl-5 { width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xxl-6 { width: 25%; flex: 0 0 25%; }
  .arco-col-xxl-7 { width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xxl-8 { width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xxl-9 { width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xxl-10 { width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xxl-11 { width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xxl-12 { width: 50%; flex: 0 0 50%; }
  .arco-col-xxl-13 { width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xxl-14 { width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xxl-15 { width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xxl-16 { width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xxl-17 { width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xxl-18 { width: 75%; flex: 0 0 75%; }
  .arco-col-xxl-19 { width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xxl-20 { width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xxl-21 { width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xxl-22 { width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xxl-23 { width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xxl-24 { width: 100%; flex: 0 0 100%; }
  .arco-col-xxl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xxl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xxl-offset-3 { margin-left: 12.5%; }
  .arco-col-xxl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xxl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xxl-offset-6 { margin-left: 25%; }
  .arco-col-xxl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xxl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xxl-offset-9 { margin-left: 37.5%; }
  .arco-col-xxl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xxl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xxl-offset-12 { margin-left: 50%; }
  .arco-col-xxl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xxl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xxl-offset-15 { margin-left: 62.5%; }
  .arco-col-xxl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xxl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xxl-offset-18 { margin-left: 75%; }
  .arco-col-xxl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xxl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xxl-offset-21 { margin-left: 87.5%; }
  .arco-col-xxl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xxl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xxl-order-1 { order: 1; }
  .arco-col-xxl-order-2 { order: 2; }
  .arco-col-xxl-order-3 { order: 3; }
  .arco-col-xxl-order-4 { order: 4; }
  .arco-col-xxl-order-5 { order: 5; }
  .arco-col-xxl-order-6 { order: 6; }
  .arco-col-xxl-order-7 { order: 7; }
  .arco-col-xxl-order-8 { order: 8; }
  .arco-col-xxl-order-9 { order: 9; }
  .arco-col-xxl-order-10 { order: 10; }
  .arco-col-xxl-order-11 { order: 11; }
  .arco-col-xxl-order-12 { order: 12; }
  .arco-col-xxl-order-13 { order: 13; }
  .arco-col-xxl-order-14 { order: 14; }
  .arco-col-xxl-order-15 { order: 15; }
  .arco-col-xxl-order-16 { order: 16; }
  .arco-col-xxl-order-17 { order: 17; }
  .arco-col-xxl-order-18 { order: 18; }
  .arco-col-xxl-order-19 { order: 19; }
  .arco-col-xxl-order-20 { order: 20; }
  .arco-col-xxl-order-21 { order: 21; }
  .arco-col-xxl-order-22 { order: 22; }
  .arco-col-xxl-order-23 { order: 23; }
  .arco-col-xxl-order-24 { order: 24; }
  .arco-col-xxl-pull-1 { right: 4.16667%; }
  .arco-col-xxl-pull-2 { right: 8.33333%; }
  .arco-col-xxl-pull-3 { right: 12.5%; }
  .arco-col-xxl-pull-4 { right: 16.6667%; }
  .arco-col-xxl-pull-5 { right: 20.8333%; }
  .arco-col-xxl-pull-6 { right: 25%; }
  .arco-col-xxl-pull-7 { right: 29.1667%; }
  .arco-col-xxl-pull-8 { right: 33.3333%; }
  .arco-col-xxl-pull-9 { right: 37.5%; }
  .arco-col-xxl-pull-10 { right: 41.6667%; }
  .arco-col-xxl-pull-11 { right: 45.8333%; }
  .arco-col-xxl-pull-12 { right: 50%; }
  .arco-col-xxl-pull-13 { right: 54.1667%; }
  .arco-col-xxl-pull-14 { right: 58.3333%; }
  .arco-col-xxl-pull-15 { right: 62.5%; }
  .arco-col-xxl-pull-16 { right: 66.6667%; }
  .arco-col-xxl-pull-17 { right: 70.8333%; }
  .arco-col-xxl-pull-18 { right: 75%; }
  .arco-col-xxl-pull-19 { right: 79.1667%; }
  .arco-col-xxl-pull-20 { right: 83.3333%; }
  .arco-col-xxl-pull-21 { right: 87.5%; }
  .arco-col-xxl-pull-22 { right: 91.6667%; }
  .arco-col-xxl-pull-23 { right: 95.8333%; }
  .arco-col-xxl-pull-24 { right: 100%; }
  .arco-col-xxl-push-1 { left: 4.16667%; }
  .arco-col-xxl-push-2 { left: 8.33333%; }
  .arco-col-xxl-push-3 { left: 12.5%; }
  .arco-col-xxl-push-4 { left: 16.6667%; }
  .arco-col-xxl-push-5 { left: 20.8333%; }
  .arco-col-xxl-push-6 { left: 25%; }
  .arco-col-xxl-push-7 { left: 29.1667%; }
  .arco-col-xxl-push-8 { left: 33.3333%; }
  .arco-col-xxl-push-9 { left: 37.5%; }
  .arco-col-xxl-push-10 { left: 41.6667%; }
  .arco-col-xxl-push-11 { left: 45.8333%; }
  .arco-col-xxl-push-12 { left: 50%; }
  .arco-col-xxl-push-13 { left: 54.1667%; }
  .arco-col-xxl-push-14 { left: 58.3333%; }
  .arco-col-xxl-push-15 { left: 62.5%; }
  .arco-col-xxl-push-16 { left: 66.6667%; }
  .arco-col-xxl-push-17 { left: 70.8333%; }
  .arco-col-xxl-push-18 { left: 75%; }
  .arco-col-xxl-push-19 { left: 79.1667%; }
  .arco-col-xxl-push-20 { left: 83.3333%; }
  .arco-col-xxl-push-21 { left: 87.5%; }
  .arco-col-xxl-push-22 { left: 91.6667%; }
  .arco-col-xxl-push-23 { left: 95.8333%; }
  .arco-col-xxl-push-24 { left: 100%; }
}
.arco-input { padding: 4px 12px; line-height: 1.5715; outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--biz-dist-map-select-border-radius-small); color: var(--biz-dist-map-select-color-text-1); font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-input::placeholder { color: var(--biz-dist-map-select-color-text-3); }
.arco-input:hover { background-color: var(--biz-dist-map-select-color-fill-3); border-color: transparent; }
.arco-input:focus, .arco-input.arco-input-focus { border-color: rgb(var(--biz-dist-map-select-primary-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-primary-light-2); }
.arco-input-error { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-1); }
.arco-input-error:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-input-error:focus, .arco-input-error.arco-input-focus { border-color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-danger-light-2); }
.arco-input-disabled { background-color: var(--biz-dist-map-select-color-fill-2); cursor: not-allowed; color: var(--biz-dist-map-select-color-text-4); -webkit-text-fill-color: var(--biz-dist-map-select-color-text-4); border-color: transparent; }
.arco-input-disabled:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-4); }
.arco-input-disabled::placeholder { color: var(--biz-dist-map-select-color-text-4); }
.arco-input input:disabled { color: var(--biz-dist-map-select-color-text-4); opacity: 1; -webkit-text-fill-color: var(--biz-dist-map-select-color-text-4); }
.arco-input-word-limit { font-size: 12px; color: var(--biz-dist-map-select-color-text-3); padding-left: 8px; }
.arco-input-word-limit-error { color: rgb(var(--biz-dist-map-select-danger-6)); }
.arco-input-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }
.arco-input-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; }
.arco-input-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; }
.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper-mini .arco-input-group-addafter { padding-left: 8px; padding-right: 8px; }
.arco-input-inner-wrapper.arco-input-inner-wrapper-mini { padding-left: 8px; padding-right: 8px; }
.arco-input-size-mini { padding-left: 8px; padding-right: 8px; }
.arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper-small .arco-input-group-addafter { padding-left: 12px; padding-right: 12px; }
.arco-input-inner-wrapper.arco-input-inner-wrapper-small { padding-left: 12px; padding-right: 12px; }
.arco-input-size-small { padding-left: 12px; padding-right: 12px; }
.arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper-large .arco-input-group-addafter { padding-left: 16px; padding-right: 16px; }
.arco-input-inner-wrapper.arco-input-inner-wrapper-large { padding-left: 16px; padding-right: 16px; }
.arco-input-size-large { padding-left: 16px; padding-right: 16px; }
.arco-input-clear-wrapper .arco-input { padding-right: 24px; }
.arco-input-clear-icon { display: none; font-size: 12px; cursor: pointer; color: var(--biz-dist-map-select-color-text-2); }
.arco-input-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-inner-wrapper { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: var(--biz-dist-map-select-border-radius-small); color: var(--biz-dist-map-select-color-text-1); padding-left: 12px; padding-right: 12px; font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--biz-dist-map-select-color-fill-2); display: inline-flex; width: 100%; position: relative; align-items: center; }
.arco-input-inner-wrapper::placeholder { color: var(--biz-dist-map-select-color-text-3); }
.arco-input-inner-wrapper:hover { background-color: var(--biz-dist-map-select-color-fill-3); border-color: transparent; }
.arco-input-inner-wrapper:focus, .arco-input-inner-wrapper.arco-input-inner-wrapper-focus { border-color: rgb(var(--biz-dist-map-select-primary-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-primary-light-2); }
.arco-input-inner-wrapper-error { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-1); }
.arco-input-inner-wrapper-error:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-input-inner-wrapper-error:focus, .arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus { border-color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-danger-light-2); }
.arco-input-inner-wrapper .arco-input { padding-left: 0px; padding-right: 0px; border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; }
.arco-input-inner-wrapper .arco-input:hover, .arco-input-inner-wrapper .arco-input:focus { background: none; box-shadow: none; }
.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 12px; }
.arco-input-inner-wrapper > .arco-input-clear-wrapper { height: 100%; }
.arco-input-inner-wrapper > .arco-input-clear-wrapper .arco-input { padding-right: 12px; }
.arco-input-inner-wrapper > .arco-input-clear-wrapper .arco-input-clear-icon { right: 8px; }
.arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-inner-wrapper .arco-input-group-suffix { user-select: none; white-space: nowrap; display: inline-flex; align-items: center; height: 100%; }
.arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-inner-wrapper .arco-input-group-prefix { color: var(--biz-dist-map-select-color-text-2); }
.arco-input-inner-wrapper .arco-input-group-suffix { color: var(--biz-dist-map-select-color-text-2); }
.arco-input-inner-wrapper-disabled { background-color: var(--biz-dist-map-select-color-fill-2); cursor: not-allowed; color: var(--biz-dist-map-select-color-text-4); -webkit-text-fill-color: var(--biz-dist-map-select-color-text-4); border-color: transparent; }
.arco-input-inner-wrapper-disabled:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-4); }
.arco-input-inner-wrapper-disabled::placeholder { color: var(--biz-dist-map-select-color-text-4); }
.arco-input-inner-wrapper-disabled .arco-input-group-prefix, .arco-input-inner-wrapper-disabled .arco-input-group-suffix { color: inherit; }
.arco-input-inner-wrapper:hover .arco-input-clear-icon { display: inline-block; }
.arco-input-inner-wrapper:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; }
.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover::before { background-color: var(--biz-dist-map-select-color-fill-4); }
.arco-input-group { display: table; width: 100%; height: 100%; }
.arco-input-group > .arco-input-inner-wrapper, .arco-input-group > .arco-input { border-radius: 0px; }
.arco-input-group > .arco-input-inner-wrapper-focus, .arco-input-group > .arco-input-focus { border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group > :first-child { border-top-left-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-left-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group > :last-child { border-top-right-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-right-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group-addbefore, .arco-input-group-addafter { width: 1px; display: table-cell; white-space: nowrap; height: 100%; vertical-align: middle; box-sizing: border-box; padding: 0px 12px; color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-fill-2); border: 1px solid transparent; }
.arco-input-group-addbefore > svg, .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-addafter { border-left: 1px solid var(--biz-dist-map-select-color-neutral-3); }
.arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-addbefore { border-right: 1px solid var(--biz-dist-map-select-color-neutral-3); }
.arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper { width: 100%; display: inline-block; vertical-align: top; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter > svg { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter { font-size: 14px; height: 26px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter { font-size: 14px; height: 34px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input { height: 100%; }
.arco-input-group-wrapper .arco-input-inner-wrapper { height: 100%; }
.arco-input-group-wrapper.arco-input-disabled { cursor: not-allowed; }
.arco-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; }
.arco-textarea { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--biz-dist-map-select-border-radius-small); color: var(--biz-dist-map-select-color-text-1); box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--biz-dist-map-select-color-fill-2); font-size: 14px; vertical-align: top; position: relative; padding: 4px 12px; max-width: 100%; min-height: 32px; height: auto; line-height: 1.5715; resize: vertical; overflow: auto; }
.arco-textarea::placeholder { color: var(--biz-dist-map-select-color-text-3); }
.arco-textarea:hover { background-color: var(--biz-dist-map-select-color-fill-3); border-color: transparent; }
.arco-textarea:focus, .arco-textarea.arco-textarea-focus { border-color: rgb(var(--biz-dist-map-select-primary-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-primary-light-2); }
.arco-textarea-error { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-1); }
.arco-textarea-error:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-danger-light-2); }
.arco-textarea-error:focus, .arco-textarea-error.arco-textarea-focus { border-color: rgb(var(--biz-dist-map-select-danger-6)); background-color: var(--biz-dist-map-select-color-bg-2); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-danger-light-2); }
.arco-textarea-disabled { background-color: var(--biz-dist-map-select-color-fill-2); cursor: not-allowed; color: var(--biz-dist-map-select-color-text-4); -webkit-text-fill-color: var(--biz-dist-map-select-color-text-4); border-color: transparent; }
.arco-textarea-disabled:hover { border-color: transparent; background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-4); }
.arco-textarea-disabled::placeholder { color: var(--biz-dist-map-select-color-text-4); }
.arco-input-group.arco-input-group-compact > .arco-select { vertical-align: unset; }
.arco-input-group.arco-input-group-compact > .arco-select .arco-select-view { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > * { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > * .arco-input-group > :last-child, .arco-input-group.arco-input-group-compact > * .arco-input-group > :first-child { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > :not(:last-child) { position: relative; border-right: 1px solid var(--biz-dist-map-select-color-neutral-3); box-sizing: border-box; }
.arco-input-group.arco-input-group-compact > :first-child, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child { border-top-left-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-left-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group.arco-input-group-compact > :first-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child .arco-select .arco-select-view { border-top-left-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-left-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group.arco-input-group-compact > :last-child, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child { border-top-right-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-right-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group.arco-input-group-compact > :last-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child .arco-select .arco-select-view { border-top-right-radius: var(--biz-dist-map-select-border-radius-small); border-bottom-right-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-right-color: var(--biz-dist-map-select-color-neutral-3); }
.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-right-color: rgb(var(--biz-dist-map-select-primary-6)); }
.size-height-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }
.size-height-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; }
.size-height-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; }
.size-height-group-wrapper-mini .arco-input-group-addbefore, .size-height-group-wrapper-mini .arco-input-group-addafter { padding-left: 8px; padding-right: 8px; }
.size-height-inner-wrapper.size-height-inner-wrapper-mini { padding-left: 8px; padding-right: 8px; }
.size-height-size-mini { padding-left: 8px; padding-right: 8px; }
.size-height-group-wrapper-small .arco-input-group-addbefore, .size-height-group-wrapper-small .arco-input-group-addafter { padding-left: 12px; padding-right: 12px; }
.size-height-inner-wrapper.size-height-inner-wrapper-small { padding-left: 12px; padding-right: 12px; }
.size-height-size-small { padding-left: 12px; padding-right: 12px; }
.size-height-group-wrapper-large .arco-input-group-addbefore, .size-height-group-wrapper-large .arco-input-group-addafter { padding-left: 16px; padding-right: 16px; }
.size-height-inner-wrapper.size-height-inner-wrapper-large { padding-left: 16px; padding-right: 16px; }
.size-height-size-large { padding-left: 16px; padding-right: 16px; }
.group-size.group-size-mini .arco-input-group { font-size: 12px; }
.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; }
.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; }
.group-size.group-size-mini .arco-input-group-addbefore, .group-size.group-size-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }
.group-size.group-size-mini .arco-input-group-addbefore > svg, .group-size.group-size-mini .arco-input-group-addafter > svg { font-size: 12px; }
.group-size.group-size-mini .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-mini .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-mini .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-small .arco-input-group { font-size: 14px; }
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.group-size-small .arco-input-group-addbefore, .group-size.group-size-small .arco-input-group-addafter { font-size: 14px; height: 26px; }
.group-size.group-size-small .arco-input-group-addbefore > svg, .group-size.group-size-small .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.group-size-small .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-small .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-small .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-small .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-small .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-large .arco-input-group { font-size: 14px; }
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.group-size-large .arco-input-group-addbefore, .group-size.group-size-large .arco-input-group-addafter { font-size: 14px; height: 34px; }
.group-size.group-size-large .arco-input-group-addbefore > svg, .group-size.group-size-large .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.group-size-large .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-large .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-large .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-large .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-large .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.arco-input-custom-height .arco-input-group { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore, .group-size.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore > svg, .group-size.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .item-style { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input { margin: -1px -13px -1px -12px; width: auto; height: 100%; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select { margin: -1px -13px -1px -12px; width: auto; height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .item-style { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input { margin: -1px -12px -1px -13px; width: auto; height: 100%; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select { margin: -1px -12px -1px -13px; width: auto; height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper { height: 100%; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input { height: 100%; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper { height: 100%; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input { height: 100%; }
.arco-textarea-wrapper { display: inline-block; position: relative; width: 100%; }
.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon { display: inline-block; }
.arco-textarea-clear-wrapper .arco-textarea { padding-right: 20px; }
.arco-textarea-word-limit { position: absolute; font-size: 12px; bottom: 6px; right: 10px; color: var(--biz-dist-map-select-color-text-3); user-select: none; }
.arco-textarea-word-limit-error { color: rgb(var(--biz-dist-map-select-danger-6)); }
.arco-textarea-clear-icon { display: none; position: absolute; right: 10px; top: 10px; font-size: 12px; color: var(--biz-dist-map-select-color-text-2); }
.arco-textarea-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore { transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix { color: var(--biz-dist-map-select-color-text-2); font-size: 14px; }
.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore { cursor: pointer; color: var(--biz-dist-map-select-color-text-2); font-size: 14px; }
.arco-input-search.arco-input-group-wrapper .arco-input-search-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: auto; height: 100%; font-size: 14px; color: var(--biz-dist-map-select-color-white); }
.arco-input-search.arco-input-group-wrapper .arco-input-search-btn.arco-btn-icon-only { padding-left: 8px; padding-right: 8px; }
.arco-input-search-button .arco-input-inner-wrapper { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix { cursor: pointer; color: var(--biz-dist-map-select-color-text-2); font-size: 12px; }
.arco-layout { display: flex; flex: 1 1 0%; margin: 0px; padding: 0px; flex-direction: column; }
.arco-layout-sider { position: relative; width: auto; margin: 0px; padding: 0px; flex: 0 0 auto; background: var(--biz-dist-map-select-color-menu-dark-bg); transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-layout-sider-children { height: 100%; overflow: auto; }
.arco-layout-sider-collapsed .arco-layout-sider-children { }
.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar { width: 0px; }
.arco-layout-sider-has-trigger { padding-bottom: 48px; box-sizing: border-box; }
.arco-layout-sider-trigger { box-sizing: border-box; width: 100%; height: 48px; line-height: 48px; text-align: center; background: rgba(255, 255, 255, 0.2); color: var(--biz-dist-map-select-color-white); cursor: pointer; transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); z-index: 1; }
.arco-layout-sider-trigger-light { background: var(--biz-dist-map-select-color-menu-light-bg); border-top: 1px solid var(--biz-dist-map-select-color-bg-5); color: var(--biz-dist-map-select-color-text-1); }
.arco-layout-sider-light { background: var(--biz-dist-map-select-color-menu-light-bg); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 5px 0px; }
.arco-layout-header { margin: 0px; flex: 0 0 auto; box-sizing: border-box; }
.arco-layout-content { flex: 1 1 0%; }
.arco-layout-footer { flex: 0 0 auto; margin: 0px; }
.arco-layout-has-sider { flex-direction: row; }
.arco-layout-has-sider > .arco-layout, .arco-layout-has-sider > .arco-layout-content { overflow-x: hidden; }
@keyframes arco-draggable-item-blink { 
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}
.arco-draggable-item { box-sizing: border-box; list-style: none; user-select: none; }
.arco-draggable-item-dragging { opacity: 0.3; }
.arco-draggable-item-dragover.arco-draggable-item-gap-left { box-shadow: -1px 0 rgb(var(--biz-dist-map-select-primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-right { box-shadow: 1px 0 rgb(var(--biz-dist-map-select-primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-top { box-shadow: 0 -1px rgb(var(--biz-dist-map-select-primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-bottom { box-shadow: 0 1px rgb(var(--biz-dist-map-select-primary-6)); }
.arco-draggable-item-dragged { animation: 0.8s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-draggable-item-blink; }
.arco-input-tag { display: inline-block; box-sizing: border-box; width: 100%; padding-left: 4px; padding-right: 4px; border-radius: var(--biz-dist-map-select-border-radius-small); vertical-align: top; cursor: text; transition: 0.1s cubic-bezier(0, 0, 1, 1); background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-1); border: 1px solid transparent; }
.arco-input-tag-view { display: flex; width: 100%; }
.arco-input-tag-inner { display: flex; align-items: center; flex-wrap: wrap; flex-grow: 1; position: relative; box-sizing: border-box; overflow: hidden; }
.arco-input-tag-suffix { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 22px; padding-right: 8px; }
.arco-input-tag .arco-input-tag-clear-icon { display: none; font-size: 12px; color: var(--biz-dist-map-select-color-text-2); cursor: pointer; }
.arco-input-tag .arco-input-tag-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-tag:hover .arco-input-tag-clear-icon { display: block; }
.arco-input-tag:hover .arco-input-tag-clear-icon ~ * { display: none; }
.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item { cursor: move; }
.arco-input-tag-input { width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: none; font-size: inherit; cursor: inherit; color: inherit; }
.arco-input-tag-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; pointer-events: none; }
.arco-input-tag-input::placeholder { color: var(--biz-dist-map-select-color-text-3); }
.arco-input-tag-tag { margin-right: 4px; font-size: 12px; }
.arco-input-tag .arco-icon-hover { cursor: pointer; }
.arco-input-tag .arco-icon-hover.arco-icon-hover-disabled { cursor: not-allowed; }
.arco-input-tag:hover { background-color: var(--biz-dist-map-select-color-fill-3); border: 1px solid transparent; }
.arco-input-tag.arco-input-tag-focus { background-color: var(--biz-dist-map-select-color-bg-2); border: 1px solid rgb(var(--biz-dist-map-select-primary-6)); box-shadow: 0 0 0 0 rgb(var(--biz-dist-map-select-primary-2)); }
.arco-input-tag .arco-input-tag-tag { color: var(--biz-dist-map-select-color-text-1); border-color: var(--biz-dist-map-select-color-fill-3); background-color: var(--biz-dist-map-select-color-bg-2); display: inline-flex; align-items: center; }
.arco-input-tag .arco-input-tag-tag-content { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; }
.arco-input-tag .arco-icon-hover:hover::before { background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag { border-color: var(--biz-dist-map-select-color-fill-2); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-input-tag.arco-input-tag-focus .arco-icon-hover:hover::before { background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag { color: var(--biz-dist-map-select-color-text-4); border-color: var(--biz-dist-map-select-color-fill-3); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-input-tag-disabled { background-color: var(--biz-dist-map-select-color-fill-2); color: var(--biz-dist-map-select-color-text-4); border: 1px solid transparent; cursor: not-allowed; }
.arco-input-tag-disabled:hover { background-color: var(--biz-dist-map-select-color-fill-2); border: 1px solid transparent; }
.arco-input-tag-disabled .arco-input-tag-input::placeholder { color: var(--biz-dist-map-select-color-text-4); }
.arco-input-tag-error { background-color: rgb(var(--biz-dist-map-select-danger-1)); color: var(--biz-dist-map-select-color-text-1); border: 1px solid transparent; }
.arco-input-tag-error:hover { background-color: rgb(var(--biz-dist-map-select-danger-2)); border: 1px solid transparent; }
.arco-input-tag-error.arco-input-tag-focus { background-color: var(--biz-dist-map-select-color-bg-2); border: 1px solid rgb(var(--biz-dist-map-select-danger-6)); box-shadow: 0 0 0 0 rgb(var(--biz-dist-map-select-danger-2)); }
.arco-input-tag-readonly { cursor: default; }
.arco-input-tag-size-mini { font-size: 12px; }
.arco-input-tag-size-mini .arco-input-tag-view { min-height: 22px; }
.arco-input-tag-size-mini .arco-input-tag-inner { }
.arco-input-tag-size-mini .arco-input-tag-tag, .arco-input-tag-size-mini .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 20px; line-height: 18px; }
.arco-input-tag-size-mini.arco-input-tag-has-placeholder input, .arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-input-tag-size-default { font-size: 14px; }
.arco-input-tag-size-default .arco-input-tag-view { min-height: 30px; }
.arco-input-tag-size-default .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-default .arco-input-tag-tag, .arco-input-tag-size-default .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 24px; line-height: 22px; }
.arco-input-tag-size-default.arco-input-tag-has-placeholder input, .arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-input-tag-size-small { font-size: 14px; }
.arco-input-tag-size-small .arco-input-tag-view { min-height: 26px; }
.arco-input-tag-size-small .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-small .arco-input-tag-tag, .arco-input-tag-size-small .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 20px; line-height: 18px; }
.arco-input-tag-size-small.arco-input-tag-has-placeholder input, .arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-input-tag-size-large { font-size: 16px; }
.arco-input-tag-size-large .arco-input-tag-view { min-height: 34px; }
.arco-input-tag-size-large .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-large .arco-input-tag-tag, .arco-input-tag-size-large .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 28px; line-height: 26px; }
.arco-input-tag-size-large.arco-input-tag-has-placeholder input, .arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-select .arco-select-view { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-fill-2); border: 1px solid transparent; }
.arco-select:hover .arco-select-view { background-color: var(--biz-dist-map-select-color-fill-3); border-color: transparent; }
.arco-select.arco-select-focused .arco-select-view { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-2); border-color: rgb(var(--biz-dist-map-select-primary-6)); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-primary-light-2); }
.arco-select .arco-select-suffix-icon, .arco-select .arco-select-loading-icon, .arco-select .arco-select-search-icon, .arco-select .arco-select-clear-icon, .arco-select .arco-select-arrow-icon, .arco-select .arco-select-expand-icon { color: var(--biz-dist-map-select-color-text-2); }
.arco-select-no-border .arco-select-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }
.arco-select-error .arco-select-view { background-color: var(--biz-dist-map-select-color-danger-light-1); border: 1px solid transparent; }
.arco-select-error:hover .arco-select-view { background-color: var(--biz-dist-map-select-color-danger-light-2); border-color: transparent; }
.arco-select-error.arco-select-focused .arco-select-view { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-2); border-color: rgb(var(--biz-dist-map-select-danger-6)); box-shadow: 0 0 0 0 var(--biz-dist-map-select-color-danger-light-2); }
.arco-select-no-border .arco-select-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }
.arco-select-disabled .arco-select-view { color: var(--biz-dist-map-select-color-text-4); background-color: var(--biz-dist-map-select-color-fill-2); border: 1px solid transparent; }
.arco-select-disabled:hover .arco-select-view { background-color: var(--biz-dist-map-select-color-fill-2); border-color: transparent; }
.arco-select-disabled .arco-select-suffix-icon, .arco-select-disabled .arco-select-loading-icon, .arco-select-disabled .arco-select-search-icon, .arco-select-disabled .arco-select-clear-icon, .arco-select-disabled .arco-select-arrow-icon, .arco-select-disabled .arco-select-expand-icon { color: var(--biz-dist-map-select-color-text-4); }
.arco-select-no-border .arco-select-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }
.arco-select-size-mini.arco-select-multiple .arco-select-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }
.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-select-size-mini.arco-select-multiple .arco-select-suffix { padding-right: 4px; }
.arco-select-size-mini.arco-select-multiple input { font-size: 12px; }
.arco-select-size-mini.arco-select-single .arco-select-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 7px; }
.arco-select-size-mini.arco-select-single input { font-size: 12px; }
.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix { padding-left: 7px; }
.arco-select-size-small.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-select-size-small.arco-select-multiple .arco-select-suffix { padding-right: 8px; }
.arco-select-size-small.arco-select-multiple input { font-size: 14px; }
.arco-select-size-small.arco-select-single .arco-select-view { height: 28px; line-height: 26px; font-size: 14px; padding: 0px 11px; }
.arco-select-size-small.arco-select-single input { font-size: 14px; }
.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix { padding-left: 11px; }
.arco-select-size-default.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-select-size-default.arco-select-multiple .arco-select-suffix { padding-right: 8px; }
.arco-select-size-default.arco-select-multiple input { font-size: 14px; }
.arco-select-size-default.arco-select-single .arco-select-view { height: 32px; line-height: 30px; font-size: 14px; padding: 0px 11px; }
.arco-select-size-default.arco-select-single input { font-size: 14px; }
.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix { padding-left: 11px; }
.arco-select-size-large.arco-select-multiple .arco-select-view { height: auto; font-size: 16px; padding: 0px 3px; line-height: 0; }
.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-select-size-large.arco-select-multiple .arco-select-suffix { padding-right: 12px; }
.arco-select-size-large.arco-select-multiple input { font-size: 16px; }
.arco-select-size-large.arco-select-single .arco-select-view { height: 36px; line-height: 34px; font-size: 16px; padding: 0px 15px; }
.arco-select-size-large.arco-select-single input { font-size: 16px; }
.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix { padding-left: 15px; }
.arco-select { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }
.arco-select-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: var(--biz-dist-map-select-border-radius-small); outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }
.arco-select-view input { color: inherit; cursor: inherit; }
.arco-select-view input::placeholder { color: var(--biz-dist-map-select-color-text-3); }
.arco-select-multiple, .arco-select-show-search { cursor: text; }
.arco-select-disabled { cursor: not-allowed; }
.arco-select-disabled .arco-select-view input::placeholder { color: var(--biz-dist-map-select-color-text-4); }
.arco-select-single .arco-select-view-input { box-sizing: border-box; width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-single .arco-select-view-value { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-single .arco-select-view-value::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }
.arco-select-single .arco-select-view .arco-select-hidden { width: 0px !important; position: absolute; }
.arco-select-multiple { vertical-align: top; }
.arco-select-multiple .arco-select-view { padding: 0px 4px; line-height: 0; }
.arco-select-multiple .arco-select-view-with-prefix { padding-left: 12px; }
.arco-select-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; box-shadow: none !important; }
.arco-select-multiple .arco-tag { max-width: 100%; }
.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=""] { width: 0px !important; position: absolute; }
.arco-select-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: var(--biz-dist-map-select-color-text-2); }
.arco-select-suffix { display: flex; align-items: center; margin-left: 4px; }
.arco-select-suffix-icon, .arco-select-search-icon, .arco-select-loading-icon, .arco-select-expand-icon, .arco-select-clear-icon { font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-select-arrow-icon { font-size: 12px; }
.arco-select-open .arco-select-arrow-icon svg { transform: rotateZ(180deg); }
.arco-select .arco-select-clear-icon { display: none; cursor: pointer; }
.arco-select .arco-select-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-select:hover .arco-select-clear-icon { display: block; }
.arco-select:hover .arco-select-clear-icon ~ * { display: none; }
.arco-select-popup { top: 4px; box-sizing: border-box; padding: 4px 0px; border: 1px solid var(--biz-dist-map-select-color-fill-3); border-radius: var(--biz-dist-map-select-border-radius-medium); background-color: var(--biz-dist-map-select-color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: hidden; }
.arco-select-popup-hidden { display: none; }
.arco-select-popup .arco-select-popup-inner { width: 100%; max-height: 200px; list-style: none; }
.arco-select-popup .arco-select-option { position: relative; box-sizing: border-box; width: 100%; padding: 0px 12px; font-size: 14px; text-align: left; cursor: pointer; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-select-popup .arco-select-option-selected { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-select-popup .arco-select-option-hover { color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-select-popup .arco-select-option-disabled { color: var(--biz-dist-map-select-color-text-4); background-color: var(--biz-dist-map-select-color-bg-popup); }
.arco-select-popup .arco-select-option-disabled { cursor: not-allowed; }
.arco-select-popup .arco-select-option-selected { font-weight: 500; }
.arco-select-popup .arco-select-option-empty { height: 36px; }
.arco-select-option-wrapper { display: flex; align-items: center; padding: 0px 7px; }
.arco-select-option-wrapper .arco-select-checkbox { padding: 0px 5px; }
.arco-select-option-wrapper .arco-select-checkbox input { display: none; }
.arco-select-option-wrapper .arco-select-option { flex: 1 1 0%; margin-left: 1px; padding: 0px 4px; border-radius: var(--biz-dist-map-select-border-radius-small); }
.arco-select-group-title { box-sizing: border-box; width: 100%; padding: 8px 12px 0px; line-height: 20px; font-size: 12px; color: var(--biz-dist-map-select-color-text-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-group-title:first-child { padding-top: 4px; }
.arco-select-highlight { font-weight: 500; color: var(--biz-dist-map-select-color-text-1); }
.arco-slider { width: 100%; display: inline-block; }
.arco-slider-wrapper { display: flex; align-items: center; }
.arco-slider-vertical { display: inline-block; height: auto; width: auto; min-width: 22px; }
.arco-slider-vertical .arco-slider-wrapper { flex-direction: column; }
.arco-slider-with-marks { margin-bottom: 24px; padding: 0px 20px; }
.arco-slider-vertical.arco-slider-with-marks { margin-bottom: 0px; padding: 0px; }
.arco-slider-road { width: 100%; height: 12px; cursor: pointer; flex: 1 1 0%; position: relative; }
.arco-slider-road::before { content: ""; display: block; height: 2px; width: 100%; background-color: var(--biz-dist-map-select-color-fill-3); border-radius: 2px; position: absolute; top: 50%; transform: translateY(-50%); }
.arco-slider-road.arco-slider-road-vertical { width: 12px; max-width: 12px; height: 100%; min-height: 200px; margin-bottom: 6px; margin-top: 6px; margin-right: 0px; transform: translateY(0px); }
.arco-slider-road.arco-slider-road-vertical::before { width: 2px; height: 100%; top: unset; left: 50%; transform: translateX(-50%); }
.arco-slider-road.arco-slider-road-disabled::before { background-color: var(--biz-dist-map-select-color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-bar { background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-button { cursor: not-allowed; }
.arco-slider-road.arco-slider-road-disabled .arco-slider-button::after { border-color: var(--biz-dist-map-select-color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot { border-color: var(--biz-dist-map-select-color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active { border-color: var(--biz-dist-map-select-color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick { background: var(--biz-dist-map-select-color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active { background: var(--biz-dist-map-select-color-fill-3); }
.arco-slider-bar { position: absolute; height: 2px; background-color: rgb(var(--biz-dist-map-select-primary-6)); border-radius: 2px; top: 50%; transform: translateY(-50%); }
.arco-slider-road-vertical .arco-slider-bar { width: 2px; height: unset; top: unset; left: 50%; transform: translateX(-50%); }
.arco-slider-button { position: absolute; height: 12px; width: 12px; top: 0px; left: 0px; transform: translateX(-50%); }
.arco-slider-button::after { content: ""; display: inline-block; width: 12px; height: 12px; background: var(--biz-dist-map-select-color-bg-2); border: 2px solid rgb(var(--biz-dist-map-select-primary-6)); border-radius: 50%; box-sizing: border-box; position: absolute; left: 0px; transition: 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); top: 0px; }
.arco-slider-button.arco-slider-button-active::after, .arco-slider-button:hover::after { transform: scale(1.16667); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
.arco-slider-road-vertical .arco-slider-button { top: unset; bottom: 0px; left: 0px; transform: translateY(50%); }
.arco-slider-reverse .arco-slider-button { transform: translateX(50%); left: unset; right: 0px; }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button { transform: translateY(-50%); }
.arco-slider-marks { position: absolute; top: 12px; width: 100%; }
.arco-slider-marks-text { position: absolute; transform: translateX(-50%); cursor: pointer; font-size: 14px; line-height: 1; color: var(--biz-dist-map-select-color-text-3); }
.arco-slider-road-vertical .arco-slider-marks { height: 100%; left: 15px; top: 0px; }
.arco-slider-road-vertical .arco-slider-marks-text { transform: translateY(50%); }
.arco-slider-reverse .arco-slider-marks-text { transform: translateX(50%); }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text { transform: translateY(-50%); }
.arco-slider-dots { height: 100%; }
.arco-slider-dots .arco-slider-dot-wrapper { position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 12px; }
.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper { top: unset; left: 50%; transform: translate(-50%, 50%); }
.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper { transform: translate(50%, -50%); }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper { transform: translate(-50%, -50%); }
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot { background-color: var(--biz-dist-map-select-color-bg-2); box-sizing: border-box; border: 2px solid var(--biz-dist-map-select-color-fill-3); height: 8px; width: 8px; border-radius: 50%; }
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active { border-color: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-slider-ticks .arco-slider-tick { position: absolute; width: 1px; height: 3px; background: var(--biz-dist-map-select-color-fill-3); top: 50%; transform: translate(-50%, -100%); margin-top: -1px; }
.arco-slider-ticks .arco-slider-tick-active { background: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-slider-vertical .arco-slider-ticks .arco-slider-tick { width: 3px; height: 1px; top: unset; margin-top: unset; left: 50%; transform: translate(1px, 50%); }
.arco-slider-reverse .arco-slider-ticks .arco-slider-tick { transform: translate(50%, -100%); }
.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick { transform: translate(1px, -50%); }
.arco-slider-input { display: flex; margin-left: 20px; }
.arco-slider-vertical .arco-slider-input { margin-left: 0px; }
.arco-slider-input > .arco-input-number { width: 60px; height: 32px; line-height: normal; overflow: visible; }
.arco-slider-input > .arco-input-number input { text-align: center; }
.arco-slider-input-range { width: 20px; line-height: 32px; height: 32px; text-align: center; }
.arco-slider-input-range-content { display: inline-block; width: 8px; height: 2px; background: rgb(var(--biz-dist-map-select-gray-6)); transform: translate(0px, -100%); }
.arco-spin { display: inline-block; }
.arco-spin-with-tip { text-align: center; }
.arco-spin-icon { color: rgb(var(--biz-dist-map-select-primary-6)); font-size: 20px; }
.arco-spin-tip { margin-top: 6px; font-size: 14px; font-weight: 500; color: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-spin-loading-layer { text-align: center; user-select: none; }
.arco-spin-children { position: relative; }
.arco-spin-children::after { content: ""; position: absolute; width: 100%; height: 100%; inset: 0px; background-color: var(--biz-dist-map-select-color-spin-layer-bg); opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; z-index: 1; }
.arco-spin-loading { position: relative; user-select: none; }
.arco-spin-loading .arco-spin-loading-layer-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.arco-spin-loading .arco-spin-children::after { opacity: 1; pointer-events: auto; }
.arco-spin-dot { position: absolute; top: 0px; left: 50%; transform: translateX(-50%) scale(0); width: 8px; height: 8px; background-color: rgb(var(--biz-dist-map-select-primary-6)); border-radius: var(--biz-dist-map-select-border-radius-circle); animation: 2s cubic-bezier(0, 0, 1, 1) 0s infinite normal forwards running arco-dot-loading; }
.arco-spin-dot:nth-child(2) { background-color: rgb(var(--biz-dist-map-select-primary-5)); animation-delay: 400ms; }
.arco-spin-dot:nth-child(3) { background-color: rgb(var(--biz-dist-map-select-primary-4)); animation-delay: 800ms; }
.arco-spin-dot:nth-child(4) { background-color: rgb(var(--biz-dist-map-select-primary-4)); animation-delay: 1200ms; }
.arco-spin-dot:nth-child(5) { background-color: rgb(var(--biz-dist-map-select-primary-2)); animation-delay: 1600ms; }
.arco-spin-dot-list { display: inline-block; transform-style: preserve-3d; perspective: 200px; width: 56px; position: relative; height: 8px; }
@keyframes arco-dot-loading { 
  0% { transform: translate3d(-48.621%, 0px, -0.985px) scale(0.511); }
  2.778% { transform: translate3d(-95.766%, 0px, -0.94px) scale(0.545); }
  5.556% { transform: translate3d(-140%, 0px, -0.866px) scale(0.6); }
  8.333% { transform: translate3d(-179.981%, 0px, -0.766px) scale(0.675); }
  11.111% { transform: translate3d(-214.492%, 0px, -0.643px) scale(0.768); }
  13.889% { transform: translate3d(-242.487%, 0px, -0.5px) scale(0.875); }
  16.667% { transform: translate3d(-263.114%, 0px, -0.342px) scale(0.993); }
  19.444% { transform: translate3d(-275.746%, 0px, -0.174px) scale(1.12); }
  22.222% { transform: translate3d(-280%, 0px, 0px) scale(1.25); }
  25% { transform: translate3d(-275.746%, 0px, 0.174px) scale(1.38); }
  27.778% { transform: translate3d(-263.114%, 0px, 0.342px) scale(1.507); }
  30.556% { transform: translate3d(-242.487%, 0px, 0.5px) scale(1.625); }
  33.333% { transform: translate3d(-214.492%, 0px, 0.643px) scale(1.732); }
  36.111% { transform: translate3d(-179.981%, 0px, 0.766px) scale(1.825); }
  38.889% { transform: translate3d(-140%, 0px, 0.866px) scale(1.9); }
  41.667% { transform: translate3d(-95.766%, 0px, 0.94px) scale(1.955); }
  44.444% { transform: translate3d(-48.621%, 0px, 0.985px) scale(1.989); }
  47.222% { transform: translate3d(0%, 0px, 1px) scale(2); }
  50% { transform: translate3d(48.621%, 0px, 0.985px) scale(1.989); }
  52.778% { transform: translate3d(95.766%, 0px, 0.94px) scale(1.955); }
  55.556% { transform: translate3d(140%, 0px, 0.866px) scale(1.9); }
  58.333% { transform: translate3d(179.981%, 0px, 0.766px) scale(1.825); }
  61.111% { transform: translate3d(214.492%, 0px, 0.643px) scale(1.732); }
  63.889% { transform: translate3d(242.487%, 0px, 0.5px) scale(1.625); }
  66.667% { transform: translate3d(263.114%, 0px, 0.342px) scale(1.507); }
  69.444% { transform: translate3d(275.746%, 0px, 0.174px) scale(1.38); }
  72.222% { transform: translate3d(280%, 0px, 0px) scale(1.25); }
  75% { transform: translate3d(275.746%, 0px, -0.174px) scale(1.12); }
  77.778% { transform: translate3d(263.114%, 0px, -0.342px) scale(0.993); }
  80.556% { transform: translate3d(242.487%, 0px, -0.5px) scale(0.875); }
  83.333% { transform: translate3d(214.492%, 0px, -0.643px) scale(0.768); }
  86.111% { transform: translate3d(179.981%, 0px, -0.766px) scale(0.675); }
  88.889% { transform: translate3d(140%, 0px, -0.866px) scale(0.6); }
  91.667% { transform: translate3d(95.766%, 0px, -0.94px) scale(0.545); }
  94.444% { transform: translate3d(48.621%, 0px, -0.985px) scale(0.511); }
  97.222% { transform: translate3d(0%, 0px, -1px) scale(0.5); }
}
.arco-upload { display: inline-block; max-width: 100%; }
.arco-upload-type-picture-card { vertical-align: top; }
.arco-upload-drag { width: 100%; }
.arco-upload-hide { display: none; }
.arco-upload-disabled .arco-upload-trigger-picture, .arco-upload-disabled .arco-upload-trigger-picture:hover { cursor: not-allowed; border-color: var(--biz-dist-map-select-color-neutral-4); background-color: var(--biz-dist-map-select-color-fill-1); color: var(--biz-dist-map-select-color-text-4); }
.arco-upload-disabled .arco-upload-trigger-drag, .arco-upload-disabled .arco-upload-trigger-drag:hover { cursor: not-allowed; border-color: var(--biz-dist-map-select-color-text-4); background-color: var(--biz-dist-map-select-color-fill-1); }
.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text { color: var(--biz-dist-map-select-color-text-4); }
.arco-upload-disabled .arco-upload-trigger-tip { color: var(--biz-dist-map-select-color-text-4); }
.arco-upload-trigger { cursor: pointer; display: inline-block; vertical-align: top; width: 100%; }
.arco-upload-trigger-tip { color: var(--biz-dist-map-select-color-text-3); margin-top: 4px; font-size: 12px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.arco-upload-trigger-picture { min-width: 80px; height: 80px; color: var(--biz-dist-map-select-color-text-2); text-align: center; margin-bottom: 0px; background: var(--biz-dist-map-select-color-fill-2); border-radius: var(--biz-dist-map-select-border-radius-small); border: 1px dashed var(--biz-dist-map-select-color-neutral-3); transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-trigger-picture:hover { border-color: var(--biz-dist-map-select-color-neutral-4); background-color: var(--biz-dist-map-select-color-fill-3); color: var(--biz-dist-map-select-color-text-2); }
.arco-upload-trigger-picture-text { position: relative; top: 50%; transform: translateY(-50%); }
.arco-upload-trigger-drag { width: 100%; border-radius: var(--biz-dist-map-select-border-radius-small); border: 1px dashed var(--biz-dist-map-select-color-neutral-3); background-color: var(--biz-dist-map-select-color-fill-1); text-align: center; transition: 0.2s; color: var(--biz-dist-map-select-color-text-1); padding: 50px 0px; }
.arco-upload-trigger-drag .arco-icon-plus { font-size: 14px; margin-bottom: 24px; color: var(--biz-dist-map-select-color-text-2); }
.arco-upload-trigger-drag:hover { border-color: var(--biz-dist-map-select-color-neutral-4); background-color: var(--biz-dist-map-select-color-fill-3); }
.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text { color: var(--biz-dist-map-select-color-text-1); }
.arco-upload-trigger-drag:hover .arco-icon-plus { color: var(--biz-dist-map-select-color-text-2); }
.arco-upload-trigger-drag-active { border-color: rgb(var(--biz-dist-map-select-primary-6)); color: var(--biz-dist-map-select-color-text-1); background-color: var(--biz-dist-map-select-color-primary-light-1); }
.arco-upload-trigger-drag-active .arco-upload-trigger-drag-text { color: var(--biz-dist-map-select-color-text-1); }
.arco-upload-trigger-drag-active .arco-icon-plus { color: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-upload-trigger-drag .arco-upload-trigger-tip { margin-top: 0px; }
.arco-upload-trigger-drag-text { color: var(--biz-dist-map-select-color-text-1); line-height: 1.5; font-size: 14px; }
.arco-upload-hide + .arco-upload-list .arco-upload-list-item:first-of-type { margin-top: 0px; }
.arco-upload-list { width: 100%; }
.arco-upload-list-type-text .arco-upload-list-item:first-of-type, .arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type { margin-top: 24px; }
.arco-upload-list-file-icon { line-height: 16px; font-size: 16px; color: rgb(var(--biz-dist-map-select-primary-6)); margin-right: 12px; }
.arco-upload-list-preview-icon { cursor: pointer; }
.arco-upload-list-error-icon { cursor: pointer; color: rgb(var(--biz-dist-map-select-danger-6)); font-size: 14px; margin-left: 4px; }
.arco-upload-list-success-icon { cursor: pointer; color: rgb(var(--biz-dist-map-select-success-6)); font-size: 14px; line-height: 14px; }
.arco-upload-list-remove-icon { position: relative; cursor: pointer; font-size: 14px; }
.arco-upload-list-start-icon, .arco-upload-list-cancel-icon { position: absolute; color: var(--biz-dist-map-select-color-white); transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; font-size: 12px; }
.arco-upload-list-reupload-icon { cursor: pointer; color: rgb(var(--biz-dist-map-select-primary-6)); font-size: 14px; transition: 0.2s; }
.arco-upload-list-reupload-icon:active, .arco-upload-list-reupload-icon:hover { color: rgb(var(--biz-dist-map-select-primary-7)); }
.arco-upload-list-status { position: relative; cursor: pointer; line-height: 12px; }
.arco-upload-list-status:hover .arco-progress-circle-mask { stroke: rgba(var(--biz-dist-map-select-gray-10), 0.2); }
.arco-upload-list-status:hover .arco-progress-circle-path { stroke: rgb(var(--biz-dist-map-select-primary-7)); }
.arco-upload-list-item-done .arco-upload-list-file-icon { color: rgb(var(--biz-dist-map-select-primary-6)); }
.arco-upload-list-item { box-sizing: border-box; padding-right: 24px; margin-top: 12px; position: relative; }
.arco-upload-list-item-operation { font-size: 12px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: var(--biz-dist-map-select-color-text-2); }
.arco-upload-list-item-operation .arco-upload-list-remove-icon { font-size: inherit; }
.arco-upload-list-item-text { font-size: 14px; display: flex; align-items: center; border-radius: var(--biz-dist-map-select-border-radius-small); width: 100%; box-sizing: border-box; background-color: var(--biz-dist-map-select-color-fill-1); padding: 8px 10px 8px 12px; flex-wrap: nowrap; }
.arco-upload-list-item-text-content { flex: 1 1 0%; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-content: space-between; flex-wrap: nowrap; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item-text-thumbnail { height: 40px; width: 40px; margin-right: 12px; flex-shrink: 0; }
.arco-upload-list-item-text-thumbnail img { width: 100%; height: 100%; }
.arco-upload-list-item-text-name { white-space: nowrap; display: flex; overflow: hidden; flex-shrink: 1; flex-grow: 1; align-items: center; color: var(--biz-dist-map-select-color-text-1); font-size: 14px; text-overflow: ellipsis; line-height: 1.4286; margin-right: 10px; }
.arco-upload-list-item-text-name-link { cursor: pointer; text-decoration: none; overflow: hidden; color: rgb(var(--biz-dist-map-select-link-6)); text-overflow: ellipsis; }
.arco-upload-list-item-text-name-text { overflow: hidden; text-overflow: ellipsis; }
.arco-upload-list-item-error .arco-upload-list-status, .arco-upload-list-item-done .arco-upload-list-status { display: none; }
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link, .arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name { color: rgb(var(--biz-dist-map-select-danger-6)); }
.arco-upload-list.arco-upload-list-type-picture-card { display: inline; vertical-align: top; }
.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status { top: 50%; transform: translateY(-50%); margin-left: 0px; }
.arco-upload-list-type-picture-card .arco-upload-list-item { display: inline-block; vertical-align: top; margin-top: 0px; padding-right: 0px; margin-right: 8px; margin-bottom: 8px; overflow: hidden; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask { opacity: 1; }
.arco-upload-list-item-picture { width: 80px; height: 80px; line-height: 80px; position: relative; overflow: hidden; border-radius: var(--biz-dist-map-select-border-radius-small); box-sizing: border-box; text-align: center; vertical-align: top; }
.arco-upload-list-item-picture img { width: 100%; height: 100%; }
.arco-upload-list-item-picture-mask { cursor: pointer; position: absolute; text-align: center; inset: 0px; background: rgba(0, 0, 0, 0.5); color: var(--biz-dist-map-select-color-white); font-size: 16px; line-height: 80px; opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item-picture-operation { display: none; font-size: 14px; }
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon { color: var(--biz-dist-map-select-color-white); }
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon, .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon { margin-left: 20px; }
.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon { font-size: 26px; color: var(--biz-dist-map-select-color-white); }
.arco-upload-list-item-picture-mask:hover, .arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation { opacity: 1; display: block; }
.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip { display: none; }
.arco-upload-list-type-picture-list .arco-upload-list-item-text { padding-top: 8px; padding-bottom: 8px; }
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text { background-color: var(--biz-dist-map-select-color-danger-light-1); }
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name-link, .arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name { color: rgb(var(--biz-dist-map-select-danger-6)); }
.arco-upload-slide-up-enter { opacity: 0; }
.arco-upload-slide-up-enter-active { opacity: 1; transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-upload-slide-up-exit { opacity: 1; }
.arco-upload-slide-up-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s; }
.arco-upload-list-item.arco-upload-slide-inline-enter { opacity: 0; }
.arco-upload-list-item.arco-upload-slide-inline-enter-active { opacity: 1; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item.arco-upload-slide-inline-exit { opacity: 1; }
.arco-upload-list-item.arco-upload-slide-inline-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s; }._container_1lxa9_1 { display: flex; flex-direction: column; align-items: center; width: 100%; transition: 0.4s ease-in-out; }
._container_1lxa9_1 svg { display: block; }
._second_1lxa9_11 { display: flex; align-items: center; position: absolute; height: 120px; font-size: 40px; transition: opacity 0.2s ease-in-out; }
._tips_1lxa9_19 { margin-top: 18px; transition: opacity 0.2s ease-in-out; text-align: center; padding: 0px 8px; }
._tips_1lxa9_19 span { color: rgb(253, 111, 142); }
._cancelButton_1lxa9_28 { width: 72px; height: 32px; margin-top: 24px; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; }
._stopped_1lxa9_38, ._stopped_1lxa9_38 ._tips_1lxa9_19, ._stopped_1lxa9_38 ._second_1lxa9_11 { opacity: 0; }
._container_2hh0t_1 { display: flex; flex-direction: column; padding: 16px; }
._title_2hh0t_6 { color: rgb(255, 255, 255); margin-bottom: 12px; }
._message_2hh0t_10 { color: rgb(152, 162, 179); }
._buttons_2hh0t_13 { display: flex; flex-grow: 1; justify-content: flex-end; align-items: flex-end; }
._buttons_2hh0t_13 button { min-width: 80px; height: 28px; margin-left: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-radius: 4px; cursor: pointer; }
._buttons_2hh0t_13 button._primary_2hh0t_29 { background: linear-gradient(90deg, rgb(254, 24, 137) 0%, rgb(255, 95, 125) 100%), rgb(246, 61, 104); }
._container_15hlf_1 { width: 36px; height: 36px; border-radius: 36px; cursor: pointer; opacity: 1; }
._container_15hlf_1:hover { opacity: 1; }
._circle_15hlf_11 { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 36px; border: 2px solid white; }
._rect_15hlf_20 { width: 14px; height: 14px; background: rgb(229, 65, 54); border-radius: 2px; }
._active_15hlf_26._container_15hlf_1 ._rect_15hlf_20 { animation: 1.2s ease 0s infinite alternate none running _stop-button-animation_15hlf_1; }
@keyframes _stop-button-animation_15hlf_1 { 
  0% { opacity: 1; }
  70% { opacity: 0.7; }
  100% { opacity: 1; }
}
._container_14o0x_1 { display: flex; align-items: center; }
._stopButton_14o0x_5 { transition: 0.4s ease-in-out; }
._timeDisplay_14o0x_8 { margin-left: 9px; font-size: 14px; transition: 0.3s ease-in-out; }
._buttons_14o0x_13 { display: flex; margin-left: 4px; }
.mini ._container_14o0x_1 { width: 64px; height: 32px; }
.mini ._container_14o0x_1._recording_14o0x_21 { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_14o0x_1; }
.mini ._container_14o0x_1 ._stopButton_14o0x_5 { transform: scale(0); width: 0px; opacity: 0; }
.mini ._container_14o0x_1 ._buttons_14o0x_13 { opacity: 0; }
._container_36akj_7 { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999999; width: 136px; height: 48px; color: rgb(255, 255, 255); background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); border-radius: 32px; user-select: none; font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; cursor: default; transition: 0.3s ease-in-out; }
._container_36akj_7 * { box-sizing: border-box; }
._overlay_36akj_27 { position: fixed; z-index: 9999998; inset: 0px; user-select: none; transition: 0.3s ease-in-out; }
._overlay_36akj_27._masking_36akj_37 { user-select: all; backdrop-filter: brightness(66%) blur(4px); }
._controller_36akj_41 { position: absolute; margin-left: 8px; opacity: 0; transition: 0.3s ease-in-out; }
._countdown_36akj_47 { position: absolute; opacity: 0; transition: 0.5s ease-in-out; }
._messageBox_36akj_52 { position: absolute; inset: 0px; opacity: 0; pointer-events: none; transition: 0.24s ease-in-out; }
._handleBar_36akj_62 { display: flex; flex-wrap: wrap; position: absolute; right: 16px; width: 24px; height: 24px; padding: 2px 4px; pointer-events: none; cursor: move; opacity: 0; transition: opacity 0.3s ease-in-out; }
._handleBar_36akj_62 ._dot_36akj_78 { display: flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; width: 50%; height: 33%; }
._handleBar_36akj_62 ._dot_36akj_78 > div { width: 3px; height: 3px; border-radius: 100%; background: rgb(217, 217, 217); }
._initial_36akj_93._container_36akj_7 { opacity: 0; transform: translateY(-100px); }
._countingDown_36akj_97._container_36akj_7 { width: 216px; height: 268px; border-radius: 24px; transition: 0.5s ease-in-out; }
._countingDown_36akj_97._container_36akj_7._center_36akj_103 { transform: translate(-40px); }
._countingDown_36akj_97._container_36akj_7 ._countdown_36akj_47 { opacity: 1; transform: none; }
._recording_36akj_113._container_36akj_7 { justify-content: flex-start; transition: 0.3s ease-in-out; }
._recording_36akj_113._container_36akj_7 ._controller_36akj_41 { opacity: 1; }
._recording_36akj_113._container_36akj_7 ._countdown_36akj_47 { transform: scale(0.3) translate(-200px, -20px); }
._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62 { opacity: 0.5; pointer-events: all; }
._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62:hover { opacity: 1; }
._mini_36akj_130._container_36akj_7 { overflow: hidden; width: 64px; height: 32px; border-radius: 24px; background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); transition: 0.4s ease-in-out; }
._mini_36akj_130._container_36akj_7.recording { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_36akj_1; }
._mini_36akj_130._container_36akj_7._center_36akj_103 { transform: translate(36px); }
._mini_36akj_130._container_36akj_7 ._controller_36akj_41 { opacity: 1; }
._message_36akj_52._container_36akj_7 { width: 300px; height: 140px; border-radius: 24px; }
._message_36akj_52._container_36akj_7._center_36akj_103 { transform: translate(-82px); }
._message_36akj_52._container_36akj_7 ._messageBox_36akj_52 { opacity: 1; pointer-events: all; }
@keyframes _mini-recorder-controller-animation_36akj_1 { 
  0% { background: rgb(240, 68, 56); }
  70% { background: rgb(217, 45, 32); }
  100% { background: rgb(240, 68, 56); }
}
._dragContainer_36akj_170 { position: absolute; inset: 0px; z-index: 9999997; }._container_1lxa9_1 { display: flex; flex-direction: column; align-items: center; width: 100%; transition: 0.4s ease-in-out; }
._container_1lxa9_1 svg { display: block; }
._second_1lxa9_11 { display: flex; align-items: center; position: absolute; height: 120px; font-size: 40px; transition: opacity 0.2s ease-in-out; }
._tips_1lxa9_19 { margin-top: 18px; transition: opacity 0.2s ease-in-out; text-align: center; padding: 0px 8px; }
._tips_1lxa9_19 span { color: rgb(253, 111, 142); }
._cancelButton_1lxa9_28 { width: 72px; height: 32px; margin-top: 24px; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; }
._stopped_1lxa9_38, ._stopped_1lxa9_38 ._tips_1lxa9_19, ._stopped_1lxa9_38 ._second_1lxa9_11 { opacity: 0; }
._container_2hh0t_1 { display: flex; flex-direction: column; padding: 16px; }
._title_2hh0t_6 { color: rgb(255, 255, 255); margin-bottom: 12px; }
._message_2hh0t_10 { color: rgb(152, 162, 179); }
._buttons_2hh0t_13 { display: flex; flex-grow: 1; justify-content: flex-end; align-items: flex-end; }
._buttons_2hh0t_13 button { min-width: 80px; height: 28px; margin-left: 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); border-radius: 4px; cursor: pointer; }
._buttons_2hh0t_13 button._primary_2hh0t_29 { background: linear-gradient(90deg, rgb(254, 24, 137) 0%, rgb(255, 95, 125) 100%), rgb(246, 61, 104); }
._container_15hlf_1 { width: 36px; height: 36px; border-radius: 36px; cursor: pointer; opacity: 1; }
._container_15hlf_1:hover { opacity: 1; }
._circle_15hlf_11 { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 36px; border: 2px solid white; }
._rect_15hlf_20 { width: 14px; height: 14px; background: rgb(229, 65, 54); border-radius: 2px; }
._active_15hlf_26._container_15hlf_1 ._rect_15hlf_20 { animation: 1.2s ease 0s infinite alternate none running _stop-button-animation_15hlf_1; }
@keyframes _stop-button-animation_15hlf_1 { 
  0% { opacity: 1; }
  70% { opacity: 0.7; }
  100% { opacity: 1; }
}
._container_14o0x_1 { display: flex; align-items: center; }
._stopButton_14o0x_5 { transition: 0.4s ease-in-out; }
._timeDisplay_14o0x_8 { margin-left: 9px; font-size: 14px; transition: 0.3s ease-in-out; }
._buttons_14o0x_13 { display: flex; margin-left: 4px; }
.mini ._container_14o0x_1 { width: 64px; height: 32px; }
.mini ._container_14o0x_1._recording_14o0x_21 { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_14o0x_1; }
.mini ._container_14o0x_1 ._stopButton_14o0x_5 { transform: scale(0); width: 0px; opacity: 0; }
.mini ._container_14o0x_1 ._buttons_14o0x_13 { opacity: 0; }
._container_36akj_7 { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999999; width: 136px; height: 48px; color: rgb(255, 255, 255); background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); border-radius: 32px; user-select: none; font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; cursor: default; transition: 0.3s ease-in-out; }
._container_36akj_7 * { box-sizing: border-box; }
._overlay_36akj_27 { position: fixed; z-index: 9999998; inset: 0px; user-select: none; transition: 0.3s ease-in-out; }
._overlay_36akj_27._masking_36akj_37 { user-select: all; backdrop-filter: brightness(66%) blur(4px); }
._controller_36akj_41 { position: absolute; margin-left: 8px; opacity: 0; transition: 0.3s ease-in-out; }
._countdown_36akj_47 { position: absolute; opacity: 0; transition: 0.5s ease-in-out; }
._messageBox_36akj_52 { position: absolute; inset: 0px; opacity: 0; pointer-events: none; transition: 0.24s ease-in-out; }
._handleBar_36akj_62 { display: flex; flex-wrap: wrap; position: absolute; right: 16px; width: 24px; height: 24px; padding: 2px 4px; pointer-events: none; cursor: move; opacity: 0; transition: opacity 0.3s ease-in-out; }
._handleBar_36akj_62 ._dot_36akj_78 { display: flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; width: 50%; height: 33%; }
._handleBar_36akj_62 ._dot_36akj_78 > div { width: 3px; height: 3px; border-radius: 100%; background: rgb(217, 217, 217); }
._initial_36akj_93._container_36akj_7 { opacity: 0; transform: translateY(-100px); }
._countingDown_36akj_97._container_36akj_7 { width: 216px; height: 268px; border-radius: 24px; transition: 0.5s ease-in-out; }
._countingDown_36akj_97._container_36akj_7._center_36akj_103 { transform: translate(-40px); }
._countingDown_36akj_97._container_36akj_7 ._countdown_36akj_47 { opacity: 1; transform: none; }
._recording_36akj_113._container_36akj_7 { justify-content: flex-start; transition: 0.3s ease-in-out; }
._recording_36akj_113._container_36akj_7 ._controller_36akj_41 { opacity: 1; }
._recording_36akj_113._container_36akj_7 ._countdown_36akj_47 { transform: scale(0.3) translate(-200px, -20px); }
._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62 { opacity: 0.5; pointer-events: all; }
._recording_36akj_113._container_36akj_7 ._handleBar_36akj_62:hover { opacity: 1; }
._mini_36akj_130._container_36akj_7 { overflow: hidden; width: 64px; height: 32px; border-radius: 24px; background: linear-gradient(63.44deg, rgb(29, 41, 57) 16.72%, rgb(71, 84, 103) 83.39%); transition: 0.4s ease-in-out; }
._mini_36akj_130._container_36akj_7.recording { animation: 1.2s ease 0s infinite alternate none running _mini-recorder-controller-animation_36akj_1; }
._mini_36akj_130._container_36akj_7._center_36akj_103 { transform: translate(36px); }
._mini_36akj_130._container_36akj_7 ._controller_36akj_41 { opacity: 1; }
._message_36akj_52._container_36akj_7 { width: 300px; height: 140px; border-radius: 24px; }
._message_36akj_52._container_36akj_7._center_36akj_103 { transform: translate(-82px); }
._message_36akj_52._container_36akj_7 ._messageBox_36akj_52 { opacity: 1; pointer-events: all; }
@keyframes _mini-recorder-controller-animation_36akj_1 { 
  0% { background: rgb(240, 68, 56); }
  70% { background: rgb(217, 45, 32); }
  100% { background: rgb(240, 68, 56); }
}
._dragContainer_36akj_170 { position: absolute; inset: 0px; z-index: 9999997; }.form-box[data-v-0ea598c4]{display:flex;flex-direction:column}.repair-modal-footer[data-v-0ea598c4]{padding:16px 0;display:flex;justify-content:flex-end}.repair-box[data-v-8d725ca0]{position:relative;top:-1px;width:32px;height:32px;border-radius:4px;background:var(--UIKIT-Bg-bg-8, #fff);padding:7px}.wallet-name-card{padding-left:12px!important;padding-right:12px!important}.title[data-v-773193aa]{font-size:14px;color:#31343b;font-style:normal;font-weight:600;line-height:20px;margin-bottom:9px}.content[data-v-773193aa]{color:#31343b}.content .number[data-v-773193aa]{font-weight:600}.account-wallet[data-v-afd475c8]{font-size:12px;display:flex}.account-wallet>div[data-v-afd475c8]{height:52px}.account-wallet .account-icon[data-v-afd475c8]{font-size:20px;margin-right:4px}.account-wallet-val[data-v-afd475c8]{font-family:OPPOSans;font-size:14px;line-height:20px;text-align:right;color:#31343b}.item-content-account[data-v-afd475c8]{display:flex;justify-content:space-between;width:100%}.item-content-account .item-info[data-v-afd475c8]{color:#0057ff;display:flex;align-items:center;cursor:pointer}.item-content-account .item-info>img[data-v-afd475c8]{margin-right:4px;align-items:center}.item-content-account .toBack[data-v-afd475c8]{justify-content:flex-end}.account-wallet-bg[data-v-afd475c8]{border-radius:12px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.4);backdrop-filter:blur(2px)}.account-wallet-edit-icon-wrapper{position:relative;align-self:flex-start}.account-wallet-edit-icon-wrapper .account-wallet-edit-icon{color:#31343b;position:absolute;top:2px;left:-4px}
.promotion-data-overview .oc-promotion-metric-card .oc-statistic{position:relative}.promotion-data-overview .day-dimension-metric-placeholder{position:absolute;top:16px;right:16px;min-width:80px;height:20px;display:flex;align-items:center;justify-content:center;color:#93969d;font-size:12px}.promotion-data-overview .icon-popover-reference{margin-left:12px!important}.promotion-data-overview-gray{position:relative;z-index:1;background:#F5F7FA;padding:16px;border-radius:12px}.promotion-data-overview-gray .oc-promotion-custom-column .custom-column-btn button,.promotion-data-overview-gray .oc-promotion-data-overview-control-bar .oc-control-bar-right .oc-promotion-data-overview-toggle-btn button{background:#F5F7FA!important;border-color:#f5f7fa!important}
.more-filter-pop .ovui-cascader-panel .oc-row-cascader-list{max-height:230px}[data-v-2c15273a] .main-panel .ovui-custom-input__wrapper{display:flex;float:left}[data-v-2c15273a] .select-sp .ovui-input{width:34px}[data-v-2c15273a] .select-sp .ovui-input__suffix .ovui-icon{width:0}[data-v-2c15273a] .active-panel{background:#EDF5FD}[data-v-2c15273a] .active-panel .ovui-custom-input__wrapper{display:flex!important;float:left!important}[data-v-2c15273a] .active-panel .active-panel .ovui-custom-input--fill,[data-v-2c15273a] .active-panel .ovui-input__wrapper,[data-v-2c15273a] .active-panel .active-panel .ovui-tag--default-fill,[data-v-2c15273a] .active-panel .active-panel .ovui-button--default-fill,[data-v-2c15273a] .active-panel .active-panel .ovui-input__wrapper--fill,[data-v-2c15273a] .active-panel .active-panel .ovui-custom-input--fill,[data-v-2c15273a] .active-panel .active-panel .ovui-cascader__tips{border-width:0px!important}[data-v-2c15273a] .active-panel .ovui-input__wrapper--fill.ovui-input__wrapper--focused{box-shadow:none!important}[data-v-2c15273a] .active-panel .ovui-custom-input--fill,[data-v-2c15273a] .active-panel .ovui-tag--default-fill,[data-v-2c15273a] .active-panel .ovui-button--default-fill,[data-v-2c15273a] .active-panel .ovui-input__wrapper--fill,[data-v-2c15273a] .active-panel .ovui-custom-input--fill{background-color:#e5f5ff!important;border-color:#e5f5ff;color:#0057ff;overflow:hidden}[data-v-2c15273a] .active-panel .ovui-custom-input--fill span,[data-v-2c15273a] .active-panel .ovui-tag--default-fill span,[data-v-2c15273a] .active-panel .ovui-button--default-fill span,[data-v-2c15273a] .active-panel .ovui-input__wrapper--fill span,[data-v-2c15273a] .active-panel .ovui-custom-input--fill span,[data-v-2c15273a] .active-panel .ovui-cascader__arrow,[data-v-2c15273a] .active-panel .ovui-input{color:#0057ff}[data-v-2c15273a] .active-panel .ovui-input__wrapper--sm{padding:0}[data-v-2c15273a] .active-panel .ovui-cascader-panel__item-label{font-size:12px!important}[data-v-2c15273a] .active-panel .ovui-custom-input--fill.ovui-custom-input--focused,[data-v-2c15273a] .active-panel .ovui-custom-input--fill.ovui-custom-input--focused:hover{box-shadow:none;border-color:transparent}[data-v-2c15273a] .active-panel .ovui-custom-input--open{height:30px}[data-v-2c15273a] .active-panel .ovui-cascader__tag-content{color:#0057ff;margin-left:5px;max-width:40px}[data-v-2c15273a] .active-panel .ovui-cascader__tips{color:#0057ff}[data-v-2c15273a] .active-panel .ovui-custom-input{padding:0}[data-v-2c15273a] .active-panel .ovui-tag__close{color:#0057ff;margin-top:0;margin-right:5px}[data-v-2c15273a] .active-panel .ovui-tag--default-stroke{width:70px}
.new-customer-trial{background:#f2f4f7}.new-customer-text{color:#ff1764}.cus-to-local-img{opacity:.5}.cus-to-local-img:hover{cursor:not-allowed}.material-button[data-v-72718cf5]{position:relative;display:flex;align-items:center;margin-left:16px;padding:5px 16px;border:1px solid var(--border-color-3, #B9BCC3);background:var(--bg-2, #FFF);border-radius:8px;color:var(--text-gray-5, #323335);font-size:14px;font-style:normal;font-weight:400;line-height:22px;cursor:pointer}.material-button .new-badge[data-v-72718cf5]{position:absolute;z-index:10;top:-7px;right:-12px;width:25px;height:14px;box-sizing:border-box;padding:1px 2px;margin:0;border-radius:4px;background:var(--danger-5, #E34949);color:var(--text-white-5, #FFF);font-size:9px;font-style:normal;font-weight:600;line-height:12px}.darwin-venus-poptip[data-popper-placement^=bottom]>[data-popper-arrow]{top:-10px!important}.promotion-customer-create-button-after[data-v-558c63bc]{position:absolute;right:-5px;top:-13px}.promotion-customer-create-button[data-v-558c63bc]{position:relative;margin-left:16px}.promotion-customer-created-button-after{position:absolute;right:-5px;top:-13px}.promotion-customer-created-button{position:relative;padding:4px 16px;height:32px;margin-left:8px;border-radius:8px;color:#fff;background:#0057FF;cursor:pointer;font-weight:400}.custom-tag-red{background-color:#e34949!important;color:#fff!important}
.project-table-modal-body-class{padding-bottom:24px!important}.is-table-loading .ovui-spin__block-mask,.is-table-loading .ovui-spin__block{z-index:1999!important}
#navRootDom { font-family: "PingFang SC"; }
.nav-main img { display: inline-block; }
.nav-main p { margin: 0px; }
.nav-main .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nav-main .nav-gray-ebebed { background: rgb(185, 188, 195); }
.nav-main .bg-white { background: rgb(255, 255, 255); }
.nav-main .nav-blue-338aff { background: rgb(51, 138, 255); }
.nav-main .nav-gray-969AA0 { color: rgb(147, 150, 157); }
.nav-main .nav-gray-323335 { color: rgb(49, 52, 59); }
.nav-main .nav-blue-2A55E5 { color: rgb(0, 87, 255); }
.nav-main .nav-blue-2F88FF { color: rgb(47, 136, 255); }
.nav-main .nav-blue-338aff { color: rgb(51, 138, 255); }
.nav-main .nav-gray-64666b { color: rgb(98, 101, 108); }
.nav-main .text-navGray-969AA0 { color: rgb(147, 150, 157); }
.nav-main .color-white { color: rgb(255, 255, 255); }
.nav-main .weight-600 { font-weight: 600; }
.nav-main .opacity-50 { opacity: 0.5; --tw-text-opacity: 0.5; }
.nav-main .opacity-75 { opacity: 0.75; --tw-text-opacity: 0.75; }
.nav-main .opacity-80 { opacity: 0.8; --tw-text-opacity: 0.8; }
a { text-decoration: none; }
p { margin: 0px; }
.super-icon-color:hover { color: rgb(42, 85, 229); }
.nav-icon-color { opacity: 0.5; }
.nav-icon-color:hover { opacity: 1; }
.super-text-color { color: rgb(42, 85, 229); }
.super-text-color:hover { color: rgb(80, 122, 236); }
.super-text-color:active { color: rgb(35, 72, 197); }
.nav-text-color { color: rgb(51, 138, 255); }
.nav-text-color:hover { color: rgb(88, 160, 255); }
.nav-text-color:active { color: rgb(6, 114, 255); }
.nav-class-text, .nav-superior-text { color: rgb(49, 52, 59); }
.menu-superior-text:hover, .nav-superior-text:hover { color: rgb(0, 87, 255); cursor: pointer; }
.menu-class-text:hover, .nav-class-text:hover { color: rgb(88, 160, 255); cursor: pointer; }
.menu-class-text, .menu-superior-text { color: rgb(98, 101, 108); }
.navigator-dropdown__popper { max-height: 245px; }
.drop-con-mes.navigator-dropdown__popper, .navigator-dropdown__popper { border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px !important; }
.drop-con-mes.navigator-dropdown__popper { z-index: 2999 !important; max-height: 245px !important; }
.brand-matrix-popover img { max-width: inherit; }.i-icon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
.i-icon-spin svg { animation: 1s linear 0s infinite normal none running i-icon-spin; }
.i-icon-rtl { transform: scaleX(-1); }
@keyframes i-icon-spin { 
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes i-icon-spin { 
  100% { transform: rotate(1turn); }
}html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
[hidden], template { display: none; }
.navigator-fade-enter-active, .navigator-fade-leave-active { transition: opacity 0.15s linear; }
.navigator-fade-enter-from, .navigator-fade-leave-to { opacity: 0 !important; }
.navigator-fade-enter-to, .navigator-fade-leave-from { opacity: 1 !important; }
.navigator-collapse-y-enter-active, .navigator-collapse-y-leave-active { transition: height 0.2s; }
*, ::after, ::before { box-sizing: border-box; }
.clearfix::after, .clearfix::before { content: ""; display: table; }
.clearfix::after { clear: both; }
.navigator-alert { position: relative; font-size: 12px; padding: 6px 16px; border-radius: 4px; display: flex; align-items: flex-start; }
.navigator-alert__icon { display: flex; width: 14px; height: 14px; margin-right: 8px; margin-top: 2px; }
.navigator-alert__main-wrapper { flex: 1 1 0%; }
.navigator-alert__close { cursor: pointer; display: flex; margin-top: 2px; margin-left: 8px; }
.navigator-alert__close .navigator-alert__close-icon { width: 16px; height: 16px; color: rgb(49, 52, 59); }
.navigator-alert__title { font-weight: 600; }
.navigator-alert__description, .navigator-alert__title { font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.navigator-alert--info { background-color: rgb(232, 244, 255); }
.navigator-alert--info .navigator-alert__icon { color: rgb(0, 87, 255); }
.navigator-alert--info.navigator-alert--border { border: 1px solid rgb(186, 218, 255); }
.navigator-alert--info .navigator-alert__banner-icon { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.navigator-alert--success { background-color: rgb(236, 248, 235); }
.navigator-alert--success .navigator-alert__icon { color: rgb(13, 166, 0); }
.navigator-alert--success.navigator-alert--border { border: 1px solid rgb(131, 219, 178); }
.navigator-alert--success .navigator-alert__banner-icon { background-color: rgb(13, 166, 0); color: rgb(255, 255, 255); }
.navigator-alert--danger { background-color: rgb(253, 242, 242); }
.navigator-alert--danger .navigator-alert__icon { color: rgb(227, 73, 73); }
.navigator-alert--danger.navigator-alert--border { border: 1px solid rgb(245, 187, 187); }
.navigator-alert--danger .navigator-alert__banner-icon { background-color: rgb(227, 73, 73); color: rgb(255, 255, 255); }
.navigator-alert--warning { background-color: rgb(255, 249, 224); }
.navigator-alert--warning .navigator-alert__icon { color: rgb(235, 150, 23); }
.navigator-alert--warning.navigator-alert--border { border: 1px solid rgb(255, 221, 96); }
.navigator-alert--warning .navigator-alert__banner-icon { background-color: rgb(235, 150, 23); color: rgb(255, 255, 255); }
.navigator-alert--text { display: inline-flex; padding: initial; border: initial; background-color: initial; }
.navigator-alert--banner { background-color: rgb(255, 255, 255); border: 1px solid rgb(232, 234, 237); }
.navigator-alert--banner .navigator-alert__banner-icon { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 34px; display: inline-flex; align-items: center; justify-content: center; margin: -7px 12px -7px -17px; align-self: stretch; }
.navigator-alert--rtl { direction: rtl; }
.navigator-alert--rtl .navigator-alert__icon { margin-left: 8px; margin-right: 0px; }
.navigator-alert--rtl .navigator-alert__close { margin-right: 8px; margin-left: 0px; }
.navigator-alert--rtl .navigator-alert__banner-icon { border-radius: 0px 4px 4px 0px; margin: -7px -17px -7px 12px; }
.navigator-anchor { position: relative; padding-left: 2px; }
.navigator-anchor__track { position: absolute; height: 100%; left: 0px; top: 0px; background: rgb(232, 234, 237); width: 2px; }
.navigator-anchor__track .navigator-anchor__ink { display: none; position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 1px solid rgb(0, 87, 255); background-color: rgb(255, 255, 255); top: 0px; left: 50%; transform: translateX(-50%); transition: 0.15s ease-in-out; }
.navigator-anchor__track .navigator-anchor__ink--active { display: block; }
.navigator-anchor-link { padding: 6px 0px 6px 12px; }
.navigator-anchor-link__title { text-decoration: none; text-overflow: ellipsis; font-size: 12px; height: 20px; line-height: 18px; color: rgb(49, 52, 59); white-space: nowrap; overflow: hidden; }
.navigator-anchor-link--active .navigator-anchor-link__title, .navigator-anchor-link:hover .navigator-anchor-link__title { color: rgb(0, 87, 255); }
.navigator-auto-complete-option { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-auto-complete-option__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-auto-complete-option__content { flex: 1 1 0%; align-items: center; }
.navigator-auto-complete-option__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-auto-complete-option__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-auto-complete-option__expand--icon { color: rgb(49, 52, 59); }
.navigator-auto-complete-option.navigator-auto-complete-option--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-auto-complete-option--single.navigator-auto-complete-option--selected { color: rgb(0, 87, 255); }
.navigator-auto-complete-option.navigator-auto-complete-option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-auto-complete-option.navigator-auto-complete-option--disabled .navigator-auto-complete-option__expand--icon { color: rgb(185, 188, 195); }
.navigator-auto-complete-option.navigator-auto-complete-option--disabled.navigator-auto-complete-option--single.navigator-auto-complete-option--selected { color: rgb(186, 218, 255); }
.navigator-auto-complete-option:hover:not(.navigator-auto-complete-option--disabled) { background-color: rgb(242, 244, 247); }
.navigator-auto-complete-option--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-auto-complete-option--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-auto-complete-option--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-auto-complete-option--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-auto-complete-option--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-auto-complete-option--rtl { direction: rtl; }
.navigator-auto-complete-option--rtl .navigator-auto-complete-option__action { margin-right: 0px; margin-left: 8px; }
.navigator-auto-complete-option--rtl .navigator-auto-complete-option__expand { margin-left: 0px; margin-right: 8px; }
.navigator-auto-complete { display: inline-flex; width: 100%; }
.navigator-auto-complete__options { max-height: 192px; overflow-y: auto; padding: 6px 0px; display: none; }
.navigator-auto-complete__options--show { display: block; }
.navigator-auto-complete__options::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-auto-complete__options::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-auto-complete__options::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-auto-complete__options::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-auto-complete__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-auto-complete__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; display: none; background-color: rgb(255, 255, 255); }
.navigator-auto-complete__popper--show { display: block; }
.navigator-auto-complete__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-auto-complete__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-auto-complete__popper--rtl { direction: rtl; }
.navigator-avatar { position: relative; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.navigator-avatar--circle { border-radius: 50%; }
.navigator-avatar--square { border-radius: 6px; }
.navigator-avatar--img { background: transparent; }
.navigator-avatar__img { width: 100%; height: 100%; display: block; }
.navigator-badge { display: inline-flex; position: relative; font-size: 14px; }
.navigator-badge__count { position: absolute; top: 0px; right: 0px; transform: translate(50%, -50%); z-index: 3; font-size: 12px; line-height: 18px; border-radius: 9px; color: rgb(255, 255, 255); background: rgb(227, 73, 73); padding: 0px 6px; min-width: 20px; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.navigator-badge.navigator-badge--standalone .navigator-badge__count, .navigator-badge.navigator-badge--standalone .navigator-badge__dot { position: relative; transform: none; top: auto; }
.navigator-badge.navigator-badge--standalone .navigator-badge__count:not(:last-of-type) { min-width: 0px; padding: 0px; }
.navigator-badge__dot { top: 0px; right: 0px; position: absolute; transform: translate(50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: rgb(227, 73, 73); }
.navigator-badge__status--info { background: rgb(0, 87, 255); }
.navigator-badge__status--success { background: rgb(13, 166, 0); }
.navigator-badge__status--warning { background: rgb(235, 150, 23); }
.navigator-badge__status--danger { background: rgb(227, 73, 73); }
.navigator-badge__status--default { background: rgb(245, 247, 250); }
.navigator-badge.navigator-badge--rtl:not(.navigator-badge--standalone) { direction: rtl; }
.navigator-badge.navigator-badge--rtl:not(.navigator-badge--standalone) .navigator-badge__count, .navigator-badge.navigator-badge--rtl:not(.navigator-badge--standalone) .navigator-badge__dot { direction: ltr; left: 0px; right: auto; transform: translate(-50%, -50%); }
.navigator-breadcrumb { display: flex; }
.navigator-breadcrumb-item { display: flex; text-decoration: none; }
.navigator-breadcrumb-item__content { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; font-weight: 400; cursor: pointer; }
.navigator-breadcrumb-item__content:hover { color: rgb(0, 87, 255); }
.navigator-breadcrumb-item__content:active, .navigator-breadcrumb-item__content:focus { color: rgb(0, 63, 210); }
.navigator-breadcrumb-item__separator { margin: 0px 6.5px; font-size: 16px; line-height: 22px; vertical-align: middle; color: rgb(147, 150, 157); }
.navigator-breadcrumb-item:last-child .navigator-breadcrumb-item__content { color: rgb(49, 52, 59); font-weight: 400; cursor: unset; }
.navigator-breadcrumb-item:last-child .navigator-breadcrumb-item__content:active, .navigator-breadcrumb-item:last-child .navigator-breadcrumb-item__content:focus, .navigator-breadcrumb-item:last-child .navigator-breadcrumb-item__content:hover { color: rgb(49, 52, 59); }
.navigator-breadcrumb-item:last-child .navigator-breadcrumb-item__separator { display: none; }
.navigator-breadcrumb--rtl { direction: rtl; }
@keyframes bui-button-primary-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-info-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-success-fill-focus-wave { 
  0% { box-shadow: rgba(13, 166, 0, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(13, 166, 0, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-warning-fill-focus-wave { 
  0% { box-shadow: rgba(235, 150, 23, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(235, 150, 23, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-danger-fill-focus-wave { 
  0% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0) 0px 0px 0px 6px; }
}
.navigator-button { position: relative; display: inline-flex; justify-content: center; align-items: center; outline: none; border-radius: 4px; border: 1px solid transparent; user-select: none; appearance: none; white-space: nowrap; cursor: pointer; vertical-align: text-bottom; }
.navigator-button--default-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.navigator-button--default-fill[data-motion-wave="after"]::after, .navigator-button--default-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.navigator-button--default-fill:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.navigator-button--default-fill:hover[data-motion-wave="after"]::after, .navigator-button--default-fill:hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill:focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); transition: background-color 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); }
.navigator-button--default-fill:focus[data-motion-wave="after"]::after, .navigator-button--default-fill:focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-fill:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.navigator-button--default-fill:active[data-motion-wave="after"]::after, .navigator-button--default-fill:active[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--checked, .navigator-button--default-fill.navigator-button--checked:active, .navigator-button--default-fill.navigator-button--checked:focus, .navigator-button--default-fill.navigator-button--checked:hover { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-fill.navigator-button--disabled, .navigator-button--default-fill.navigator-button--disabled:active, .navigator-button--default-fill.navigator-button--disabled:focus, .navigator-button--default-fill.navigator-button--disabled:hover, .navigator-button--default-fill.navigator-button--loading, .navigator-button--default-fill.navigator-button--loading:active, .navigator-button--default-fill.navigator-button--loading:focus, .navigator-button--default-fill.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--default-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-fill[data-motion-wave="after"]::after, .navigator-button--primary-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.navigator-button--primary-fill:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--primary-fill:active[data-motion-wave="after"]::after, .navigator-button--primary-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-fill:focus { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--primary-fill:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill:focus[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--checked, .navigator-button--primary-fill.navigator-button--checked:active, .navigator-button--primary-fill.navigator-button--checked:focus, .navigator-button--primary-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--disabled, .navigator-button--primary-fill.navigator-button--disabled:active, .navigator-button--primary-fill.navigator-button--disabled:focus, .navigator-button--primary-fill.navigator-button--disabled:hover, .navigator-button--primary-fill.navigator-button--loading, .navigator-button--primary-fill.navigator-button--loading:active, .navigator-button--primary-fill.navigator-button--loading:focus, .navigator-button--primary-fill.navigator-button--loading:hover { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-fill[data-motion-wave="after"]::after, .navigator-button--info-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.navigator-button--info-fill:hover[data-motion-wave="after"]::after, .navigator-button--info-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-fill:focus { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.navigator-button--info-fill:focus[data-motion-wave="after"]::after, .navigator-button--info-fill:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--info-fill:active[data-motion-wave="after"]::after, .navigator-button--info-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--checked, .navigator-button--info-fill.navigator-button--checked:active, .navigator-button--info-fill.navigator-button--checked:focus, .navigator-button--info-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--disabled, .navigator-button--info-fill.navigator-button--disabled:active, .navigator-button--info-fill.navigator-button--disabled:focus, .navigator-button--info-fill.navigator-button--disabled:hover, .navigator-button--info-fill.navigator-button--loading, .navigator-button--info-fill.navigator-button--loading:active, .navigator-button--info-fill.navigator-button--loading:focus, .navigator-button--info-fill.navigator-button--loading:hover { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--warning-fill { color: rgb(255, 255, 255); background-color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.navigator-button--warning-fill[data-motion-wave="after"]::after, .navigator-button--warning-fill[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-fill:hover { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s ease-in-out; }
.navigator-button--warning-fill:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill:hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill:focus { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.navigator-button--warning-fill:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill:focus[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill:active { color: rgb(255, 255, 255); background-color: rgb(226, 142, 17); border-color: rgb(226, 142, 17); transition: 0.1s ease-in-out; }
.navigator-button--warning-fill:active[data-motion-wave="after"]::after, .navigator-button--warning-fill:active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-fill.navigator-button--checked, .navigator-button--warning-fill.navigator-button--checked:active, .navigator-button--warning-fill.navigator-button--checked:focus, .navigator-button--warning-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); }
.navigator-button--warning-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill.navigator-button--disabled, .navigator-button--warning-fill.navigator-button--disabled:active, .navigator-button--warning-fill.navigator-button--disabled:focus, .navigator-button--warning-fill.navigator-button--disabled:hover, .navigator-button--warning-fill.navigator-button--loading, .navigator-button--warning-fill.navigator-button--loading:active, .navigator-button--warning-fill.navigator-button--loading:focus, .navigator-button--warning-fill.navigator-button--loading:hover { color: rgb(255, 249, 224); background-color: rgb(255, 221, 96); border-color: rgb(255, 221, 96); }
.navigator-button--warning-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-fill { color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.navigator-button--danger-fill[data-motion-wave="after"]::after, .navigator-button--danger-fill[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-fill:hover { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-button--danger-fill:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill:focus { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.navigator-button--danger-fill:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill:focus[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill:active { color: rgb(255, 255, 255); background-color: rgb(199, 16, 35); border-color: rgb(199, 16, 35); transition: 0.1s ease-in-out; }
.navigator-button--danger-fill:active[data-motion-wave="after"]::after, .navigator-button--danger-fill:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-fill.navigator-button--checked, .navigator-button--danger-fill.navigator-button--checked:active, .navigator-button--danger-fill.navigator-button--checked:focus, .navigator-button--danger-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); }
.navigator-button--danger-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill.navigator-button--disabled, .navigator-button--danger-fill.navigator-button--disabled:active, .navigator-button--danger-fill.navigator-button--disabled:focus, .navigator-button--danger-fill.navigator-button--disabled:hover, .navigator-button--danger-fill.navigator-button--loading, .navigator-button--danger-fill.navigator-button--loading:active, .navigator-button--danger-fill.navigator-button--loading:focus, .navigator-button--danger-fill.navigator-button--loading:hover { color: rgb(253, 242, 242); background-color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-button--danger-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--success-fill { color: rgb(255, 255, 255); background-color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.navigator-button--success-fill[data-motion-wave="after"]::after, .navigator-button--success-fill[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-fill:hover { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s ease-in-out; }
.navigator-button--success-fill:hover[data-motion-wave="after"]::after, .navigator-button--success-fill:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill:focus { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.navigator-button--success-fill:focus[data-motion-wave="after"]::after, .navigator-button--success-fill:focus[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 116, 48); border-color: rgb(0, 116, 48); transition: 0.1s ease-in-out; }
.navigator-button--success-fill:active[data-motion-wave="after"]::after, .navigator-button--success-fill:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-fill.navigator-button--checked, .navigator-button--success-fill.navigator-button--checked:active, .navigator-button--success-fill.navigator-button--checked:focus, .navigator-button--success-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); }
.navigator-button--success-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill.navigator-button--disabled, .navigator-button--success-fill.navigator-button--disabled:active, .navigator-button--success-fill.navigator-button--disabled:focus, .navigator-button--success-fill.navigator-button--disabled:hover, .navigator-button--success-fill.navigator-button--loading, .navigator-button--success-fill.navigator-button--loading:active, .navigator-button--success-fill.navigator-button--loading:focus, .navigator-button--success-fill.navigator-button--loading:hover { color: rgb(236, 248, 235); background-color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.navigator-button--success-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--default-stroke { color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); border-color: rgb(223, 224, 226); }
.navigator-button--default-stroke[data-motion-wave="after"]::after, .navigator-button--default-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-button--default-stroke:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke:hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--default-stroke:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--default-stroke:active[data-motion-wave="after"]::after, .navigator-button--default-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--default-stroke.navigator-button--checked, .navigator-button--default-stroke.navigator-button--checked:active, .navigator-button--default-stroke.navigator-button--checked:focus, .navigator-button--default-stroke.navigator-button--checked:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke.navigator-button--disabled, .navigator-button--default-stroke.navigator-button--disabled:active, .navigator-button--default-stroke.navigator-button--disabled:focus, .navigator-button--default-stroke.navigator-button--disabled:hover, .navigator-button--default-stroke.navigator-button--loading, .navigator-button--default-stroke.navigator-button--loading:active, .navigator-button--default-stroke.navigator-button--loading:focus, .navigator-button--default-stroke.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-stroke[data-motion-wave="after"]::after, .navigator-button--primary-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--primary-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-primary { 
  0% { box-shadow: rgba(46, 123, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(46, 123, 255, 0) 0px 0px 0px 6px; }
}
.navigator-button--primary-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-stroke.navigator-button--disabled, .navigator-button--primary-stroke.navigator-button--disabled:active, .navigator-button--primary-stroke.navigator-button--disabled:focus, .navigator-button--primary-stroke.navigator-button--disabled:hover, .navigator-button--primary-stroke.navigator-button--loading, .navigator-button--primary-stroke.navigator-button--loading:active, .navigator-button--primary-stroke.navigator-button--loading:focus, .navigator-button--primary-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--success-stroke { color: rgb(13, 166, 0); background-color: rgb(255, 255, 255); border-color: rgb(13, 166, 0); }
.navigator-button--success-stroke[data-motion-wave="after"]::after, .navigator-button--success-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-stroke:hover { color: rgb(9, 177, 96); background-color: rgb(255, 255, 255); border-color: rgb(9, 177, 96); }
.navigator-button--success-stroke:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-stroke:focus { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.navigator-button--success-stroke:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
@keyframes bui-button-focus-wave-effect-success { 
  0% { box-shadow: rgba(9, 177, 96, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(9, 177, 96, 0) 0px 0px 0px 6px; }
}
.navigator-button--success-stroke:active { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.navigator-button--success-stroke:active[data-motion-wave="after"]::after, .navigator-button--success-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--checked, .navigator-button--success-stroke.navigator-button--checked:active, .navigator-button--success-stroke.navigator-button--checked:focus, .navigator-button--success-stroke.navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--disabled, .navigator-button--success-stroke.navigator-button--disabled:active, .navigator-button--success-stroke.navigator-button--disabled:focus, .navigator-button--success-stroke.navigator-button--disabled:hover, .navigator-button--success-stroke.navigator-button--loading, .navigator-button--success-stroke.navigator-button--loading:active, .navigator-button--success-stroke.navigator-button--loading:focus, .navigator-button--success-stroke.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--warning-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 255, 255); border-color: rgb(235, 150, 23); }
.navigator-button--warning-stroke[data-motion-wave="after"]::after, .navigator-button--warning-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 255, 255); border-color: rgb(246, 183, 12); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.navigator-button--warning-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
@keyframes bui-button-focus-wave-effect-warning { 
  0% { box-shadow: rgba(246, 183, 12, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(246, 183, 12, 0) 0px 0px 0px 6px; }
}
.navigator-button--warning-stroke:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-stroke.navigator-button--disabled, .navigator-button--warning-stroke.navigator-button--disabled:active, .navigator-button--warning-stroke.navigator-button--disabled:focus, .navigator-button--warning-stroke.navigator-button--disabled:hover, .navigator-button--warning-stroke.navigator-button--loading, .navigator-button--warning-stroke.navigator-button--loading:active, .navigator-button--warning-stroke.navigator-button--loading:focus, .navigator-button--warning-stroke.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-stroke { color: rgb(227, 73, 73); background-color: rgb(255, 255, 255); border-color: rgb(227, 73, 73); }
.navigator-button--danger-stroke[data-motion-wave="after"]::after, .navigator-button--danger-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-stroke:hover { color: rgb(234, 121, 121); background-color: rgb(255, 255, 255); border-color: rgb(234, 121, 121); }
.navigator-button--danger-stroke:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-stroke:focus { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.navigator-button--danger-stroke:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke:focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
@keyframes bui-button-focus-wave-effect-danger { 
  0% { box-shadow: rgba(234, 123, 123, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(234, 123, 123, 0) 0px 0px 0px 6px; }
}
.navigator-button--danger-stroke:active { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.navigator-button--danger-stroke:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--checked:active, .navigator-button--danger-stroke.navigator-button--checked:focus, .navigator-button--danger-stroke.navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--disabled, .navigator-button--danger-stroke.navigator-button--disabled:active, .navigator-button--danger-stroke.navigator-button--disabled:focus, .navigator-button--danger-stroke.navigator-button--disabled:hover, .navigator-button--danger-stroke.navigator-button--loading, .navigator-button--danger-stroke.navigator-button--loading:active, .navigator-button--danger-stroke.navigator-button--loading:focus, .navigator-button--danger-stroke.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--info-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-stroke[data-motion-wave="after"]::after, .navigator-button--info-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-stroke:hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.navigator-button--info-stroke:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-stroke:focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.navigator-button--info-stroke:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-info { 
  0% { box-shadow: rgba(0, 63, 210, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 63, 210, 0) 0px 0px 0px 6px; }
}
.navigator-button--info-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-stroke:active[data-motion-wave="after"]::after, .navigator-button--info-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--checked, .navigator-button--info-stroke.navigator-button--checked:active, .navigator-button--info-stroke.navigator-button--checked:focus, .navigator-button--info-stroke.navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--disabled, .navigator-button--info-stroke.navigator-button--disabled:active, .navigator-button--info-stroke.navigator-button--disabled:focus, .navigator-button--info-stroke.navigator-button--disabled:hover, .navigator-button--info-stroke.navigator-button--loading, .navigator-button--info-stroke.navigator-button--loading:active, .navigator-button--info-stroke.navigator-button--loading:focus, .navigator-button--info-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--default-light-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.navigator-button--default-light-fill[data-motion-wave="after"]::after, .navigator-button--default-light-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill.navigator-button--disabled, .navigator-button--default-light-fill.navigator-button--disabled:active, .navigator-button--default-light-fill.navigator-button--disabled:focus, .navigator-button--default-light-fill.navigator-button--disabled:hover, .navigator-button--default-light-fill.navigator-button--loading, .navigator-button--default-light-fill.navigator-button--loading:active, .navigator-button--default-light-fill.navigator-button--loading:focus, .navigator-button--default-light-fill.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-stroke { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke[data-motion-wave="after"]::after, .navigator-button--default-light-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke.navigator-button--disabled, .navigator-button--default-light-stroke.navigator-button--disabled:active, .navigator-button--default-light-stroke.navigator-button--disabled:focus, .navigator-button--default-light-stroke.navigator-button--disabled:hover, .navigator-button--default-light-stroke.navigator-button--loading, .navigator-button--default-light-stroke.navigator-button--loading:active, .navigator-button--default-light-stroke.navigator-button--loading:focus, .navigator-button--default-light-stroke.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--primary-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill[data-motion-wave="after"]::after, .navigator-button--primary-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill.navigator-button--disabled, .navigator-button--primary-light-fill.navigator-button--disabled:active, .navigator-button--primary-light-fill.navigator-button--disabled:focus, .navigator-button--primary-light-fill.navigator-button--disabled:hover, .navigator-button--primary-light-fill.navigator-button--loading, .navigator-button--primary-light-fill.navigator-button--loading:active, .navigator-button--primary-light-fill.navigator-button--loading:focus, .navigator-button--primary-light-fill.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-light-stroke[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke.navigator-button--disabled, .navigator-button--primary-light-stroke.navigator-button--disabled:active, .navigator-button--primary-light-stroke.navigator-button--disabled:focus, .navigator-button--primary-light-stroke.navigator-button--disabled:hover, .navigator-button--primary-light-stroke.navigator-button--loading, .navigator-button--primary-light-stroke.navigator-button--loading:active, .navigator-button--primary-light-stroke.navigator-button--loading:focus, .navigator-button--primary-light-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--success-light-fill { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill[data-motion-wave="after"]::after, .navigator-button--success-light-fill[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill.navigator-button--disabled, .navigator-button--success-light-fill.navigator-button--disabled:active, .navigator-button--success-light-fill.navigator-button--disabled:focus, .navigator-button--success-light-fill.navigator-button--disabled:hover, .navigator-button--success-light-fill.navigator-button--loading, .navigator-button--success-light-fill.navigator-button--loading:active, .navigator-button--success-light-fill.navigator-button--loading:focus, .navigator-button--success-light-fill.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-stroke { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(13, 166, 0); }
.navigator-button--success-light-stroke[data-motion-wave="after"]::after, .navigator-button--success-light-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(9, 177, 96); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke.navigator-button--disabled, .navigator-button--success-light-stroke.navigator-button--disabled:active, .navigator-button--success-light-stroke.navigator-button--disabled:focus, .navigator-button--success-light-stroke.navigator-button--disabled:hover, .navigator-button--success-light-stroke.navigator-button--loading, .navigator-button--success-light-stroke.navigator-button--loading:active, .navigator-button--success-light-stroke.navigator-button--loading:focus, .navigator-button--success-light-stroke.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--warning-light-fill { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill[data-motion-wave="after"]::after, .navigator-button--warning-light-fill[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill.navigator-button--disabled, .navigator-button--warning-light-fill.navigator-button--disabled:active, .navigator-button--warning-light-fill.navigator-button--disabled:focus, .navigator-button--warning-light-fill.navigator-button--disabled:hover, .navigator-button--warning-light-fill.navigator-button--loading, .navigator-button--warning-light-fill.navigator-button--loading:active, .navigator-button--warning-light-fill.navigator-button--loading:focus, .navigator-button--warning-light-fill.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(235, 150, 23); }
.navigator-button--warning-light-stroke[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(246, 183, 12); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke.navigator-button--disabled, .navigator-button--warning-light-stroke.navigator-button--disabled:active, .navigator-button--warning-light-stroke.navigator-button--disabled:focus, .navigator-button--warning-light-stroke.navigator-button--disabled:hover, .navigator-button--warning-light-stroke.navigator-button--loading, .navigator-button--warning-light-stroke.navigator-button--loading:active, .navigator-button--warning-light-stroke.navigator-button--loading:focus, .navigator-button--warning-light-stroke.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-light-fill { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill[data-motion-wave="after"]::after, .navigator-button--danger-light-fill[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill.navigator-button--disabled, .navigator-button--danger-light-fill.navigator-button--disabled:active, .navigator-button--danger-light-fill.navigator-button--disabled:focus, .navigator-button--danger-light-fill.navigator-button--disabled:hover, .navigator-button--danger-light-fill.navigator-button--loading, .navigator-button--danger-light-fill.navigator-button--loading:active, .navigator-button--danger-light-fill.navigator-button--loading:focus, .navigator-button--danger-light-fill.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-stroke { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); }
.navigator-button--danger-light-stroke[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke.navigator-button--disabled, .navigator-button--danger-light-stroke.navigator-button--disabled:active, .navigator-button--danger-light-stroke.navigator-button--disabled:focus, .navigator-button--danger-light-stroke.navigator-button--disabled:hover, .navigator-button--danger-light-stroke.navigator-button--loading, .navigator-button--danger-light-stroke.navigator-button--loading:active, .navigator-button--danger-light-stroke.navigator-button--loading:focus, .navigator-button--danger-light-stroke.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--info-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill[data-motion-wave="after"]::after, .navigator-button--info-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill.navigator-button--disabled, .navigator-button--info-light-fill.navigator-button--disabled:active, .navigator-button--info-light-fill.navigator-button--disabled:focus, .navigator-button--info-light-fill.navigator-button--disabled:hover, .navigator-button--info-light-fill.navigator-button--loading, .navigator-button--info-light-fill.navigator-button--loading:active, .navigator-button--info-light-fill.navigator-button--loading:focus, .navigator-button--info-light-fill.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-light-stroke[data-motion-wave="after"]::after, .navigator-button--info-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke.navigator-button--disabled, .navigator-button--info-light-stroke.navigator-button--disabled:active, .navigator-button--info-light-stroke.navigator-button--disabled:focus, .navigator-button--info-light-stroke.navigator-button--disabled:hover, .navigator-button--info-light-stroke.navigator-button--loading, .navigator-button--info-light-stroke.navigator-button--loading:active, .navigator-button--info-light-stroke.navigator-button--loading:focus, .navigator-button--info-light-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--dashed { border-style: dashed; }
.navigator-button--text { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; }
.navigator-button--text[data-motion-wave="after"]::after, .navigator-button--text[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text:hover { color: rgb(0, 87, 255); background-color: transparent; border-color: transparent; }
.navigator-button--text:hover[data-motion-wave="after"]::after, .navigator-button--text:hover[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--checked, .navigator-button--text:focus { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; }
.navigator-button--text.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--text:focus[data-motion-wave="after"]::after, .navigator-button--text:focus[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text:active, .navigator-button--text:active:focus, .navigator-button--text:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; }
.navigator-button--text:active:focus[data-motion-wave="after"]::after, .navigator-button--text:active:focus[data-motion-wave="before"]::before, .navigator-button--text:active:hover[data-motion-wave="after"]::after, .navigator-button--text:active:hover[data-motion-wave="before"]::before, .navigator-button--text:active[data-motion-wave="after"]::after, .navigator-button--text:active[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--disabled, .navigator-button--text.navigator-button--disabled:focus, .navigator-button--text.navigator-button--disabled:hover, .navigator-button--text.navigator-button--loading, .navigator-button--text.navigator-button--loading:focus, .navigator-button--text.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.navigator-button--text.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--lg, .navigator-button--text.navigator-button--md, .navigator-button--text.navigator-button--sm, .navigator-button--text.navigator-button--xl, .navigator-button--text.navigator-button--xs { padding: 0px; min-width: auto; }
.navigator-button--link { color: rgb(0, 87, 255); background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-button--link[data-motion-wave="after"]::after, .navigator-button--link[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link:hover { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; text-decoration: underline; }
.navigator-button--link:hover[data-motion-wave="after"]::after, .navigator-button--link:hover[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--checked, .navigator-button--link:focus { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; text-decoration: underline; }
.navigator-button--link.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--link:focus[data-motion-wave="after"]::after, .navigator-button--link:focus[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link:active, .navigator-button--link:active:focus, .navigator-button--link:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; text-decoration: underline; }
.navigator-button--link:active:focus[data-motion-wave="after"]::after, .navigator-button--link:active:focus[data-motion-wave="before"]::before, .navigator-button--link:active:hover[data-motion-wave="after"]::after, .navigator-button--link:active:hover[data-motion-wave="before"]::before, .navigator-button--link:active[data-motion-wave="after"]::after, .navigator-button--link:active[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--disabled, .navigator-button--link.navigator-button--disabled:active, .navigator-button--link.navigator-button--disabled:focus, .navigator-button--link.navigator-button--disabled:hover, .navigator-button--link.navigator-button--loading, .navigator-button--link.navigator-button--loading:active, .navigator-button--link.navigator-button--loading:focus, .navigator-button--link.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.navigator-button--link.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--lg, .navigator-button--link.navigator-button--md, .navigator-button--link.navigator-button--sm, .navigator-button--link.navigator-button--xl, .navigator-button--link.navigator-button--xs { padding: 0px; min-width: auto; }
.navigator-button--xs { min-width: 60px; padding: 2px 8px; font-size: 12px; line-height: 18px; }
.navigator-button--sm { min-width: 80px; padding: 4px 16px; font-size: 12px; line-height: 18px; }
.navigator-button--md { min-width: 100px; padding: 4px 16px; font-size: 14px; line-height: 22px; }
.navigator-button--lg { min-width: 120px; padding: 6px 16px; font-size: 14px; line-height: 22px; }
.navigator-button--xl { min-width: 140px; padding: 7px 16px; font-size: 16px; line-height: 24px; }
.navigator-button--circle.navigator-button--xs, .navigator-button--square.navigator-button--xs { min-width: 24px; width: 24px; height: 24px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--sm, .navigator-button--square.navigator-button--sm { min-width: 28px; width: 28px; height: 28px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--md, .navigator-button--square.navigator-button--md { min-width: 32px; width: 32px; height: 32px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--lg, .navigator-button--square.navigator-button--lg { width: 36px; min-width: 36px; height: 36px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--xl, .navigator-button--square.navigator-button--xl { min-width: 40px; width: 40px; height: 40px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle { border-radius: 50%; }
.navigator-button--round.navigator-button--xs { border-radius: 24px; min-width: 24px; }
.navigator-button--round.navigator-button--sm { border-radius: 28px; min-width: 28px; }
.navigator-button--round.navigator-button--md { border-radius: 32px; min-width: 32px; }
.navigator-button--round.navigator-button--lg { border-radius: 36px; min-width: 36px; }
.navigator-button--round.navigator-button--xl { min-width: 40px; border-radius: 40px; }
.navigator-button--block { display: block; width: 100%; }
.navigator-button.navigator-button--disabled, .navigator-button.navigator-button--disabled:focus, .navigator-button.navigator-button--disabled:hover { animation: auto ease 0s 1 normal none running none; cursor: not-allowed; }
.navigator-button--loading, .navigator-button--loading:focus, .navigator-button--loading:hover { animation: auto ease 0s 1 normal none running none; }
.navigator-button--loading .navigator-button__loading-icon { margin-right: 4px; }
.navigator-button--active { z-index: 3; }
.navigator-button--rtl { direction: rtl; }
.navigator-button--rtl .navigator-button__loading-icon { margin-right: 0px; margin-left: 4px; }
.navigator-card { background: rgb(255, 255, 255); border-radius: 4px; }
.navigator-card__header { font-size: 16px; padding: 16px 24px; color: rgb(49, 52, 59); border-radius: 4px 4px 0px 0px; line-height: 24px; }
.navigator-card__body { padding: 16px 24px; font-size: 14px; color: rgb(98, 101, 108); line-height: 22px; }
.navigator-card--shadowed { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; }
.navigator-card--bordered { border-width: 1px; border-style: solid; border-color: rgb(222, 224, 227); }
.navigator-card--hover { transition: box-shadow 0.3s; }
.navigator-card--hover:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; }
.navigator-cascader-panel { display: flex; align-self: stretch; }
.navigator-cascader-panel__main { display: flex; flex: 1 1 0%; align-self: stretch; border-radius: 4px; overflow-x: auto; }
.navigator-cascader-panel__main::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-cascader-panel__main::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-cascader-panel__main::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-cascader-panel__main::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-cascader-panel__main--border { border: 1px solid rgb(222, 224, 227); }
.navigator-cascader-panel__selection-block { flex: 1 1 0%; height: 230px; display: flex; flex-direction: column; }
.navigator-cascader-panel__selection-block--has-cascader { min-width: 200px; height: 192px; }
.navigator-cascader-panel__selection-block:not(:last-of-type) { border-right: 1px solid rgb(222, 224, 227); }
.navigator-cascader-panel__selection-header { display: flex; align-items: center; height: 38px; padding: 0px 12px; border-bottom: 1px solid rgb(222, 224, 227); background-color: rgb(242, 244, 247); font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); font-weight: 600; }
.navigator-cascader-panel__list-wrapper { flex: 1 1 0%; overflow-y: auto; }
.navigator-cascader-panel__list-wrapper::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-cascader-panel__list-wrapper::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-cascader-panel__list-wrapper::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-cascader-panel__list-wrapper::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-cascader-panel__loading, .navigator-cascader-panel__placeholder { height: 100%; display: flex; align-items: center; justify-content: center; }
.navigator-cascader-panel__loading { color: rgb(0, 87, 255); }
.navigator-cascader-panel__selection-list { margin: 0px; list-style: none; padding: 6px 0px; }
.navigator-cascader-panel__selection-list:not(:last-child) { padding-bottom: 0px; }
.navigator-cascader-panel__selection-item { display: flex; align-items: center; padding: 0px 12px; }
.navigator-cascader-panel__selection-item:hover { background-color: rgb(242, 244, 247); cursor: pointer; }
.navigator-cascader-panel__selection-item .navigator-cascader-panel__item-label { flex: 1 1 0%; font-size: 14px; line-height: 22px; padding: 6px 0px; color: rgb(49, 52, 59); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navigator-cascader-panel__selection-item .navigator-cascader-panel__item-label:not(:first-child) { margin-left: 8px; }
.navigator-cascader-panel__selection-item--active, .navigator-cascader-panel__selection-item--active .navigator-cascader-panel__angle, .navigator-cascader-panel__selection-item--active .navigator-cascader-panel__item-label, .navigator-cascader-panel__selection-item--selected, .navigator-cascader-panel__selection-item--selected .navigator-cascader-panel__angle, .navigator-cascader-panel__selection-item--selected .navigator-cascader-panel__item-label { color: rgb(0, 87, 255); }
.navigator-cascader-panel__selection-item--disabled, .navigator-cascader-panel__selection-item--disabled .navigator-cascader-panel__angle, .navigator-cascader-panel__selection-item--disabled .navigator-cascader-panel__item-label { color: rgb(205, 209, 216); cursor: not-allowed; }
.navigator-cascader-panel__selection-item--disabled .navigator-cascader-panel__angle:hover, .navigator-cascader-panel__selection-item--disabled .navigator-cascader-panel__item-label:hover, .navigator-cascader-panel__selection-item--disabled:hover { }
.navigator-cascader-panel__selection-item--disabled.navigator-cascader-panel__selection-item--selected, .navigator-cascader-panel__selection-item--disabled.navigator-cascader-panel__selection-item--selected .navigator-cascader-panel__item-label { color: rgb(186, 218, 255); }
.navigator-cascader-panel__angle { flex-shrink: 0; color: rgb(147, 150, 157); }
.navigator-cascader-panel__infinite-loading { display: flex; align-items: center; justify-content: center; height: 36px; font-size: 12px; color: rgb(0, 87, 255); }
.navigator-cascader-panel__infinite-loading-label { margin-left: 4px; }
.navigator-cascader-panel--rtl { direction: rtl; }
.navigator-cascader-panel--rtl .navigator-cascader-panel__selection-block:not(:last-of-type) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgb(222, 224, 227); }
.navigator-cascader-panel--rtl .navigator-cascader-panel__item-label:not(:first-child) { margin-right: 8px; }
.navigator-cascader-panel--rtl .navigator-cascader-panel__infinite-loading-label { margin-right: 4px; }
.navigator-cascader-exb { display: flex; flex-direction: column; width: 200px; border: 1px solid rgb(222, 224, 227); border-radius: 4px; margin-left: 16px; height: 230px; }
.navigator-cascader-exb__header { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0px 12px; border-bottom: 1px solid rgb(222, 224, 227); background-color: rgb(242, 244, 247); font-size: 14px; color: rgb(49, 52, 59); font-weight: 600; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.navigator-cascader-exb__list-wrap { flex: 1 0 0%; overflow: auto; }
.navigator-cascader-exb__placeholder { display: flex; align-items: center; justify-content: center; height: 100%; }
.navigator-cascader-exb__list { list-style: none; padding: 8px 12px; margin: 0px; }
.navigator-cascader-exb__item { display: flex; align-items: center; justify-content: space-between; height: 26px; background-color: rgb(242, 244, 247); border-radius: 4px; color: rgb(49, 52, 59); font-size: 14px; padding: 0px 8px; }
.navigator-cascader-exb__item-label { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.navigator-cascader-exb__item .navigator-cascader-exb__close { color: rgb(147, 150, 157); cursor: pointer; flex-shrink: 0; }
.navigator-cascader-exb__item:not(:first-of-type) { margin-top: 8px; }
.navigator-cascader-exb--rtl { direction: rtl; margin-left: 16px; margin-right: 16px; }
.navigator-cascader-search__filter { border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-cascader-search__filter-icon { color: rgb(147, 150, 157); }
.navigator-cascader-search__results { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-cascader-search__results::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-cascader-search__results::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-cascader-search__results::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-cascader-search__results::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-cascader-search__em { color: rgb(0, 87, 255); font-style: normal; }
.navigator-cascader-search__text { overflow: hidden; text-overflow: ellipsis; }
.navigator-cascader-search__loading { color: rgb(0, 87, 255); height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-cascader-search-option { padding: 6px 12px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: flex; cursor: default; }
.navigator-cascader-search-option .navigator-cascader-search-option__action { margin-right: 8px; }
.navigator-cascader-search-option:hover { background-color: rgb(242, 244, 247); }
.navigator-cascader-search-option--rtl { direction: rtl; }
.navigator-cascader-search-option--rtl .navigator-cascader-search-option__action { margin-left: 8px; margin-right: 0px; }
.navigator-cascader { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.navigator-cascader__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.navigator-cascader__arrow { color: rgb(147, 150, 157); }
.navigator-cascader__arrow--open { transform: rotate(180deg); }
.navigator-cascader__input:not(.navigator-input__wrapper--disabled) { cursor: pointer; }
.navigator-cascader__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navigator-cascader__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-cascader--stroke .navigator-cascader__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-cascader--stroke.navigator-cascader--disabled .navigator-cascader__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-cascader--fill .navigator-cascader__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.navigator-cascader--fill.navigator-cascader--disabled .navigator-cascader__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.navigator-cascader--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.navigator-cascader--text .navigator-cascader__text-wrapper--active, .navigator-cascader--text:hover { color: rgb(0, 87, 255); }
.navigator-cascader--text .navigator-cascader__text-wrapper--active:active, .navigator-cascader--text:hover:active { color: rgb(0, 63, 210); }
.navigator-cascader--text .navigator-cascader__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.navigator-cascader--text .navigator-cascader__arrow { margin-right: 0px; }
.navigator-cascader--text.navigator-cascader--disabled, .navigator-cascader--text.navigator-cascader--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.navigator-cascader--xs { font-size: 12px; line-height: 18px; }
.navigator-cascader--xs .navigator-cascader__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-cascader--sm { font-size: 12px; line-height: 18px; }
.navigator-cascader--sm .navigator-cascader__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-cascader--lg, .navigator-cascader--md { font-size: 14px; line-height: 22px; }
.navigator-cascader--xl { font-size: 16px; line-height: 24px; }
.navigator-cascader--disabled .navigator-cascader__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-cascader--disabled .navigator-cascader__arrow { color: rgb(205, 209, 216); }
.navigator-cascader__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; display: none; background-color: rgb(255, 255, 255); }
.navigator-cascader__popper--show { display: block; }
.navigator-cascader__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-cascader__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-cascader--rtl { direction: rtl; }
.navigator-cascader--rtl .navigator-cascader__tips { margin-right: 0px; margin-left: 4px; }
.navigator-cascader__popper--rtl { direction: rtl; }
.navigator-cascader__popper-wrapper { display: none; }
.navigator-cascader__popper-wrapper--show { display: block; }
.navigator-checkbox-option { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; cursor: default; border-radius: 2px; }
.navigator-checkbox-option--stroke { color: rgb(98, 101, 108); }
.navigator-checkbox-option--stroke:hover { background-color: rgb(242, 244, 247); }
.navigator-checkbox-option--stroke:active { background-color: rgb(232, 234, 237); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--checked, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--disabled, .navigator-checkbox-option--stroke.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.navigator-checkbox-option--fill { color: rgb(98, 101, 108); }
.navigator-checkbox-option--fill:hover { background-color: rgb(222, 224, 227); }
.navigator-checkbox-option--fill:active { background-color: rgb(205, 209, 216); }
.navigator-checkbox-option--fill.navigator-checkbox-option--checked, .navigator-checkbox-option--fill.navigator-checkbox-option--checked:active, .navigator-checkbox-option--fill.navigator-checkbox-option--checked:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-option--fill.navigator-checkbox-option--disabled, .navigator-checkbox-option--fill.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--fill.navigator-checkbox-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled, .navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:hover { background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-checkbox-option--checked::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(0, 87, 255); transform: rotate(-45deg); border-radius: 2px; }
.navigator-checkbox-option--checked.navigator-checkbox-option--disabled::after { border-left-color: rgb(186, 218, 255); }
.navigator-checkbox-option--single::after { display: none; }
.navigator-checkbox-option--xs { font-size: 12px; line-height: 18px; padding: 0px 12px; }
.navigator-checkbox-option--sm { font-size: 12px; line-height: 18px; padding: 1px 12px; }
.navigator-checkbox-option--md { font-size: 14px; line-height: 22px; padding: 2px 12px; }
.navigator-checkbox-option--lg { font-size: 14px; line-height: 22px; padding: 4px 12px; }
.navigator-checkbox-option--xl { font-size: 16px; line-height: 24px; padding: 5px 12px; }
.navigator-checkbox-group { display: inline-flex; position: relative; }
.navigator-checkbox-group .navigator-checkbox-button:not(:first-child):not(:last-child) { border-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:not(:last-child) { margin-right: -1px; }
.navigator-checkbox-group .navigator-checkbox-button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(222, 224, 227); transform: rotate(-45deg); border-radius: 2px; }
.navigator-checkbox-group .navigator-checkbox-button--single::after { border-top: 0px; border-bottom: 0px; border-left: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:active, .navigator-checkbox-group .navigator-checkbox-button:focus, .navigator-checkbox-group .navigator-checkbox-button:hover { z-index: 1; }
.navigator-checkbox-group .navigator-checkbox-button:active::after, .navigator-checkbox-group .navigator-checkbox-button:focus::after, .navigator-checkbox-group .navigator-checkbox-button:hover::after { border-left-color: rgb(0, 87, 255); }
.navigator-checkbox-group .navigator-checkbox-button--checked, .navigator-checkbox-group .navigator-checkbox-button--checked:active, .navigator-checkbox-group .navigator-checkbox-button--checked:focus, .navigator-checkbox-group .navigator-checkbox-button--checked:hover { z-index: 3; }
.navigator-checkbox-group .navigator-checkbox-button--checked:active::after, .navigator-checkbox-group .navigator-checkbox-button--checked::after, .navigator-checkbox-group .navigator-checkbox-button--checked:focus::after, .navigator-checkbox-group .navigator-checkbox-button--checked:hover::after { border-left-color: rgb(0, 87, 255); }
.navigator-checkbox-group .navigator-checkbox-button[disabled]:active::after, .navigator-checkbox-group .navigator-checkbox-button[disabled]:focus::after, .navigator-checkbox-group .navigator-checkbox-button[disabled]:hover::after { border-left-color: rgb(222, 224, 227); }
.navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:active::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:focus::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:hover::after { border-left-color: rgb(186, 218, 255); }
.navigator-checkbox-group .navigator-checkbox:not(:first-child) { margin-left: 16px; }
.navigator-checkbox-option-group { display: inline-flex; border-radius: 4px; padding: 0px 2px; }
.navigator-checkbox-option-group.navigator-checkbox-group--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.navigator-checkbox-option-group.navigator-checkbox-group--fill { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); }
.navigator-checkbox-option-group .navigator-checkbox-option--xs { margin: 2px; }
.navigator-checkbox-option-group .navigator-checkbox-option--lg, .navigator-checkbox-option-group .navigator-checkbox-option--md, .navigator-checkbox-option-group .navigator-checkbox-option--sm, .navigator-checkbox-option-group .navigator-checkbox-option--xl { margin: 3px 2px; }
.navigator-checkbox-item-group { display: inline-flex; border-radius: 4px; }
.navigator-checkbox-item-group.navigator-checkbox-group--stroke::before { z-index: 1; pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: 4px; border: 1px solid rgb(222, 224, 227); }
.navigator-checkbox-item-group.navigator-checkbox-group--stroke.navigator-checkbox-group--disabled::before { border: 1px solid rgb(242, 244, 247); }
.navigator-checkbox-item-group .navigator-checkbox-item:not(:first-child):not(:last-child), .navigator-checkbox-item-group .navigator-checkbox-item:not(:first-child):not(:last-child)::after { border-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item:not(:last-child) { margin-right: -1px; }
.navigator-checkbox-item-group .navigator-checkbox-item:first-child:not(:last-child), .navigator-checkbox-item-group .navigator-checkbox-item:first-child:not(:last-child)::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item:last-child:not(:first-child), .navigator-checkbox-item-group .navigator-checkbox-item:last-child:not(:first-child)::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item--initial + .navigator-checkbox-item-group .navigator-checkbox-item--initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-checkbox-group--rtl { direction: rtl; }
.navigator-checkbox-group--rtl .navigator-checkbox-button { margin-right: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:not(:first-child) { margin-right: -1px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:first-child:not(:last-child) { border-radius: 0px 4px 4px 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:last-child:not(:first-child) { border-radius: 4px 0px 0px 4px; }
.navigator-checkbox-group--rtl .navigator-checkbox:first-child { margin-left: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox:not(:last-child) { margin-left: 16px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item { margin-right: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:not(:first-child) { margin-right: -1px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:first-child:not(:last-child), .navigator-checkbox-group--rtl .navigator-checkbox-item:first-child:not(:last-child)::after { border-radius: 0px 4px 4px 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:last-child:not(:first-child), .navigator-checkbox-group--rtl .navigator-checkbox-item:last-child:not(:first-child)::after { border-radius: 4px 0px 0px 4px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item .navigator-checkbox-item__checkbox { margin-right: 0px; margin-left: 4px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item .navigator-checkbox-item--empty .navigator-checkbox-item__checkbox { margin-left: 0px; }
.navigator-checkbox-item { display: inline-flex; position: relative; cursor: pointer; border-radius: 8px; }
.navigator-checkbox-item--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--border-initial::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-checkbox-item--stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke:hover::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--checked, .navigator-checkbox-item--stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--checked::after, .navigator-checkbox-item--stroke:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke:active::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 63, 210); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:active, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:focus, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:hover { color: rgb(147, 150, 157); background-color: rgb(245, 247, 250); cursor: not-allowed; }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:active::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:focus::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:hover::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled.navigator-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled.navigator-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-checkbox-item--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-checkbox-item--fill:hover { background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); }
.navigator-checkbox-item--fill:active { background-color: rgb(245, 247, 250); color: rgb(0, 63, 210); }
.navigator-checkbox-item--fill.navigator-checkbox-item--checked, .navigator-checkbox-item--fill:focus { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--checked::after, .navigator-checkbox-item--fill:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled { background-color: rgb(245, 247, 250); color: rgb(147, 150, 157); cursor: not-allowed; }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled.navigator-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled.navigator-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-checkbox-item--divider-initial + .navigator-checkbox-item--divider-initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-checkbox-item--xs { font-size: 12px; line-height: 18px; padding: 3px 16px; }
.navigator-checkbox-item--sm { font-size: 12px; line-height: 18px; padding: 5px 16px; }
.navigator-checkbox-item--md { font-size: 14px; line-height: 22px; padding: 5px 16px; }
.navigator-checkbox-item--lg { font-size: 14px; line-height: 22px; padding: 7px 16px; }
.navigator-checkbox-item--xl { font-size: 16px; line-height: 24px; padding: 8px 16px; }
.navigator-checkbox-item .navigator-checkbox-item__checkbox { margin-right: 4px; }
.navigator-checkbox-item--empty .navigator-checkbox-item__checkbox { margin-right: 0px; }
.navigator-checkbox { display: inline-flex; position: relative; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
.navigator-checkbox__wrapper { position: relative; display: inline-block; }
.navigator-checkbox__input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; }
.navigator-checkbox .navigator-checkbox__checked-icon, .navigator-checkbox .navigator-checkbox__indeterminate-icon { display: none; }
.navigator-checkbox .navigator-checkbox__inner { display: block; position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(185, 188, 195); border-radius: 2px; }
.navigator-checkbox .navigator-checkbox__inner:hover { border-color: rgb(69, 68, 91); background-color: rgb(255, 255, 255); }
.navigator-checkbox .navigator-checkbox__label { color: rgb(49, 52, 59); word-break: break-all; }
.navigator-checkbox .navigator-checkbox__label:active, .navigator-checkbox .navigator-checkbox__label:hover { color: rgb(49, 52, 59); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner { color: rgb(255, 255, 255); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__checked-icon { display: block; }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner { color: rgb(255, 255, 255); }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__indeterminate-icon { display: block; }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label:hover, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label:hover { color: rgb(49, 52, 59); }
.navigator-checkbox.navigator-checkbox--disabled, .navigator-checkbox.navigator-checkbox--disabled:hover { cursor: not-allowed; color: rgb(205, 209, 216); }
.navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--disabled:hover .navigator-checkbox__inner { border-color: rgb(243, 243, 244); background-color: rgb(245, 247, 250); }
.navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label:hover { color: rgb(185, 188, 195); }
.navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(179, 178, 187); background-color: rgb(179, 178, 187); }
.navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label:hover, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label:hover { color: rgb(185, 188, 195); }
.navigator-checkbox--light.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.navigator-checkbox--light.navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-checkbox--light.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); }
.navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.navigator-checkbox--xl { font-size: 14px; line-height: 22px; }
.navigator-checkbox--xl .navigator-checkbox__wrapper { margin: 1px 0px; }
.navigator-checkbox--xl .navigator-checkbox__inner { width: 20px; height: 20px; }
.navigator-checkbox--xl .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--xl .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 18px; }
.navigator-checkbox--xl .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--lg { font-size: 14px; line-height: 22px; }
.navigator-checkbox--lg .navigator-checkbox__wrapper { margin: 1px 0px; }
.navigator-checkbox--lg .navigator-checkbox__inner { width: 20px; height: 20px; }
.navigator-checkbox--lg .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--lg .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 18px; }
.navigator-checkbox--lg .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--md { font-size: 14px; line-height: 22px; }
.navigator-checkbox--md .navigator-checkbox__wrapper { margin: 3px 0px; }
.navigator-checkbox--md .navigator-checkbox__inner { width: 16px; height: 16px; }
.navigator-checkbox--md .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--md .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 14px; }
.navigator-checkbox--md .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--sm { font-size: 12px; line-height: 18px; }
.navigator-checkbox--sm .navigator-checkbox__wrapper { margin: 2px 0px; }
.navigator-checkbox--sm .navigator-checkbox__inner { width: 14px; height: 14px; }
.navigator-checkbox--sm .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--sm .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 12px; }
.navigator-checkbox--sm .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--xs { font-size: 12px; line-height: 18px; }
.navigator-checkbox--xs .navigator-checkbox__wrapper { margin: 3px 0px; }
.navigator-checkbox--xs .navigator-checkbox__inner { width: 12px; height: 12px; }
.navigator-checkbox--xs .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--xs .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 10px; }
.navigator-checkbox--xs .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--rtl { direction: rtl; }
.navigator-collapse-item { overflow: hidden; }
.navigator-collapse-item--border { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(222, 224, 227) rgb(222, 224, 227); border-image: none; }
.navigator-collapse-item--disabled { cursor: not-allowed; }
.navigator-collapse-item--disabled .navigator-collapse-item__header, .navigator-collapse-item--disabled .navigator-collapse-item__icon-wrapper { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-collapse-item__icon-wrapper { display: inline-flex; align-items: center; transition: transform 0.2s; color: rgb(147, 150, 157); }
.navigator-collapse-item__icon-wrapper--start { margin-right: 16px; }
.navigator-collapse-item__icon-wrapper--end { margin-left: 16px; }
.navigator-collapse-item__icon { transform: rotate(90deg); }
.navigator-collapse-item__icon--open { transform: rotate(-90deg); }
.navigator-collapse-item__body { color: rgb(49, 52, 59); padding: 16px 32px; font-size: 14px; line-height: 22px; word-break: break-all; }
.navigator-collapse-item__body--border { border-top: 1px solid rgb(222, 224, 227); }
.navigator-collapse-item__header { position: relative; display: flex; align-self: stretch; align-items: center; cursor: pointer; padding: 12px 16px; color: rgb(49, 52, 59); line-height: 22px; font-size: 14px; font-weight: 500; background: rgb(255, 255, 255); }
.navigator-collapse-item__header .navigator-collapse-item__title { flex: 1 1 0%; overflow: hidden; }
.navigator-collapse-item--rtl { direction: rtl; }
.navigator-collapse-item--rtl .navigator-collapse-item__icon-wrapper--start { margin-right: 0px; margin-left: 16px; }
.navigator-collapse-item--rtl .navigator-collapse-item__icon-wrapper--end { margin-left: 0px; margin-right: 16px; }
.navigator-collapse { position: relative; }
.navigator-collapse-item:first-of-type { border-radius: 4px 4px 0px 0px; }
.navigator-collapse-item:last-of-type { border-radius: 0px 0px 4px 4px; }
.navigator-collapse-item--border:first-of-type { border-top: 1px solid rgb(222, 224, 227); }
.navigator-collapse-item--border:last-of-type { border-bottom: 1px solid rgb(222, 224, 227); }
.navigator-collapse--rtl { direction: rtl; }
.navigator-count-down { display: flex; flex-direction: column; }
.navigator-count-down__title { font-size: 12px; }
.navigator-count-down__time { font-size: 30px; font-weight: 600; line-height: 44px; margin-top: 3px; }
.navigator-date { display: inline-flex; flex-direction: column; min-width: 288px; }
.navigator-date__header { align-self: stretch; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; font-weight: 600; line-height: 22px; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(222, 224, 227); }
.navigator-date__header, .navigator-date__header-label { display: flex; align-items: center; justify-content: center; }
.navigator-date__header-label { flex: 1 1 0%; font-weight: 700; }
.navigator-date__header-btn { cursor: pointer; margin: 0px 2px; }
.navigator-date__header-btn:hover { color: rgb(0, 87, 255); }
.navigator-date__header-btn:active { color: rgb(0, 63, 210); }
.navigator-date__header-next-icon, .navigator-date__header-prev-icon { user-select: none; color: rgb(49, 52, 59); cursor: pointer; font-size: 16px; }
.navigator-date__header-next-icon:hover, .navigator-date__header-prev-icon:hover { color: rgb(0, 87, 255); }
.navigator-date__header-next-icon:active, .navigator-date__header-prev-icon:active { color: rgb(0, 63, 210); }
.navigator-date__header-next-icon--hidden, .navigator-date__header-prev-icon--hidden { visibility: hidden; }
.navigator-date__header-prev-month { margin-left: 8px; }
.navigator-date__header-next-month { margin-right: 8px; }
.navigator-date__body { display: flex; }
.navigator-date__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; width: 288px; height: 240px; padding: 16px; }
.navigator-date__day { display: inline-flex; align-items: center; justify-content: center; background-color: transparent; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); flex: 1 1 0%; }
.navigator-date__row { flex: 1 1 0%; display: flex; }
.navigator-date__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.navigator-date__cell-inner { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 4px; border: 1px solid transparent; background: rgb(255, 255, 255); cursor: pointer; z-index: 1; }
.navigator-date--has-week .navigator-date__week { margin: -8px 0px; padding-top: 44px; border-right: 1px solid rgb(232, 234, 237); width: 49px; display: flex; flex-direction: column; align-items: center; }
.navigator-date--has-week .navigator-date__week-cell { position: relative; padding: 4px 6px; font-size: 14px; line-height: 22px; }
.navigator-date--has-week .navigator-date__week-cell-inner { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); cursor: pointer; border: 1px solid transparent; background: rgb(255, 255, 255); border-radius: 4px; }
.navigator-date--has-week .navigator-date__week-cell--week-hover .navigator-date__week-cell-inner { background-color: rgb(242, 244, 247); }
.navigator-date--has-week .navigator-date__week-cell--selected .navigator-date__week-cell-inner { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.navigator-date--has-week .navigator-date__body { padding-left: 0px; }
.navigator-date--has-week .navigator-date__cell--week-hover.navigator-date__cell--inview::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-date--has-week .navigator-date__cell--week-hover.navigator-date__cell--inview .navigator-date__cell-inner, .navigator-date--has-week .navigator-date__cell--week-hover.navigator-date__cell--inview .navigator-date__cell-inner:hover { background: rgb(242, 244, 247); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-date--has-week .navigator-date__cell--selected::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(0, 87, 255); }
.navigator-date .navigator-date__cell .navigator-date__cell-inner:hover { background-color: rgb(242, 244, 247); }
.navigator-date .navigator-date__cell--inview .navigator-date__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--inview .navigator-date__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--inview .navigator-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--now .navigator-date__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.navigator-date .navigator-date__cell--now .navigator-date__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.navigator-date .navigator-date__cell--now .navigator-date__cell-inner:active, .navigator-date .navigator-date__cell--selected .navigator-date__cell-inner { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.navigator-date .navigator-date__cell--selected .navigator-date__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--selected .navigator-date__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--disabled .navigator-date__cell-inner { cursor: not-allowed; }
.navigator-date .navigator-date__cell--disabled .navigator-date__cell-inner, .navigator-date .navigator-date__cell--disabled .navigator-date__cell-inner:active, .navigator-date .navigator-date__cell--disabled .navigator-date__cell-inner:hover { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.navigator-date .navigator-date__cell--disabled.navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner:active, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner:hover { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.navigator-date .navigator-date__cell--disabled.navigator-date__cell--selected .navigator-date__cell-inner, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--selected .navigator-date__cell-inner:active, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--selected .navigator-date__cell-inner:hover { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.navigator-date .navigator-date__cell--disabled.navigator-date__cell--now .navigator-date__cell-inner, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--now .navigator-date__cell-inner:active, .navigator-date .navigator-date__cell--disabled.navigator-date__cell--now .navigator-date__cell-inner:hover { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.navigator-date .navigator-date__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-date .navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--range:not(.navigator-date__cell--selected) .navigator-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-date .navigator-date__cell--range-hover:not(.navigator-date__cell--selected) .navigator-date__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--range-hover:not(.navigator-date__cell--selected) .navigator-date__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--range-hover:not(.navigator-date__cell--selected) .navigator-date__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-date .navigator-date__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.navigator-date .navigator-date__cell--hover:not(.navigator-date__cell--selected) .navigator-date__cell-inner:hover { background-color: transparent; }
.navigator-date .navigator-date__cell--hover:not(.navigator-date__cell--selected) .navigator-date__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.navigator-date .navigator-date__cell--before-left-after-right::before { left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date .navigator-date__cell--before-left-after-right::after { left: 0px; right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date .navigator-date__cell--left .navigator-date__cell-inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-date .navigator-date__cell--left::after, .navigator-date .navigator-date__cell--left::before { left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date .navigator-date__cell--before-right-after-left::before { right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date .navigator-date__cell--before-right-after-left::after { right: 0px; left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date .navigator-date__cell--right .navigator-date__cell-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-date .navigator-date__cell--right::after, .navigator-date .navigator-date__cell--right::before { right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date--rtl { direction: rtl; }
.navigator-date--rtl .navigator-date__cell::after, .navigator-date--rtl .navigator-date__cell::before { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-date--rtl .navigator-date__cell--hover::after { left: 0px; right: 2px; }
.navigator-date--rtl .navigator-date__cell--before-left-after-right::before { right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date--rtl .navigator-date__cell--before-left-after-right::after { right: 0px; left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date--rtl .navigator-date__cell--left::after, .navigator-date--rtl .navigator-date__cell--left::before { right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date--rtl .navigator-date__cell--before-right-after-left::before { left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date--rtl .navigator-date__cell--before-right-after-left::after { left: 0px; right: 6px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-date--rtl .navigator-date__cell--right::after, .navigator-date--rtl .navigator-date__cell--right::before { left: 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-date--rtl.navigator-date--has-week .navigator-date__week { border-right: 0px; border-left: 1px solid rgb(232, 234, 237); margin-right: 0px; margin-left: 6px; }
.navigator-date--rtl.navigator-date--has-week .navigator-date__body { padding-right: 0px; }
.navigator-time { display: inline-flex; flex: 1 1 0%; flex-direction: column; }
.navigator-time:not(:first-child) { border-left: 1px solid rgb(232, 234, 237); }
.navigator-time__header { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); padding: 8px 16px; border-bottom: 1px solid rgb(242, 244, 247); display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; font-weight: 600; height: 39px; }
.navigator-time__body { display: flex; position: relative; }
.navigator-time__column { flex: 1 1 0%; position: relative; display: block; width: 67px; max-height: 244px; overflow-y: auto; list-style: none; padding: 0px; margin: 0px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); background: rgb(255, 255, 255); cursor: pointer; }
.navigator-time__column::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-time__column::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-time__column::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-time__column::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-time__column::after { content: ""; display: block; height: calc(100% - 30px); width: 100%; }
.navigator-time__column:not(:first-child) { border-left: 1px solid rgb(232, 234, 237); }
.navigator-time__option { position: relative; display: block; padding: 4px 0px; margin: 0px; text-align: center; }
.navigator-time__option:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-time__option:active { background-color: rgb(232, 234, 237); color: rgb(0, 87, 255); }
.navigator-time__option--selected { color: rgb(0, 87, 255); background: rgb(255, 255, 255); }
.navigator-time__option--selected:hover { color: rgb(0, 87, 255); background: rgb(242, 244, 247); }
.navigator-time__option--selected:active { color: rgb(0, 87, 255); background: rgb(232, 234, 237); }
.navigator-time__option--selected::after { content: ""; position: absolute; top: 50%; left: 0px; right: 0px; height: 32px; margin-top: -16px; }
.navigator-time__option:first-child.navigator-time__option--selected::after { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.navigator-time__option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); background: rgb(255, 255, 255); }
.navigator-time__option--disabled, .navigator-time__option--disabled:active, .navigator-time__option--disabled:hover { background: rgb(255, 255, 255); color: rgb(185, 188, 195); }
.navigator-time__option--disabled.navigator-time__option--selected, .navigator-time__option--disabled.navigator-time__option--selected:active, .navigator-time__option--disabled.navigator-time__option--selected:hover { color: rgb(186, 218, 255); background: rgb(255, 255, 255); }
.navigator-time--rtl .navigator-time__column:not(:first-child), .navigator-time--rtl:not(:first-child) { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(232, 234, 237); }
.navigator-month { display: inline-flex; flex-direction: column; }
.navigator-month__header { display: flex; align-self: stretch; align-items: center; justify-content: center; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-month__header-label { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.navigator-month__header-next-icon, .navigator-month__header-prev-icon { user-select: none; color: rgb(147, 150, 157); cursor: pointer; }
.navigator-month__header-next-icon:hover, .navigator-month__header-prev-icon:hover { color: rgb(0, 87, 255); }
.navigator-month__body { padding: 16px; display: flex; width: 288px; height: 240px; }
.navigator-month__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; }
.navigator-month__row { flex: 1 1 0%; display: flex; }
.navigator-month__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.navigator-month__cell-inner { width: 48px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 4px; cursor: pointer; z-index: 1; }
.navigator-month .navigator-month__cell .navigator-month__cell-inner:hover { background-color: rgb(242, 244, 247); }
.navigator-month .navigator-month__cell--inview .navigator-month__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--inview .navigator-month__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--inview .navigator-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--now .navigator-month__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.navigator-month .navigator-month__cell--now .navigator-month__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.navigator-month .navigator-month__cell--now .navigator-month__cell-inner:active, .navigator-month .navigator-month__cell--selected .navigator-month__cell-inner { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.navigator-month .navigator-month__cell--selected .navigator-month__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--selected .navigator-month__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--disabled .navigator-month__cell-inner { cursor: not-allowed; }
.navigator-month .navigator-month__cell--disabled .navigator-month__cell-inner, .navigator-month .navigator-month__cell--disabled .navigator-month__cell-inner:active, .navigator-month .navigator-month__cell--disabled .navigator-month__cell-inner:hover { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.navigator-month .navigator-month__cell--disabled.navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner:active, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner:hover { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.navigator-month .navigator-month__cell--disabled.navigator-month__cell--selected .navigator-month__cell-inner, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--selected .navigator-month__cell-inner:active, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--selected .navigator-month__cell-inner:hover { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.navigator-month .navigator-month__cell--disabled.navigator-month__cell--now .navigator-month__cell-inner, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--now .navigator-month__cell-inner:active, .navigator-month .navigator-month__cell--disabled.navigator-month__cell--now .navigator-month__cell-inner:hover { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.navigator-month .navigator-month__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-month .navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--range:not(.navigator-month__cell--selected) .navigator-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-month .navigator-month__cell--range-hover:not(.navigator-month__cell--selected) .navigator-month__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--range-hover:not(.navigator-month__cell--selected) .navigator-month__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--range-hover:not(.navigator-month__cell--selected) .navigator-month__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-month .navigator-month__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.navigator-month .navigator-month__cell--hover:not(.navigator-month__cell--selected) .navigator-month__cell-inner:hover { background-color: transparent; }
.navigator-month .navigator-month__cell--hover:not(.navigator-month__cell--selected) .navigator-month__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.navigator-month .navigator-month__cell--before-left-after-right::before { left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-month .navigator-month__cell--before-left-after-right::after { left: 0px; right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month .navigator-month__cell--left .navigator-month__cell-inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-month .navigator-month__cell--left::after, .navigator-month .navigator-month__cell--left::before { left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-month .navigator-month__cell--before-right-after-left::before { right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month .navigator-month__cell--before-right-after-left::after { right: 0px; left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-month .navigator-month__cell--right .navigator-month__cell-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-month .navigator-month__cell--right::after, .navigator-month .navigator-month__cell--right::before { right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month--rtl .navigator-month__cell::after, .navigator-month--rtl .navigator-month__cell::before { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-month--rtl .navigator-month__cell--hover::after { left: 0px; right: 2px; }
.navigator-month--rtl .navigator-month__cell--before-left-after-right::before { right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month--rtl .navigator-month__cell--before-left-after-right::after { right: 0px; left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-month--rtl .navigator-month__cell--left::after, .navigator-month--rtl .navigator-month__cell--left::before { right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month--rtl .navigator-month__cell--before-right-after-left::before { left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-month--rtl .navigator-month__cell--before-right-after-left::after { left: 0px; right: 20px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-month--rtl .navigator-month__cell--right::after, .navigator-month--rtl .navigator-month__cell--right::before { left: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year { display: inline-flex; flex-direction: column; }
.navigator-year__header { align-self: stretch; background-color: rgb(242, 244, 247); padding: 8px 16px; font-size: 14px; line-height: 22px; border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-year__header, .navigator-year__header-label { display: flex; align-items: center; justify-content: center; }
.navigator-year__header-label { flex: 1 1 0%; font-weight: 700; }
.navigator-year__header-next-icon, .navigator-year__header-prev-icon { user-select: none; color: rgb(147, 150, 157); cursor: pointer; }
.navigator-year__header-next-icon:hover, .navigator-year__header-prev-icon:hover { color: rgb(0, 87, 255); }
.navigator-year__body { padding: 16px; display: flex; width: 288px; height: 240px; }
.navigator-year__table { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-spacing: 0px; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-around; }
.navigator-year__row { flex: 1 1 0%; display: flex; }
.navigator-year__cell { position: relative; display: inline-flex; flex: 1 1 0%; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; }
.navigator-year__cell-inner { width: 48px; height: 24px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); border-radius: 4px; cursor: pointer; z-index: 1; }
.navigator-year .navigator-year__cell .navigator-year__cell-inner:hover { background-color: rgb(242, 244, 247); }
.navigator-year .navigator-year__cell--inview .navigator-year__cell-inner { color: rgb(49, 52, 59); background: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--inview .navigator-year__cell-inner:hover { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--inview .navigator-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--now .navigator-year__cell-inner { color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); background: rgb(255, 255, 255); }
.navigator-year .navigator-year__cell--now .navigator-year__cell-inner:hover { color: rgb(46, 123, 255); border: 1px solid rgb(46, 123, 255); background: rgb(255, 255, 255); }
.navigator-year .navigator-year__cell--now .navigator-year__cell-inner:active, .navigator-year .navigator-year__cell--selected .navigator-year__cell-inner { color: rgb(255, 255, 255); border: 1px solid transparent; background: rgb(0, 87, 255); }
.navigator-year .navigator-year__cell--selected .navigator-year__cell-inner:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--selected .navigator-year__cell-inner:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--disabled .navigator-year__cell-inner { cursor: not-allowed; }
.navigator-year .navigator-year__cell--disabled .navigator-year__cell-inner, .navigator-year .navigator-year__cell--disabled .navigator-year__cell-inner:active, .navigator-year .navigator-year__cell--disabled .navigator-year__cell-inner:hover { background-color: rgb(255, 255, 255); border: 1px solid transparent; color: rgb(185, 188, 195); }
.navigator-year .navigator-year__cell--disabled.navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner:active, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner:hover { background: rgb(245, 247, 250); border: 1px solid transparent; color: rgb(186, 218, 255); }
.navigator-year .navigator-year__cell--disabled.navigator-year__cell--selected .navigator-year__cell-inner, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--selected .navigator-year__cell-inner:active, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--selected .navigator-year__cell-inner:hover { background: rgb(186, 218, 255); border: 1px solid transparent; color: rgb(255, 255, 255); }
.navigator-year .navigator-year__cell--disabled.navigator-year__cell--now .navigator-year__cell-inner, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--now .navigator-year__cell-inner:active, .navigator-year .navigator-year__cell--disabled.navigator-year__cell--now .navigator-year__cell-inner:hover { background: rgb(255, 255, 255); border: 1px solid rgb(186, 218, 255); color: rgb(186, 218, 255); }
.navigator-year .navigator-year__cell--range::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-year .navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--range:not(.navigator-year__cell--selected) .navigator-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--range-hover::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background-color: rgb(242, 244, 247); }
.navigator-year .navigator-year__cell--range-hover:not(.navigator-year__cell--selected) .navigator-year__cell-inner { color: rgb(0, 87, 255); background: rgb(242, 244, 247); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--range-hover:not(.navigator-year__cell--selected) .navigator-year__cell-inner:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--range-hover:not(.navigator-year__cell--selected) .navigator-year__cell-inner:active { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border: 1px solid transparent; }
.navigator-year .navigator-year__cell--hover::after { content: ""; position: absolute; box-sizing: border-box; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 24px; background: rgb(242, 244, 247); }
.navigator-year .navigator-year__cell--hover:not(.navigator-year__cell--selected) .navigator-year__cell-inner:hover { background-color: transparent; }
.navigator-year .navigator-year__cell--hover:not(.navigator-year__cell--selected) .navigator-year__cell-inner { background-color: rgb(242, 244, 247); color: rgb(0, 87, 255); border: transparent; }
.navigator-year .navigator-year__cell--before-left-after-right::before { left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year .navigator-year__cell--before-left-after-right::after { left: 0px; right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year .navigator-year__cell--left .navigator-year__cell-inner { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-year .navigator-year__cell--left::after, .navigator-year .navigator-year__cell--left::before { left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year .navigator-year__cell--before-right-after-left::before { right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year .navigator-year__cell--before-right-after-left::after { right: 0px; left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year .navigator-year__cell--right .navigator-year__cell-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-year .navigator-year__cell--right::after, .navigator-year .navigator-year__cell--right::before { right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year--rtl .navigator-year__cell::after, .navigator-year--rtl .navigator-year__cell::before { left: 0px; right: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-year--rtl .navigator-year__cell--hover::after { left: 0px; right: 2px; }
.navigator-year--rtl .navigator-year__cell--before-left-after-right::before { right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year--rtl .navigator-year__cell--before-left-after-right::after { right: 0px; left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year--rtl .navigator-year__cell--left::after, .navigator-year--rtl .navigator-year__cell--left::before { right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year--rtl .navigator-year__cell--before-right-after-left::before { left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-year--rtl .navigator-year__cell--before-right-after-left::after { left: 0px; right: 22px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-year--rtl .navigator-year__cell--right::after, .navigator-year--rtl .navigator-year__cell--right::before { left: 22px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-shortcut { padding: 8px 12px; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-shortcut:hover:not(.navigator-shortcut--disabled) { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-shortcut:active:not(.navigator-shortcut--disabled) { color: rgb(0, 63, 210); }
.navigator-shortcut--disabled { color: rgb(205, 209, 216); cursor: not-allowed; }
.navigator-panel-date, .navigator-panel-datetime, .navigator-panel-datetime-range, .navigator-panel-month, .navigator-panel-time, .navigator-panel-year { display: flex; border-radius: 4px; overflow: hidden; }
.navigator-panel-datetime-range { flex-direction: column; }
.navigator-panel-datetime-range .navigator-time { min-width: 288px; }
.navigator-panel-datetime-range__buttons, .navigator-panel-datetime-range__content { display: flex; }
.navigator-panel-datetime-range__button { flex: 1 1 0%; border-top: 1px solid rgb(232, 234, 237); display: flex; width: 288px; }
.navigator-panel-datetime-range__end-date, .navigator-panel-datetime-range__end-time, .navigator-panel-datetime-range__start-date, .navigator-panel-datetime-range__start-time { display: flex; flex: 1 1 0%; width: 50%; cursor: pointer; padding: 12px 16px; color: rgb(98, 101, 108); font-size: 14px; line-height: 22px; align-items: center; }
.navigator-panel-datetime-range__end-date-format, .navigator-panel-datetime-range__end-time-format, .navigator-panel-datetime-range__start-date-format, .navigator-panel-datetime-range__start-time-format { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navigator-panel-datetime-range__end-date:hover, .navigator-panel-datetime-range__end-time:hover, .navigator-panel-datetime-range__start-date:hover, .navigator-panel-datetime-range__start-time:hover { color: rgb(0, 87, 255); }
.navigator-panel-datetime-range__end-date--selected, .navigator-panel-datetime-range__end-time--selected, .navigator-panel-datetime-range__start-date--selected, .navigator-panel-datetime-range__start-time--selected { color: rgb(49, 52, 59); font-weight: 600; }
.navigator-panel-datetime-range__end-date--disabled, .navigator-panel-datetime-range__end-date--disabled:hover, .navigator-panel-datetime-range__end-time--disabled, .navigator-panel-datetime-range__end-time--disabled:hover, .navigator-panel-datetime-range__start-date--disabled, .navigator-panel-datetime-range__start-date--disabled:hover, .navigator-panel-datetime-range__start-time--disabled, .navigator-panel-datetime-range__start-time--disabled:hover { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-panel-datetime-range__calendar-icon, .navigator-panel-datetime-range__time-icon { margin-right: 8px; }
.navigator-panel-datetime-range--rtl .navigator-panel-datetime-range__calendar-icon, .navigator-panel-datetime-range--rtl .navigator-panel-datetime-range__time-icon { margin-right: 0px; margin-left: 8px; }
.navigator-date-picker { display: inline-flex; width: 100%; }
.navigator-date-picker .navigator-date-picker__calendar-icon { color: rgb(147, 150, 157); }
.navigator-date-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.navigator-date-picker__popper--show { display: block; }
.navigator-date-picker__content { display: flex; align-self: stretch; }
.navigator-date-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.navigator-date-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-date-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-date-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-date-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-date-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-date-picker__popper--rtl { direction: rtl; }
.navigator-date-picker__popper--rtl .navigator-date-picker__footer-btn { text-align: left; }
.navigator-date-picker__popper--rtl .navigator-date-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-panel-datetime__divider { width: 0px; border-left: 1px solid rgb(232, 234, 237); }
.navigator-date-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 4px; }
.navigator-date-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-date-picker-panel--rtl { direction: rtl; }
.navigator-date-picker-panel--rtl .navigator-date-picker-panel__footer-btn { text-align: left; }
.navigator-date-range-picker { display: inline-flex; width: 100%; }
.navigator-date-range-picker__input { flex: 1 1 0%; }
.navigator-date-range-picker__seperator { display: flex; align-items: center; margin-left: 4px; margin-right: 4px; }
.navigator-date-range-picker__bar { position: absolute; bottom: 0px; height: 0px; left: 0px; border-bottom: 2px solid rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-date-range-picker .navigator-date-range-picker__calendar-icon { color: rgb(147, 150, 157); }
.navigator-date-range-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.navigator-date-range-picker__popper--show { display: block; }
.navigator-date-range-picker__content { display: flex; align-self: stretch; }
.navigator-date-range-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.navigator-date-range-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-date-range-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-date-range-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-date-range-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-date-range-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-date-range-picker__popper--rtl { direction: rtl; }
.navigator-date-range-picker__popper--rtl .navigator-date-range-picker__footer-btn { text-align: left; }
.navigator-date-range-picker__popper--rtl .navigator-date-range-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-date-range-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 4px; }
.navigator-date-range-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-date-range-picker-panel--rtl { direction: rtl; }
.navigator-date-range-picker-panel--rtl .navigator-date-range-picker-panel__footer-btn { text-align: left; }
.navigator-description__title { color: rgb(49, 52, 59); font-size: 16px; margin-bottom: 24px; }
.navigator-description__table { border-collapse: collapse; width: 100%; table-layout: auto; }
.navigator-description__row { text-align: start; }
.navigator-description__row:last-child .navigator-description-item { padding-bottom: 0px; }
.navigator-description .navigator-description-item { padding-bottom: 16px; padding-right: 16px; vertical-align: top; }
.navigator-description .navigator-description-item:last-child { padding-right: 0px; }
.navigator-description .navigator-description-item__container { display: flex; align-items: flex-start; }
.navigator-description .navigator-description-item div.navigator-description-item__label { display: inline-flex; font-size: 14px; color: rgb(98, 101, 108); margin-right: 6px; }
.navigator-description .navigator-description-item div.navigator-description-item__content { display: inline-flex; font-size: 14px; color: rgb(49, 52, 59); word-break: break-word; overflow-wrap: break-word; }
.navigator-description--border .navigator-description-item__content, .navigator-description--border .navigator-description-item__label { padding: 13px 16px; border: 1px solid rgb(232, 234, 237); margin-right: 0px; text-align: start; }
.navigator-description--border .navigator-description-item__label { background: rgb(247, 249, 252); }
.navigator-description--border .navigator-description-item__content { word-break: break-word; overflow-wrap: break-word; }
.navigator-divider { position: relative; border-style: solid; border-color: rgb(232, 234, 237); border-width: 0px; }
.navigator-divider--horizontal { border-top-width: 1px; display: flex; width: 100%; margin: 16px 0px; }
.navigator-divider--vertical { border-left-width: 1px; display: inline-flex; height: 1em; vertical-align: middle; margin: 0px 16px; }
.navigator-divider--dashed { border-style: dashed; }
.navigator-divider__context { position: absolute; line-height: 24px; font-size: 16px; font-weight: 700; padding: 0px 24px; color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); }
.navigator-divider--center .navigator-divider__context { left: 50%; transform: translateY(-50%) translateX(-50%); }
.navigator-divider--start .navigator-divider__context { left: 32px; transform: translateY(-50%); }
.navigator-divider--end .navigator-divider__context { right: 32px; transform: translateY(-50%); }
.navigator-divider--rtl { direction: rtl; }
.navigator-divider--rtl.navigator-divider--end .navigator-divider__context { left: 32px; right: unset; transform: translateY(-50%); }
.navigator-divider--rtl.navigator-divider--start .navigator-divider__context { right: 32px; left: unset; transform: translateY(-50%); }
.navigator-drawer-left-enter-active, .navigator-drawer-left-leave-active { transition: transform 0.18s ease-in-out; }
.navigator-drawer-left-enter-from, .navigator-drawer-left-leave-to { transform: translateX(-100%); }
.navigator-drawer-left-enter-to, .navigator-drawer-left-leave-from { transform: translateX(0px); }
.navigator-drawer-right-enter-active, .navigator-drawer-right-leave-active { transition: transform 0.18s ease-in-out; }
.navigator-drawer-right-enter-from, .navigator-drawer-right-leave-to { transform: translateX(100%); }
.navigator-drawer-right-enter-to, .navigator-drawer-right-leave-from { transform: translateX(0px); }
.navigator-drawer__wrap { position: fixed; display: flex; top: 0px; bottom: 0px; width: 100%; align-items: center; box-shadow: none; }
.navigator-drawer__wrap--hide { display: none; }
.navigator-drawer__wrap--no-maskable { width: 0px; }
.navigator-drawer__wrap--no-maskable.navigator-drawer__wrap--right { right: 0px; }
.navigator-drawer__wrap--no-maskable.navigator-drawer__wrap--left { left: 0px; }
.navigator-drawer { position: absolute; display: flex; flex-direction: column; top: 0px; bottom: 0px; background: rgb(255, 255, 255); font-size: 14px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; }
.navigator-drawer--right { right: 0px; }
.navigator-drawer--left { left: 0px; }
.navigator-drawer--no-maskable { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; }
.navigator-drawer__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); background: rgb(255, 255, 255); }
.navigator-drawer__header--no-border { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.navigator-drawer__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.navigator-drawer__body { padding: 0px 24px; flex-grow: 1; overflow: auto; }
.navigator-drawer__outer-close-btn { position: absolute; background: rgb(51, 138, 255); border-radius: 4px 0px 0px 4px; justify-content: center; align-items: center; top: 19px; left: -32px; display: flex; color: rgb(255, 255, 255); font-size: 15px; width: 32px; height: 32px; cursor: pointer; }
.navigator-drawer__close-icon { position: absolute; width: 20px; height: 20px; color: rgb(49, 52, 59); font-size: 20px; top: 25px; right: 25px; cursor: pointer; }
.navigator-drawer__close-icon:hover { color: rgb(0, 87, 255); }
.navigator-drawer__close-icon:active { color: rgb(0, 63, 210); }
.navigator-drawer__close-icon--hide { display: none; }
.navigator-drawer--rtl { direction: rtl; }
.navigator-dropdown-item { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-dropdown-item__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-dropdown-item__content { flex: 1 1 0%; align-items: center; }
.navigator-dropdown-item__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-dropdown-item__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-dropdown-item__expand--icon { color: rgb(49, 52, 59); }
.navigator-dropdown-item.navigator-dropdown-item--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-dropdown-item--single.navigator-dropdown-item--selected { color: rgb(0, 87, 255); }
.navigator-dropdown-item.navigator-dropdown-item--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-dropdown-item.navigator-dropdown-item--disabled .navigator-dropdown-item__expand--icon { color: rgb(185, 188, 195); }
.navigator-dropdown-item.navigator-dropdown-item--disabled.navigator-dropdown-item--single.navigator-dropdown-item--selected { color: rgb(186, 218, 255); }
.navigator-dropdown-item:hover:not(.navigator-dropdown-item--disabled) { background-color: rgb(242, 244, 247); }
.navigator-dropdown-item--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-dropdown-item--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-dropdown-item--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-dropdown-item--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-dropdown-item--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-dropdown-item--rtl { direction: rtl; }
.navigator-dropdown-item--rtl .navigator-dropdown-item__action { margin-right: 0px; margin-left: 8px; }
.navigator-dropdown-item--rtl .navigator-dropdown-item__expand { margin-left: 0px; margin-right: 8px; }
.navigator-dropdown__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; background-color: rgb(255, 255, 255); max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-dropdown__popper--show { display: block; }
.navigator-dropdown__popper::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-dropdown__popper::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-dropdown__popper::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-dropdown__popper::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.dropdown-transition-enter-active, .dropdown-transition-leave-active { transition: opacity 0.24s; }
.dropdown-transition-enter-from, .dropdown-transition-leave-to { opacity: 0; }
.navigator-empty { color: rgb(185, 188, 195); line-height: 22px; font-size: 14px; }
.navigator-empty__image { text-align: center; margin: auto; width: 38px; height: 38px; }
.navigator-empty__image .navigator-empty__image-icon { width: 100%; height: 100%; }
.navigator-empty__content, .navigator-empty__description { margin-top: 8px; text-align: center; line-height: 22px; font-size: 14px; }
.navigator-empty__content { padding: 0px 12px 12px; }
.navigator-box { display: flex; }
.navigator-box--align-top { align-items: flex-start; }
.navigator-box--align-bottom { align-items: flex-end; }
.navigator-box--align-center { align-items: center; }
.navigator-box--justify-start { justify-content: flex-start; }
.navigator-box--justify-center { justify-content: center; }
.navigator-box--justify-end { justify-content: flex-end; }
.navigator-box--justify-space-around { justify-content: space-around; }
.navigator-box--justify-space-between { justify-content: space-between; }
.navigator-box--wrap { flex-wrap: wrap; }
.navigator-box--direction-row { flex-direction: row; }
.navigator-box--direction-column { flex-direction: column; }
.navigator-box--direction-row-reverse { flex-direction: row-reverse; }
.navigator-box--direction-column-reverse { flex-direction: column-reverse; }
.navigator-box--rtl { direction: rtl; }
.navigator-col { display: block; box-sizing: border-box; flex: 1 0 auto; max-width: 100%; position: relative; }
.navigator-col--span-0 { display: none; }
@media screen and (min-width: 0) {
  .navigator-col--span-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-23 { margin-left: 95.8333%; }
  .navigator-col--offset-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-22 { margin-left: 91.6667%; }
  .navigator-col--offset-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-21 { margin-left: 87.5%; }
  .navigator-col--offset-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-20 { margin-left: 83.3333%; }
  .navigator-col--offset-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-19 { margin-left: 79.1667%; }
  .navigator-col--offset-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-18 { margin-left: 75%; }
  .navigator-col--offset-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-17 { margin-left: 70.8333%; }
  .navigator-col--offset-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-16 { margin-left: 66.6667%; }
  .navigator-col--offset-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-15 { margin-left: 62.5%; }
  .navigator-col--offset-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-14 { margin-left: 58.3333%; }
  .navigator-col--offset-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-13 { margin-left: 54.1667%; }
  .navigator-col--offset-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-12 { margin-left: 50%; }
  .navigator-col--offset-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-11 { margin-left: 45.8333%; }
  .navigator-col--offset-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-10 { margin-left: 41.6667%; }
  .navigator-col--offset-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-9 { margin-left: 37.5%; }
  .navigator-col--offset-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-8 { margin-left: 33.3333%; }
  .navigator-col--offset-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-7 { margin-left: 29.1667%; }
  .navigator-col--offset-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-6 { margin-left: 25%; }
  .navigator-col--offset-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-5 { margin-left: 20.8333%; }
  .navigator-col--offset-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-4 { margin-left: 16.6667%; }
  .navigator-col--offset-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-3 { margin-left: 12.5%; }
  .navigator-col--offset-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-2 { margin-left: 8.33333%; }
  .navigator-col--offset-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-1 { margin-left: 4.16667%; }
  .navigator-col--offset-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-0 { margin-left: 0px; }
  .navigator-col--offset-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-1 { order: 1; }
  .navigator-col--order-2 { order: 2; }
  .navigator-col--order-3 { order: 3; }
  .navigator-col--order-4 { order: 4; }
  .navigator-col--order-5 { order: 5; }
  .navigator-col--order-6 { order: 6; }
  .navigator-col--order-7 { order: 7; }
  .navigator-col--order-8 { order: 8; }
  .navigator-col--order-9 { order: 9; }
  .navigator-col--order-10 { order: 10; }
  .navigator-col--order-11 { order: 11; }
  .navigator-col--order-12 { order: 12; }
  .navigator-col--order-13 { order: 13; }
  .navigator-col--order-14 { order: 14; }
  .navigator-col--order-15 { order: 15; }
  .navigator-col--order-16 { order: 16; }
  .navigator-col--order-17 { order: 17; }
  .navigator-col--order-18 { order: 18; }
  .navigator-col--order-19 { order: 19; }
  .navigator-col--order-20 { order: 20; }
  .navigator-col--order-21 { order: 21; }
  .navigator-col--order-22 { order: 22; }
  .navigator-col--order-23 { order: 23; }
  .navigator-col--order-24 { order: 24; }
  .navigator-col--pull-23 { right: 95.8333%; }
  .navigator-col--pull-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-22 { right: 91.6667%; }
  .navigator-col--pull-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-21 { right: 87.5%; }
  .navigator-col--pull-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-20 { right: 83.3333%; }
  .navigator-col--pull-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-19 { right: 79.1667%; }
  .navigator-col--pull-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-18 { right: 75%; }
  .navigator-col--pull-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-17 { right: 70.8333%; }
  .navigator-col--pull-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-16 { right: 66.6667%; }
  .navigator-col--pull-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-15 { right: 62.5%; }
  .navigator-col--pull-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-14 { right: 58.3333%; }
  .navigator-col--pull-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-13 { right: 54.1667%; }
  .navigator-col--pull-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-12 { right: 50%; }
  .navigator-col--pull-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-11 { right: 45.8333%; }
  .navigator-col--pull-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-10 { right: 41.6667%; }
  .navigator-col--pull-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-9 { right: 37.5%; }
  .navigator-col--pull-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-8 { right: 33.3333%; }
  .navigator-col--pull-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-7 { right: 29.1667%; }
  .navigator-col--pull-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-6 { right: 25%; }
  .navigator-col--pull-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-5 { right: 20.8333%; }
  .navigator-col--pull-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-4 { right: 16.6667%; }
  .navigator-col--pull-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-3 { right: 12.5%; }
  .navigator-col--pull-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-2 { right: 8.33333%; }
  .navigator-col--pull-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-1 { right: 4.16667%; }
  .navigator-col--pull-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-0 { right: 0px; }
  .navigator-col--pull-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-23 { left: 95.8333%; }
  .navigator-col--push-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-22 { left: 91.6667%; }
  .navigator-col--push-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-21 { left: 87.5%; }
  .navigator-col--push-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-20 { left: 83.3333%; }
  .navigator-col--push-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-19 { left: 79.1667%; }
  .navigator-col--push-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-18 { left: 75%; }
  .navigator-col--push-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-17 { left: 70.8333%; }
  .navigator-col--push-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-16 { left: 66.6667%; }
  .navigator-col--push-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-15 { left: 62.5%; }
  .navigator-col--push-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-14 { left: 58.3333%; }
  .navigator-col--push-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-13 { left: 54.1667%; }
  .navigator-col--push-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-12 { left: 50%; }
  .navigator-col--push-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-11 { left: 45.8333%; }
  .navigator-col--push-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-10 { left: 41.6667%; }
  .navigator-col--push-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-9 { left: 37.5%; }
  .navigator-col--push-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-8 { left: 33.3333%; }
  .navigator-col--push-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-7 { left: 29.1667%; }
  .navigator-col--push-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-6 { left: 25%; }
  .navigator-col--push-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-5 { left: 20.8333%; }
  .navigator-col--push-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-4 { left: 16.6667%; }
  .navigator-col--push-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-3 { left: 12.5%; }
  .navigator-col--push-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-2 { left: 8.33333%; }
  .navigator-col--push-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-1 { left: 4.16667%; }
  .navigator-col--push-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-0 { left: 0px; }
  .navigator-col--push-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-col--span-sm-0 { display: none; }
@media screen and (min-width: 576px) {
  .navigator-col--span-sm-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-sm-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-sm-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-sm-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-sm-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-sm-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-sm-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-sm-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-sm-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-sm-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-sm-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-sm-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-sm-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-sm-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-sm-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-sm-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-sm-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-sm-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-sm-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-sm-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-sm-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-sm-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-sm-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-sm-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-sm-23 { margin-left: 95.8333%; }
  .navigator-col--offset-sm-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-sm-22 { margin-left: 91.6667%; }
  .navigator-col--offset-sm-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-sm-21 { margin-left: 87.5%; }
  .navigator-col--offset-sm-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-sm-20 { margin-left: 83.3333%; }
  .navigator-col--offset-sm-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-sm-19 { margin-left: 79.1667%; }
  .navigator-col--offset-sm-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-sm-18 { margin-left: 75%; }
  .navigator-col--offset-sm-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-sm-17 { margin-left: 70.8333%; }
  .navigator-col--offset-sm-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-sm-16 { margin-left: 66.6667%; }
  .navigator-col--offset-sm-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-sm-15 { margin-left: 62.5%; }
  .navigator-col--offset-sm-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-sm-14 { margin-left: 58.3333%; }
  .navigator-col--offset-sm-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-sm-13 { margin-left: 54.1667%; }
  .navigator-col--offset-sm-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-sm-12 { margin-left: 50%; }
  .navigator-col--offset-sm-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-sm-11 { margin-left: 45.8333%; }
  .navigator-col--offset-sm-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-sm-10 { margin-left: 41.6667%; }
  .navigator-col--offset-sm-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-sm-9 { margin-left: 37.5%; }
  .navigator-col--offset-sm-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-sm-8 { margin-left: 33.3333%; }
  .navigator-col--offset-sm-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-sm-7 { margin-left: 29.1667%; }
  .navigator-col--offset-sm-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-sm-6 { margin-left: 25%; }
  .navigator-col--offset-sm-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-sm-5 { margin-left: 20.8333%; }
  .navigator-col--offset-sm-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-sm-4 { margin-left: 16.6667%; }
  .navigator-col--offset-sm-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-sm-3 { margin-left: 12.5%; }
  .navigator-col--offset-sm-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-sm-2 { margin-left: 8.33333%; }
  .navigator-col--offset-sm-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-sm-1 { margin-left: 4.16667%; }
  .navigator-col--offset-sm-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-sm-0 { margin-left: 0px; }
  .navigator-col--offset-sm-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-sm-1 { order: 1; }
  .navigator-col--order-sm-2 { order: 2; }
  .navigator-col--order-sm-3 { order: 3; }
  .navigator-col--order-sm-4 { order: 4; }
  .navigator-col--order-sm-5 { order: 5; }
  .navigator-col--order-sm-6 { order: 6; }
  .navigator-col--order-sm-7 { order: 7; }
  .navigator-col--order-sm-8 { order: 8; }
  .navigator-col--order-sm-9 { order: 9; }
  .navigator-col--order-sm-10 { order: 10; }
  .navigator-col--order-sm-11 { order: 11; }
  .navigator-col--order-sm-12 { order: 12; }
  .navigator-col--order-sm-13 { order: 13; }
  .navigator-col--order-sm-14 { order: 14; }
  .navigator-col--order-sm-15 { order: 15; }
  .navigator-col--order-sm-16 { order: 16; }
  .navigator-col--order-sm-17 { order: 17; }
  .navigator-col--order-sm-18 { order: 18; }
  .navigator-col--order-sm-19 { order: 19; }
  .navigator-col--order-sm-20 { order: 20; }
  .navigator-col--order-sm-21 { order: 21; }
  .navigator-col--order-sm-22 { order: 22; }
  .navigator-col--order-sm-23 { order: 23; }
  .navigator-col--order-sm-24 { order: 24; }
  .navigator-col--pull-sm-23 { right: 95.8333%; }
  .navigator-col--pull-sm-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-sm-22 { right: 91.6667%; }
  .navigator-col--pull-sm-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-sm-21 { right: 87.5%; }
  .navigator-col--pull-sm-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-sm-20 { right: 83.3333%; }
  .navigator-col--pull-sm-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-sm-19 { right: 79.1667%; }
  .navigator-col--pull-sm-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-sm-18 { right: 75%; }
  .navigator-col--pull-sm-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-sm-17 { right: 70.8333%; }
  .navigator-col--pull-sm-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-sm-16 { right: 66.6667%; }
  .navigator-col--pull-sm-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-sm-15 { right: 62.5%; }
  .navigator-col--pull-sm-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-sm-14 { right: 58.3333%; }
  .navigator-col--pull-sm-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-sm-13 { right: 54.1667%; }
  .navigator-col--pull-sm-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-sm-12 { right: 50%; }
  .navigator-col--pull-sm-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-sm-11 { right: 45.8333%; }
  .navigator-col--pull-sm-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-sm-10 { right: 41.6667%; }
  .navigator-col--pull-sm-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-sm-9 { right: 37.5%; }
  .navigator-col--pull-sm-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-sm-8 { right: 33.3333%; }
  .navigator-col--pull-sm-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-sm-7 { right: 29.1667%; }
  .navigator-col--pull-sm-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-sm-6 { right: 25%; }
  .navigator-col--pull-sm-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-sm-5 { right: 20.8333%; }
  .navigator-col--pull-sm-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-sm-4 { right: 16.6667%; }
  .navigator-col--pull-sm-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-sm-3 { right: 12.5%; }
  .navigator-col--pull-sm-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-sm-2 { right: 8.33333%; }
  .navigator-col--pull-sm-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-sm-1 { right: 4.16667%; }
  .navigator-col--pull-sm-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-sm-0 { right: 0px; }
  .navigator-col--pull-sm-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-sm-23 { left: 95.8333%; }
  .navigator-col--push-sm-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-sm-22 { left: 91.6667%; }
  .navigator-col--push-sm-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-sm-21 { left: 87.5%; }
  .navigator-col--push-sm-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-sm-20 { left: 83.3333%; }
  .navigator-col--push-sm-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-sm-19 { left: 79.1667%; }
  .navigator-col--push-sm-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-sm-18 { left: 75%; }
  .navigator-col--push-sm-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-sm-17 { left: 70.8333%; }
  .navigator-col--push-sm-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-sm-16 { left: 66.6667%; }
  .navigator-col--push-sm-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-sm-15 { left: 62.5%; }
  .navigator-col--push-sm-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-sm-14 { left: 58.3333%; }
  .navigator-col--push-sm-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-sm-13 { left: 54.1667%; }
  .navigator-col--push-sm-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-sm-12 { left: 50%; }
  .navigator-col--push-sm-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-sm-11 { left: 45.8333%; }
  .navigator-col--push-sm-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-sm-10 { left: 41.6667%; }
  .navigator-col--push-sm-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-sm-9 { left: 37.5%; }
  .navigator-col--push-sm-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-sm-8 { left: 33.3333%; }
  .navigator-col--push-sm-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-sm-7 { left: 29.1667%; }
  .navigator-col--push-sm-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-sm-6 { left: 25%; }
  .navigator-col--push-sm-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-sm-5 { left: 20.8333%; }
  .navigator-col--push-sm-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-sm-4 { left: 16.6667%; }
  .navigator-col--push-sm-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-sm-3 { left: 12.5%; }
  .navigator-col--push-sm-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-sm-2 { left: 8.33333%; }
  .navigator-col--push-sm-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-sm-1 { left: 4.16667%; }
  .navigator-col--push-sm-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-sm-0 { left: 0px; }
  .navigator-col--push-sm-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-col--span-md-0 { display: none; }
@media screen and (min-width: 768px) {
  .navigator-col--span-md-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-md-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-md-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-md-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-md-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-md-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-md-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-md-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-md-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-md-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-md-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-md-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-md-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-md-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-md-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-md-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-md-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-md-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-md-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-md-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-md-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-md-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-md-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-md-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-md-23 { margin-left: 95.8333%; }
  .navigator-col--offset-md-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-md-22 { margin-left: 91.6667%; }
  .navigator-col--offset-md-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-md-21 { margin-left: 87.5%; }
  .navigator-col--offset-md-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-md-20 { margin-left: 83.3333%; }
  .navigator-col--offset-md-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-md-19 { margin-left: 79.1667%; }
  .navigator-col--offset-md-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-md-18 { margin-left: 75%; }
  .navigator-col--offset-md-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-md-17 { margin-left: 70.8333%; }
  .navigator-col--offset-md-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-md-16 { margin-left: 66.6667%; }
  .navigator-col--offset-md-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-md-15 { margin-left: 62.5%; }
  .navigator-col--offset-md-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-md-14 { margin-left: 58.3333%; }
  .navigator-col--offset-md-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-md-13 { margin-left: 54.1667%; }
  .navigator-col--offset-md-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-md-12 { margin-left: 50%; }
  .navigator-col--offset-md-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-md-11 { margin-left: 45.8333%; }
  .navigator-col--offset-md-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-md-10 { margin-left: 41.6667%; }
  .navigator-col--offset-md-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-md-9 { margin-left: 37.5%; }
  .navigator-col--offset-md-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-md-8 { margin-left: 33.3333%; }
  .navigator-col--offset-md-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-md-7 { margin-left: 29.1667%; }
  .navigator-col--offset-md-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-md-6 { margin-left: 25%; }
  .navigator-col--offset-md-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-md-5 { margin-left: 20.8333%; }
  .navigator-col--offset-md-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-md-4 { margin-left: 16.6667%; }
  .navigator-col--offset-md-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-md-3 { margin-left: 12.5%; }
  .navigator-col--offset-md-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-md-2 { margin-left: 8.33333%; }
  .navigator-col--offset-md-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-md-1 { margin-left: 4.16667%; }
  .navigator-col--offset-md-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-md-0 { margin-left: 0px; }
  .navigator-col--offset-md-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-md-1 { order: 1; }
  .navigator-col--order-md-2 { order: 2; }
  .navigator-col--order-md-3 { order: 3; }
  .navigator-col--order-md-4 { order: 4; }
  .navigator-col--order-md-5 { order: 5; }
  .navigator-col--order-md-6 { order: 6; }
  .navigator-col--order-md-7 { order: 7; }
  .navigator-col--order-md-8 { order: 8; }
  .navigator-col--order-md-9 { order: 9; }
  .navigator-col--order-md-10 { order: 10; }
  .navigator-col--order-md-11 { order: 11; }
  .navigator-col--order-md-12 { order: 12; }
  .navigator-col--order-md-13 { order: 13; }
  .navigator-col--order-md-14 { order: 14; }
  .navigator-col--order-md-15 { order: 15; }
  .navigator-col--order-md-16 { order: 16; }
  .navigator-col--order-md-17 { order: 17; }
  .navigator-col--order-md-18 { order: 18; }
  .navigator-col--order-md-19 { order: 19; }
  .navigator-col--order-md-20 { order: 20; }
  .navigator-col--order-md-21 { order: 21; }
  .navigator-col--order-md-22 { order: 22; }
  .navigator-col--order-md-23 { order: 23; }
  .navigator-col--order-md-24 { order: 24; }
  .navigator-col--pull-md-23 { right: 95.8333%; }
  .navigator-col--pull-md-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-md-22 { right: 91.6667%; }
  .navigator-col--pull-md-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-md-21 { right: 87.5%; }
  .navigator-col--pull-md-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-md-20 { right: 83.3333%; }
  .navigator-col--pull-md-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-md-19 { right: 79.1667%; }
  .navigator-col--pull-md-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-md-18 { right: 75%; }
  .navigator-col--pull-md-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-md-17 { right: 70.8333%; }
  .navigator-col--pull-md-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-md-16 { right: 66.6667%; }
  .navigator-col--pull-md-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-md-15 { right: 62.5%; }
  .navigator-col--pull-md-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-md-14 { right: 58.3333%; }
  .navigator-col--pull-md-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-md-13 { right: 54.1667%; }
  .navigator-col--pull-md-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-md-12 { right: 50%; }
  .navigator-col--pull-md-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-md-11 { right: 45.8333%; }
  .navigator-col--pull-md-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-md-10 { right: 41.6667%; }
  .navigator-col--pull-md-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-md-9 { right: 37.5%; }
  .navigator-col--pull-md-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-md-8 { right: 33.3333%; }
  .navigator-col--pull-md-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-md-7 { right: 29.1667%; }
  .navigator-col--pull-md-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-md-6 { right: 25%; }
  .navigator-col--pull-md-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-md-5 { right: 20.8333%; }
  .navigator-col--pull-md-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-md-4 { right: 16.6667%; }
  .navigator-col--pull-md-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-md-3 { right: 12.5%; }
  .navigator-col--pull-md-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-md-2 { right: 8.33333%; }
  .navigator-col--pull-md-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-md-1 { right: 4.16667%; }
  .navigator-col--pull-md-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-md-0 { right: 0px; }
  .navigator-col--pull-md-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-md-23 { left: 95.8333%; }
  .navigator-col--push-md-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-md-22 { left: 91.6667%; }
  .navigator-col--push-md-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-md-21 { left: 87.5%; }
  .navigator-col--push-md-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-md-20 { left: 83.3333%; }
  .navigator-col--push-md-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-md-19 { left: 79.1667%; }
  .navigator-col--push-md-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-md-18 { left: 75%; }
  .navigator-col--push-md-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-md-17 { left: 70.8333%; }
  .navigator-col--push-md-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-md-16 { left: 66.6667%; }
  .navigator-col--push-md-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-md-15 { left: 62.5%; }
  .navigator-col--push-md-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-md-14 { left: 58.3333%; }
  .navigator-col--push-md-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-md-13 { left: 54.1667%; }
  .navigator-col--push-md-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-md-12 { left: 50%; }
  .navigator-col--push-md-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-md-11 { left: 45.8333%; }
  .navigator-col--push-md-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-md-10 { left: 41.6667%; }
  .navigator-col--push-md-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-md-9 { left: 37.5%; }
  .navigator-col--push-md-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-md-8 { left: 33.3333%; }
  .navigator-col--push-md-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-md-7 { left: 29.1667%; }
  .navigator-col--push-md-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-md-6 { left: 25%; }
  .navigator-col--push-md-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-md-5 { left: 20.8333%; }
  .navigator-col--push-md-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-md-4 { left: 16.6667%; }
  .navigator-col--push-md-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-md-3 { left: 12.5%; }
  .navigator-col--push-md-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-md-2 { left: 8.33333%; }
  .navigator-col--push-md-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-md-1 { left: 4.16667%; }
  .navigator-col--push-md-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-md-0 { left: 0px; }
  .navigator-col--push-md-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-col--span-lg-0 { display: none; }
@media screen and (min-width: 992px) {
  .navigator-col--span-lg-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-lg-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-lg-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-lg-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-lg-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-lg-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-lg-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-lg-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-lg-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-lg-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-lg-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-lg-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-lg-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-lg-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-lg-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-lg-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-lg-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-lg-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-lg-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-lg-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-lg-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-lg-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-lg-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-lg-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-lg-23 { margin-left: 95.8333%; }
  .navigator-col--offset-lg-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-lg-22 { margin-left: 91.6667%; }
  .navigator-col--offset-lg-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-lg-21 { margin-left: 87.5%; }
  .navigator-col--offset-lg-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-lg-20 { margin-left: 83.3333%; }
  .navigator-col--offset-lg-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-lg-19 { margin-left: 79.1667%; }
  .navigator-col--offset-lg-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-lg-18 { margin-left: 75%; }
  .navigator-col--offset-lg-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-lg-17 { margin-left: 70.8333%; }
  .navigator-col--offset-lg-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-lg-16 { margin-left: 66.6667%; }
  .navigator-col--offset-lg-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-lg-15 { margin-left: 62.5%; }
  .navigator-col--offset-lg-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-lg-14 { margin-left: 58.3333%; }
  .navigator-col--offset-lg-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-lg-13 { margin-left: 54.1667%; }
  .navigator-col--offset-lg-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-lg-12 { margin-left: 50%; }
  .navigator-col--offset-lg-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-lg-11 { margin-left: 45.8333%; }
  .navigator-col--offset-lg-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-lg-10 { margin-left: 41.6667%; }
  .navigator-col--offset-lg-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-lg-9 { margin-left: 37.5%; }
  .navigator-col--offset-lg-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-lg-8 { margin-left: 33.3333%; }
  .navigator-col--offset-lg-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-lg-7 { margin-left: 29.1667%; }
  .navigator-col--offset-lg-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-lg-6 { margin-left: 25%; }
  .navigator-col--offset-lg-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-lg-5 { margin-left: 20.8333%; }
  .navigator-col--offset-lg-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-lg-4 { margin-left: 16.6667%; }
  .navigator-col--offset-lg-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-lg-3 { margin-left: 12.5%; }
  .navigator-col--offset-lg-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-lg-2 { margin-left: 8.33333%; }
  .navigator-col--offset-lg-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-lg-1 { margin-left: 4.16667%; }
  .navigator-col--offset-lg-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-lg-0 { margin-left: 0px; }
  .navigator-col--offset-lg-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-lg-1 { order: 1; }
  .navigator-col--order-lg-2 { order: 2; }
  .navigator-col--order-lg-3 { order: 3; }
  .navigator-col--order-lg-4 { order: 4; }
  .navigator-col--order-lg-5 { order: 5; }
  .navigator-col--order-lg-6 { order: 6; }
  .navigator-col--order-lg-7 { order: 7; }
  .navigator-col--order-lg-8 { order: 8; }
  .navigator-col--order-lg-9 { order: 9; }
  .navigator-col--order-lg-10 { order: 10; }
  .navigator-col--order-lg-11 { order: 11; }
  .navigator-col--order-lg-12 { order: 12; }
  .navigator-col--order-lg-13 { order: 13; }
  .navigator-col--order-lg-14 { order: 14; }
  .navigator-col--order-lg-15 { order: 15; }
  .navigator-col--order-lg-16 { order: 16; }
  .navigator-col--order-lg-17 { order: 17; }
  .navigator-col--order-lg-18 { order: 18; }
  .navigator-col--order-lg-19 { order: 19; }
  .navigator-col--order-lg-20 { order: 20; }
  .navigator-col--order-lg-21 { order: 21; }
  .navigator-col--order-lg-22 { order: 22; }
  .navigator-col--order-lg-23 { order: 23; }
  .navigator-col--order-lg-24 { order: 24; }
  .navigator-col--pull-lg-23 { right: 95.8333%; }
  .navigator-col--pull-lg-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-lg-22 { right: 91.6667%; }
  .navigator-col--pull-lg-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-lg-21 { right: 87.5%; }
  .navigator-col--pull-lg-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-lg-20 { right: 83.3333%; }
  .navigator-col--pull-lg-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-lg-19 { right: 79.1667%; }
  .navigator-col--pull-lg-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-lg-18 { right: 75%; }
  .navigator-col--pull-lg-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-lg-17 { right: 70.8333%; }
  .navigator-col--pull-lg-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-lg-16 { right: 66.6667%; }
  .navigator-col--pull-lg-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-lg-15 { right: 62.5%; }
  .navigator-col--pull-lg-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-lg-14 { right: 58.3333%; }
  .navigator-col--pull-lg-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-lg-13 { right: 54.1667%; }
  .navigator-col--pull-lg-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-lg-12 { right: 50%; }
  .navigator-col--pull-lg-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-lg-11 { right: 45.8333%; }
  .navigator-col--pull-lg-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-lg-10 { right: 41.6667%; }
  .navigator-col--pull-lg-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-lg-9 { right: 37.5%; }
  .navigator-col--pull-lg-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-lg-8 { right: 33.3333%; }
  .navigator-col--pull-lg-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-lg-7 { right: 29.1667%; }
  .navigator-col--pull-lg-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-lg-6 { right: 25%; }
  .navigator-col--pull-lg-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-lg-5 { right: 20.8333%; }
  .navigator-col--pull-lg-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-lg-4 { right: 16.6667%; }
  .navigator-col--pull-lg-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-lg-3 { right: 12.5%; }
  .navigator-col--pull-lg-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-lg-2 { right: 8.33333%; }
  .navigator-col--pull-lg-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-lg-1 { right: 4.16667%; }
  .navigator-col--pull-lg-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-lg-0 { right: 0px; }
  .navigator-col--pull-lg-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-lg-23 { left: 95.8333%; }
  .navigator-col--push-lg-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-lg-22 { left: 91.6667%; }
  .navigator-col--push-lg-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-lg-21 { left: 87.5%; }
  .navigator-col--push-lg-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-lg-20 { left: 83.3333%; }
  .navigator-col--push-lg-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-lg-19 { left: 79.1667%; }
  .navigator-col--push-lg-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-lg-18 { left: 75%; }
  .navigator-col--push-lg-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-lg-17 { left: 70.8333%; }
  .navigator-col--push-lg-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-lg-16 { left: 66.6667%; }
  .navigator-col--push-lg-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-lg-15 { left: 62.5%; }
  .navigator-col--push-lg-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-lg-14 { left: 58.3333%; }
  .navigator-col--push-lg-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-lg-13 { left: 54.1667%; }
  .navigator-col--push-lg-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-lg-12 { left: 50%; }
  .navigator-col--push-lg-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-lg-11 { left: 45.8333%; }
  .navigator-col--push-lg-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-lg-10 { left: 41.6667%; }
  .navigator-col--push-lg-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-lg-9 { left: 37.5%; }
  .navigator-col--push-lg-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-lg-8 { left: 33.3333%; }
  .navigator-col--push-lg-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-lg-7 { left: 29.1667%; }
  .navigator-col--push-lg-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-lg-6 { left: 25%; }
  .navigator-col--push-lg-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-lg-5 { left: 20.8333%; }
  .navigator-col--push-lg-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-lg-4 { left: 16.6667%; }
  .navigator-col--push-lg-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-lg-3 { left: 12.5%; }
  .navigator-col--push-lg-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-lg-2 { left: 8.33333%; }
  .navigator-col--push-lg-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-lg-1 { left: 4.16667%; }
  .navigator-col--push-lg-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-lg-0 { left: 0px; }
  .navigator-col--push-lg-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-col--span-xl-0 { display: none; }
@media screen and (min-width: 1200px) {
  .navigator-col--span-xl-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-xl-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-xl-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-xl-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-xl-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-xl-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-xl-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-xl-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-xl-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-xl-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-xl-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-xl-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-xl-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-xl-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-xl-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-xl-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-xl-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-xl-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-xl-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-xl-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-xl-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-xl-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-xl-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-xl-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-xl-23 { margin-left: 95.8333%; }
  .navigator-col--offset-xl-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-xl-22 { margin-left: 91.6667%; }
  .navigator-col--offset-xl-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-xl-21 { margin-left: 87.5%; }
  .navigator-col--offset-xl-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-xl-20 { margin-left: 83.3333%; }
  .navigator-col--offset-xl-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-xl-19 { margin-left: 79.1667%; }
  .navigator-col--offset-xl-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-xl-18 { margin-left: 75%; }
  .navigator-col--offset-xl-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-xl-17 { margin-left: 70.8333%; }
  .navigator-col--offset-xl-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-xl-16 { margin-left: 66.6667%; }
  .navigator-col--offset-xl-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-xl-15 { margin-left: 62.5%; }
  .navigator-col--offset-xl-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-xl-14 { margin-left: 58.3333%; }
  .navigator-col--offset-xl-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-xl-13 { margin-left: 54.1667%; }
  .navigator-col--offset-xl-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-xl-12 { margin-left: 50%; }
  .navigator-col--offset-xl-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-xl-11 { margin-left: 45.8333%; }
  .navigator-col--offset-xl-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-xl-10 { margin-left: 41.6667%; }
  .navigator-col--offset-xl-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-xl-9 { margin-left: 37.5%; }
  .navigator-col--offset-xl-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-xl-8 { margin-left: 33.3333%; }
  .navigator-col--offset-xl-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-xl-7 { margin-left: 29.1667%; }
  .navigator-col--offset-xl-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-xl-6 { margin-left: 25%; }
  .navigator-col--offset-xl-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-xl-5 { margin-left: 20.8333%; }
  .navigator-col--offset-xl-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-xl-4 { margin-left: 16.6667%; }
  .navigator-col--offset-xl-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-xl-3 { margin-left: 12.5%; }
  .navigator-col--offset-xl-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-xl-2 { margin-left: 8.33333%; }
  .navigator-col--offset-xl-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-xl-1 { margin-left: 4.16667%; }
  .navigator-col--offset-xl-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-xl-0 { margin-left: 0px; }
  .navigator-col--offset-xl-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-xl-1 { order: 1; }
  .navigator-col--order-xl-2 { order: 2; }
  .navigator-col--order-xl-3 { order: 3; }
  .navigator-col--order-xl-4 { order: 4; }
  .navigator-col--order-xl-5 { order: 5; }
  .navigator-col--order-xl-6 { order: 6; }
  .navigator-col--order-xl-7 { order: 7; }
  .navigator-col--order-xl-8 { order: 8; }
  .navigator-col--order-xl-9 { order: 9; }
  .navigator-col--order-xl-10 { order: 10; }
  .navigator-col--order-xl-11 { order: 11; }
  .navigator-col--order-xl-12 { order: 12; }
  .navigator-col--order-xl-13 { order: 13; }
  .navigator-col--order-xl-14 { order: 14; }
  .navigator-col--order-xl-15 { order: 15; }
  .navigator-col--order-xl-16 { order: 16; }
  .navigator-col--order-xl-17 { order: 17; }
  .navigator-col--order-xl-18 { order: 18; }
  .navigator-col--order-xl-19 { order: 19; }
  .navigator-col--order-xl-20 { order: 20; }
  .navigator-col--order-xl-21 { order: 21; }
  .navigator-col--order-xl-22 { order: 22; }
  .navigator-col--order-xl-23 { order: 23; }
  .navigator-col--order-xl-24 { order: 24; }
  .navigator-col--pull-xl-23 { right: 95.8333%; }
  .navigator-col--pull-xl-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-xl-22 { right: 91.6667%; }
  .navigator-col--pull-xl-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-xl-21 { right: 87.5%; }
  .navigator-col--pull-xl-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-xl-20 { right: 83.3333%; }
  .navigator-col--pull-xl-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-xl-19 { right: 79.1667%; }
  .navigator-col--pull-xl-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-xl-18 { right: 75%; }
  .navigator-col--pull-xl-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-xl-17 { right: 70.8333%; }
  .navigator-col--pull-xl-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-xl-16 { right: 66.6667%; }
  .navigator-col--pull-xl-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-xl-15 { right: 62.5%; }
  .navigator-col--pull-xl-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-xl-14 { right: 58.3333%; }
  .navigator-col--pull-xl-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-xl-13 { right: 54.1667%; }
  .navigator-col--pull-xl-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-xl-12 { right: 50%; }
  .navigator-col--pull-xl-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-xl-11 { right: 45.8333%; }
  .navigator-col--pull-xl-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-xl-10 { right: 41.6667%; }
  .navigator-col--pull-xl-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-xl-9 { right: 37.5%; }
  .navigator-col--pull-xl-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-xl-8 { right: 33.3333%; }
  .navigator-col--pull-xl-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-xl-7 { right: 29.1667%; }
  .navigator-col--pull-xl-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-xl-6 { right: 25%; }
  .navigator-col--pull-xl-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-xl-5 { right: 20.8333%; }
  .navigator-col--pull-xl-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-xl-4 { right: 16.6667%; }
  .navigator-col--pull-xl-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-xl-3 { right: 12.5%; }
  .navigator-col--pull-xl-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-xl-2 { right: 8.33333%; }
  .navigator-col--pull-xl-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-xl-1 { right: 4.16667%; }
  .navigator-col--pull-xl-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-xl-0 { right: 0px; }
  .navigator-col--pull-xl-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-xl-23 { left: 95.8333%; }
  .navigator-col--push-xl-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-xl-22 { left: 91.6667%; }
  .navigator-col--push-xl-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-xl-21 { left: 87.5%; }
  .navigator-col--push-xl-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-xl-20 { left: 83.3333%; }
  .navigator-col--push-xl-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-xl-19 { left: 79.1667%; }
  .navigator-col--push-xl-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-xl-18 { left: 75%; }
  .navigator-col--push-xl-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-xl-17 { left: 70.8333%; }
  .navigator-col--push-xl-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-xl-16 { left: 66.6667%; }
  .navigator-col--push-xl-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-xl-15 { left: 62.5%; }
  .navigator-col--push-xl-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-xl-14 { left: 58.3333%; }
  .navigator-col--push-xl-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-xl-13 { left: 54.1667%; }
  .navigator-col--push-xl-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-xl-12 { left: 50%; }
  .navigator-col--push-xl-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-xl-11 { left: 45.8333%; }
  .navigator-col--push-xl-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-xl-10 { left: 41.6667%; }
  .navigator-col--push-xl-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-xl-9 { left: 37.5%; }
  .navigator-col--push-xl-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-xl-8 { left: 33.3333%; }
  .navigator-col--push-xl-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-xl-7 { left: 29.1667%; }
  .navigator-col--push-xl-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-xl-6 { left: 25%; }
  .navigator-col--push-xl-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-xl-5 { left: 20.8333%; }
  .navigator-col--push-xl-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-xl-4 { left: 16.6667%; }
  .navigator-col--push-xl-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-xl-3 { left: 12.5%; }
  .navigator-col--push-xl-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-xl-2 { left: 8.33333%; }
  .navigator-col--push-xl-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-xl-1 { left: 4.16667%; }
  .navigator-col--push-xl-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-xl-0 { left: 0px; }
  .navigator-col--push-xl-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-col--span-xxl-0 { display: none; }
@media screen and (min-width: 1400px) {
  .navigator-col--span-xxl-24 { flex-basis: 100%; max-width: 100%; }
  .navigator-col--span-xxl-23 { flex-basis: 95.8333%; max-width: 95.8333%; }
  .navigator-col--span-xxl-22 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .navigator-col--span-xxl-21 { flex-basis: 87.5%; max-width: 87.5%; }
  .navigator-col--span-xxl-20 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .navigator-col--span-xxl-19 { flex-basis: 79.1667%; max-width: 79.1667%; }
  .navigator-col--span-xxl-18 { flex-basis: 75%; max-width: 75%; }
  .navigator-col--span-xxl-17 { flex-basis: 70.8333%; max-width: 70.8333%; }
  .navigator-col--span-xxl-16 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .navigator-col--span-xxl-15 { flex-basis: 62.5%; max-width: 62.5%; }
  .navigator-col--span-xxl-14 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .navigator-col--span-xxl-13 { flex-basis: 54.1667%; max-width: 54.1667%; }
  .navigator-col--span-xxl-12 { flex-basis: 50%; max-width: 50%; }
  .navigator-col--span-xxl-11 { flex-basis: 45.8333%; max-width: 45.8333%; }
  .navigator-col--span-xxl-10 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .navigator-col--span-xxl-9 { flex-basis: 37.5%; max-width: 37.5%; }
  .navigator-col--span-xxl-8 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .navigator-col--span-xxl-7 { flex-basis: 29.1667%; max-width: 29.1667%; }
  .navigator-col--span-xxl-6 { flex-basis: 25%; max-width: 25%; }
  .navigator-col--span-xxl-5 { flex-basis: 20.8333%; max-width: 20.8333%; }
  .navigator-col--span-xxl-4 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .navigator-col--span-xxl-3 { flex-basis: 12.5%; max-width: 12.5%; }
  .navigator-col--span-xxl-2 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .navigator-col--span-xxl-1 { flex-basis: 4.16667%; max-width: 4.16667%; }
  .navigator-col--offset-xxl-23 { margin-left: 95.8333%; }
  .navigator-col--offset-xxl-23.navigator-col--rtl { margin-right: 95.8333%; margin-left: 0px; }
  .navigator-col--offset-xxl-22 { margin-left: 91.6667%; }
  .navigator-col--offset-xxl-22.navigator-col--rtl { margin-right: 91.6667%; margin-left: 0px; }
  .navigator-col--offset-xxl-21 { margin-left: 87.5%; }
  .navigator-col--offset-xxl-21.navigator-col--rtl { margin-right: 87.5%; margin-left: 0px; }
  .navigator-col--offset-xxl-20 { margin-left: 83.3333%; }
  .navigator-col--offset-xxl-20.navigator-col--rtl { margin-right: 83.3333%; margin-left: 0px; }
  .navigator-col--offset-xxl-19 { margin-left: 79.1667%; }
  .navigator-col--offset-xxl-19.navigator-col--rtl { margin-right: 79.1667%; margin-left: 0px; }
  .navigator-col--offset-xxl-18 { margin-left: 75%; }
  .navigator-col--offset-xxl-18.navigator-col--rtl { margin-right: 75%; margin-left: 0px; }
  .navigator-col--offset-xxl-17 { margin-left: 70.8333%; }
  .navigator-col--offset-xxl-17.navigator-col--rtl { margin-right: 70.8333%; margin-left: 0px; }
  .navigator-col--offset-xxl-16 { margin-left: 66.6667%; }
  .navigator-col--offset-xxl-16.navigator-col--rtl { margin-right: 66.6667%; margin-left: 0px; }
  .navigator-col--offset-xxl-15 { margin-left: 62.5%; }
  .navigator-col--offset-xxl-15.navigator-col--rtl { margin-right: 62.5%; margin-left: 0px; }
  .navigator-col--offset-xxl-14 { margin-left: 58.3333%; }
  .navigator-col--offset-xxl-14.navigator-col--rtl { margin-right: 58.3333%; margin-left: 0px; }
  .navigator-col--offset-xxl-13 { margin-left: 54.1667%; }
  .navigator-col--offset-xxl-13.navigator-col--rtl { margin-right: 54.1667%; margin-left: 0px; }
  .navigator-col--offset-xxl-12 { margin-left: 50%; }
  .navigator-col--offset-xxl-12.navigator-col--rtl { margin-right: 50%; margin-left: 0px; }
  .navigator-col--offset-xxl-11 { margin-left: 45.8333%; }
  .navigator-col--offset-xxl-11.navigator-col--rtl { margin-right: 45.8333%; margin-left: 0px; }
  .navigator-col--offset-xxl-10 { margin-left: 41.6667%; }
  .navigator-col--offset-xxl-10.navigator-col--rtl { margin-right: 41.6667%; margin-left: 0px; }
  .navigator-col--offset-xxl-9 { margin-left: 37.5%; }
  .navigator-col--offset-xxl-9.navigator-col--rtl { margin-right: 37.5%; margin-left: 0px; }
  .navigator-col--offset-xxl-8 { margin-left: 33.3333%; }
  .navigator-col--offset-xxl-8.navigator-col--rtl { margin-right: 33.3333%; margin-left: 0px; }
  .navigator-col--offset-xxl-7 { margin-left: 29.1667%; }
  .navigator-col--offset-xxl-7.navigator-col--rtl { margin-right: 29.1667%; margin-left: 0px; }
  .navigator-col--offset-xxl-6 { margin-left: 25%; }
  .navigator-col--offset-xxl-6.navigator-col--rtl { margin-right: 25%; margin-left: 0px; }
  .navigator-col--offset-xxl-5 { margin-left: 20.8333%; }
  .navigator-col--offset-xxl-5.navigator-col--rtl { margin-right: 20.8333%; margin-left: 0px; }
  .navigator-col--offset-xxl-4 { margin-left: 16.6667%; }
  .navigator-col--offset-xxl-4.navigator-col--rtl { margin-right: 16.6667%; margin-left: 0px; }
  .navigator-col--offset-xxl-3 { margin-left: 12.5%; }
  .navigator-col--offset-xxl-3.navigator-col--rtl { margin-right: 12.5%; margin-left: 0px; }
  .navigator-col--offset-xxl-2 { margin-left: 8.33333%; }
  .navigator-col--offset-xxl-2.navigator-col--rtl { margin-right: 8.33333%; margin-left: 0px; }
  .navigator-col--offset-xxl-1 { margin-left: 4.16667%; }
  .navigator-col--offset-xxl-1.navigator-col--rtl { margin-right: 4.16667%; margin-left: 0px; }
  .navigator-col--offset-xxl-0 { margin-left: 0px; }
  .navigator-col--offset-xxl-0.navigator-col--rtl { margin-right: 0px; margin-left: 0px; }
  .navigator-col--order-xxl-1 { order: 1; }
  .navigator-col--order-xxl-2 { order: 2; }
  .navigator-col--order-xxl-3 { order: 3; }
  .navigator-col--order-xxl-4 { order: 4; }
  .navigator-col--order-xxl-5 { order: 5; }
  .navigator-col--order-xxl-6 { order: 6; }
  .navigator-col--order-xxl-7 { order: 7; }
  .navigator-col--order-xxl-8 { order: 8; }
  .navigator-col--order-xxl-9 { order: 9; }
  .navigator-col--order-xxl-10 { order: 10; }
  .navigator-col--order-xxl-11 { order: 11; }
  .navigator-col--order-xxl-12 { order: 12; }
  .navigator-col--order-xxl-13 { order: 13; }
  .navigator-col--order-xxl-14 { order: 14; }
  .navigator-col--order-xxl-15 { order: 15; }
  .navigator-col--order-xxl-16 { order: 16; }
  .navigator-col--order-xxl-17 { order: 17; }
  .navigator-col--order-xxl-18 { order: 18; }
  .navigator-col--order-xxl-19 { order: 19; }
  .navigator-col--order-xxl-20 { order: 20; }
  .navigator-col--order-xxl-21 { order: 21; }
  .navigator-col--order-xxl-22 { order: 22; }
  .navigator-col--order-xxl-23 { order: 23; }
  .navigator-col--order-xxl-24 { order: 24; }
  .navigator-col--pull-xxl-23 { right: 95.8333%; }
  .navigator-col--pull-xxl-23.navigator-col--rtl { left: 95.8333%; right: 0px; }
  .navigator-col--pull-xxl-22 { right: 91.6667%; }
  .navigator-col--pull-xxl-22.navigator-col--rtl { left: 91.6667%; right: 0px; }
  .navigator-col--pull-xxl-21 { right: 87.5%; }
  .navigator-col--pull-xxl-21.navigator-col--rtl { left: 87.5%; right: 0px; }
  .navigator-col--pull-xxl-20 { right: 83.3333%; }
  .navigator-col--pull-xxl-20.navigator-col--rtl { left: 83.3333%; right: 0px; }
  .navigator-col--pull-xxl-19 { right: 79.1667%; }
  .navigator-col--pull-xxl-19.navigator-col--rtl { left: 79.1667%; right: 0px; }
  .navigator-col--pull-xxl-18 { right: 75%; }
  .navigator-col--pull-xxl-18.navigator-col--rtl { left: 75%; right: 0px; }
  .navigator-col--pull-xxl-17 { right: 70.8333%; }
  .navigator-col--pull-xxl-17.navigator-col--rtl { left: 70.8333%; right: 0px; }
  .navigator-col--pull-xxl-16 { right: 66.6667%; }
  .navigator-col--pull-xxl-16.navigator-col--rtl { left: 66.6667%; right: 0px; }
  .navigator-col--pull-xxl-15 { right: 62.5%; }
  .navigator-col--pull-xxl-15.navigator-col--rtl { left: 62.5%; right: 0px; }
  .navigator-col--pull-xxl-14 { right: 58.3333%; }
  .navigator-col--pull-xxl-14.navigator-col--rtl { left: 58.3333%; right: 0px; }
  .navigator-col--pull-xxl-13 { right: 54.1667%; }
  .navigator-col--pull-xxl-13.navigator-col--rtl { left: 54.1667%; right: 0px; }
  .navigator-col--pull-xxl-12 { right: 50%; }
  .navigator-col--pull-xxl-12.navigator-col--rtl { left: 50%; right: 0px; }
  .navigator-col--pull-xxl-11 { right: 45.8333%; }
  .navigator-col--pull-xxl-11.navigator-col--rtl { left: 45.8333%; right: 0px; }
  .navigator-col--pull-xxl-10 { right: 41.6667%; }
  .navigator-col--pull-xxl-10.navigator-col--rtl { left: 41.6667%; right: 0px; }
  .navigator-col--pull-xxl-9 { right: 37.5%; }
  .navigator-col--pull-xxl-9.navigator-col--rtl { left: 37.5%; right: 0px; }
  .navigator-col--pull-xxl-8 { right: 33.3333%; }
  .navigator-col--pull-xxl-8.navigator-col--rtl { left: 33.3333%; right: 0px; }
  .navigator-col--pull-xxl-7 { right: 29.1667%; }
  .navigator-col--pull-xxl-7.navigator-col--rtl { left: 29.1667%; right: 0px; }
  .navigator-col--pull-xxl-6 { right: 25%; }
  .navigator-col--pull-xxl-6.navigator-col--rtl { left: 25%; right: 0px; }
  .navigator-col--pull-xxl-5 { right: 20.8333%; }
  .navigator-col--pull-xxl-5.navigator-col--rtl { left: 20.8333%; right: 0px; }
  .navigator-col--pull-xxl-4 { right: 16.6667%; }
  .navigator-col--pull-xxl-4.navigator-col--rtl { left: 16.6667%; right: 0px; }
  .navigator-col--pull-xxl-3 { right: 12.5%; }
  .navigator-col--pull-xxl-3.navigator-col--rtl { left: 12.5%; right: 0px; }
  .navigator-col--pull-xxl-2 { right: 8.33333%; }
  .navigator-col--pull-xxl-2.navigator-col--rtl { left: 8.33333%; right: 0px; }
  .navigator-col--pull-xxl-1 { right: 4.16667%; }
  .navigator-col--pull-xxl-1.navigator-col--rtl { left: 4.16667%; right: 0px; }
  .navigator-col--pull-xxl-0 { right: 0px; }
  .navigator-col--pull-xxl-0.navigator-col--rtl { left: 0px; right: 0px; }
  .navigator-col--push-xxl-23 { left: 95.8333%; }
  .navigator-col--push-xxl-23.navigator-col--rtl { right: 95.8333%; left: 0px; }
  .navigator-col--push-xxl-22 { left: 91.6667%; }
  .navigator-col--push-xxl-22.navigator-col--rtl { right: 91.6667%; left: 0px; }
  .navigator-col--push-xxl-21 { left: 87.5%; }
  .navigator-col--push-xxl-21.navigator-col--rtl { right: 87.5%; left: 0px; }
  .navigator-col--push-xxl-20 { left: 83.3333%; }
  .navigator-col--push-xxl-20.navigator-col--rtl { right: 83.3333%; left: 0px; }
  .navigator-col--push-xxl-19 { left: 79.1667%; }
  .navigator-col--push-xxl-19.navigator-col--rtl { right: 79.1667%; left: 0px; }
  .navigator-col--push-xxl-18 { left: 75%; }
  .navigator-col--push-xxl-18.navigator-col--rtl { right: 75%; left: 0px; }
  .navigator-col--push-xxl-17 { left: 70.8333%; }
  .navigator-col--push-xxl-17.navigator-col--rtl { right: 70.8333%; left: 0px; }
  .navigator-col--push-xxl-16 { left: 66.6667%; }
  .navigator-col--push-xxl-16.navigator-col--rtl { right: 66.6667%; left: 0px; }
  .navigator-col--push-xxl-15 { left: 62.5%; }
  .navigator-col--push-xxl-15.navigator-col--rtl { right: 62.5%; left: 0px; }
  .navigator-col--push-xxl-14 { left: 58.3333%; }
  .navigator-col--push-xxl-14.navigator-col--rtl { right: 58.3333%; left: 0px; }
  .navigator-col--push-xxl-13 { left: 54.1667%; }
  .navigator-col--push-xxl-13.navigator-col--rtl { right: 54.1667%; left: 0px; }
  .navigator-col--push-xxl-12 { left: 50%; }
  .navigator-col--push-xxl-12.navigator-col--rtl { right: 50%; left: 0px; }
  .navigator-col--push-xxl-11 { left: 45.8333%; }
  .navigator-col--push-xxl-11.navigator-col--rtl { right: 45.8333%; left: 0px; }
  .navigator-col--push-xxl-10 { left: 41.6667%; }
  .navigator-col--push-xxl-10.navigator-col--rtl { right: 41.6667%; left: 0px; }
  .navigator-col--push-xxl-9 { left: 37.5%; }
  .navigator-col--push-xxl-9.navigator-col--rtl { right: 37.5%; left: 0px; }
  .navigator-col--push-xxl-8 { left: 33.3333%; }
  .navigator-col--push-xxl-8.navigator-col--rtl { right: 33.3333%; left: 0px; }
  .navigator-col--push-xxl-7 { left: 29.1667%; }
  .navigator-col--push-xxl-7.navigator-col--rtl { right: 29.1667%; left: 0px; }
  .navigator-col--push-xxl-6 { left: 25%; }
  .navigator-col--push-xxl-6.navigator-col--rtl { right: 25%; left: 0px; }
  .navigator-col--push-xxl-5 { left: 20.8333%; }
  .navigator-col--push-xxl-5.navigator-col--rtl { right: 20.8333%; left: 0px; }
  .navigator-col--push-xxl-4 { left: 16.6667%; }
  .navigator-col--push-xxl-4.navigator-col--rtl { right: 16.6667%; left: 0px; }
  .navigator-col--push-xxl-3 { left: 12.5%; }
  .navigator-col--push-xxl-3.navigator-col--rtl { right: 12.5%; left: 0px; }
  .navigator-col--push-xxl-2 { left: 8.33333%; }
  .navigator-col--push-xxl-2.navigator-col--rtl { right: 8.33333%; left: 0px; }
  .navigator-col--push-xxl-1 { left: 4.16667%; }
  .navigator-col--push-xxl-1.navigator-col--rtl { right: 4.16667%; left: 0px; }
  .navigator-col--push-xxl-0 { left: 0px; }
  .navigator-col--push-xxl-0.navigator-col--rtl { right: 0px; left: 0px; }
}
.navigator-form { display: block; }
.navigator-form-item { display: flex; margin-bottom: 32px; }
.navigator-form-item--with-error { margin-bottom: 8px; }
.navigator-form-item__label { line-height: 22px; padding: 6px 16px; position: relative; font-size: 14px; }
.navigator-form-item__label--required::after { background-color: rgb(227, 73, 73); content: ""; position: absolute; width: 4px; height: 4px; top: 15px; right: 6px; border-radius: 50%; }
.navigator-form-item--align-left .navigator-form-item__label { text-align: left; }
.navigator-form-item--align-right .navigator-form-item__label { text-align: right; }
.navigator-form-item__control { flex: 1 1 0px; align-items: center; flex-direction: column; }
.navigator-form-item__control__content { display: flex; align-items: center; flex: 1 1 auto; max-width: 100%; min-height: 34px; }
.navigator-form-item__control__extra { margin-top: 4px; }
.navigator-form-item__control__error { color: rgb(227, 73, 73); font-size: 12px; line-height: 18px; }
.navigator-form-item__control__help { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; }
.navigator-form-item__control__error + .navigator-form-item__control__help { padding-bottom: 4px; }
.navigator-form-item--layout-vertical { display: block; }
.navigator-form-item--layout-vertical .navigator-form-item__label { display: block; padding: 0px; text-align: left; margin-bottom: 8px; }
.navigator-form-item--layout-vertical .navigator-form-item__label::after { content: none; }
.navigator-form-item--layout-vertical .navigator-form-item__label--required label { position: relative; }
.navigator-form-item--layout-vertical .navigator-form-item__label--required label::after { background-color: rgb(227, 73, 73); content: ""; position: absolute; width: 4px; height: 4px; top: 7px; right: -12px; border-radius: 50%; }
.navigator-grid { display: grid; }
@keyframes v-okee-loading-opacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes v-okee-spin-loading-rotate { 
  100% { transform: rotate(1turn); }
}
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(9) { animation: 0.8s linear 0s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(8) { animation: 0.8s linear -0.1s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(7) { animation: 0.8s linear -0.2s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(6) { animation: 0.8s linear -0.3s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(5) { animation: 0.8s linear -0.4s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(4) { animation: 0.8s linear -0.5s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(3) { animation: 0.8s linear -0.6s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(2) { animation: 0.8s linear -0.7s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:first-child { animation: 0.8s linear -0.8s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(0) { animation: 0.8s linear -0.9s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__spin-loading { transform: rotate(0deg); animation: 0.8s linear 0s infinite normal none running v-okee-spin-loading-rotate; }
.navigator-icon { display: inline-block; }
.navigator-icon svg { display: block; }
.navigator-image-preview { position: fixed; inset: 0px; display: flex; }
.navigator-image-preview__mask { position: fixed; inset: 0px; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; }
.navigator-image-preview__wrap { position: fixed; inset: 0px; z-index: 1000; overflow: auto; outline: 0px; }
.navigator-image-preview__img-container { display: flex; position: absolute; inset: 0px; pointer-events: none; }
.navigator-image-preview__img { max-height: 100%; max-width: 100%; margin: auto; user-select: none; cursor: grab; pointer-events: all; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1); }
.navigator-image-preview__toolbar { display: flex; align-items: center; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); list-style: none; padding: 0px 20px; border-radius: 24px; height: 42px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.4); z-index: 1; }
.navigator-image-preview__toolbar-item { display: inline-flex; justify-content: center; margin: 0px 8px; cursor: pointer; user-select: none; }
.navigator-image-preview__toolbar-item .navigator-icon { display: inline-flex; align-items: center; }
.navigator-image-preview__toolbar-item.zoom-percent { font-size: 14px; }
.navigator-image-preview__toolbar-item.divider { height: 16px; width: 1px; background: rgb(255, 255, 255); opacity: 0.3; }
.navigator-image-preview__toolbar-item__percent { display: inline-flex; justify-content: center; width: 38px; }
.navigator-image-preview__left-switcher { color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); left: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.navigator-image-preview__left-switcher .navigator-icon svg { width: 20px; height: 20px; }
.navigator-image-preview__right-switcher { color: rgb(255, 255, 255); position: absolute; top: 50%; transform: translateY(-50%); right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.navigator-image-preview__right-switcher .navigator-icon svg { width: 20px; height: 20px; }
.navigator-image-preview__close { color: rgb(255, 255, 255); position: absolute; top: 32px; right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.navigator-image { display: inline-flex; }
.navigator-image__img { width: 100%; }
.navigator-infinite-scroll { overflow: auto; }
.navigator-infinite-scroll::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-infinite-scroll::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-infinite-scroll::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-infinite-scroll::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-infinite-scroll__loader { display: flex; justify-content: center; font-size: 14px; line-height: 22px; }
.navigator-input-group { position: relative; width: 100%; display: flex; align-self: stretch; border-radius: 4px; }
.navigator-input-group > :not(:last-child):not(:first-child)[data-okee-fill="false"] { margin-right: -1px; }
.navigator-input-group > :not(:last-child):not(:first-child), .navigator-input-group > :not(:last-child):not(:first-child) .navigator-custom-input, .navigator-input-group > :not(:last-child):not(:first-child) .navigator-input__wrapper { border-radius: 0px; }
.navigator-input-group > :first-child:not(:last-child)[data-okee-fill="false"] { margin-right: -1px; }
.navigator-input-group > :first-child:not(:last-child), .navigator-input-group > :first-child:not(:last-child) .navigator-custom-input, .navigator-input-group > :first-child:not(:last-child) .navigator-input__wrapper { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-input-group > :last-child:not(:first-child), .navigator-input-group > :last-child:not(:first-child) .navigator-custom-input, .navigator-input-group > :last-child:not(:first-child) .navigator-input__wrapper { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-input-group > .navigator-button:not(.navigator-button--disabled):active, .navigator-input-group > .navigator-button:not(.navigator-button--disabled):focus, .navigator-input-group > .navigator-button:not(.navigator-button--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled).navigator-custom-input--error { z-index: 1; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled).navigator-custom-input--focused { z-index: 4; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled).navigator-input__wrapper--error { z-index: 1; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled).navigator-input__wrapper--focused { z-index: 4; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled).navigator-textarea__wrapper--error { z-index: 1; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled).navigator-textarea__wrapper--focused { z-index: 4; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled):hover { z-index: 3; }
.navigator-input-group--sm, .navigator-input-group--xs { font-size: 12px; line-height: 18px; }
.navigator-input-group--lg, .navigator-input-group--md { font-size: 14px; line-height: 22px; }
.navigator-input-group--xl { font-size: 16px; line-height: 24px; }
.navigator-input-group__addon { padding: 0px 5px; border: 1px solid; white-space: nowrap; display: flex; align-self: stretch; align-items: center; justify-content: center; }
.navigator-input-group__addon:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; margin-right: -1px; }
.navigator-input-group__addon:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.navigator-input-group__addon--stroke { background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.navigator-input-group__addon--stroke.navigator-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.navigator-input-group__addon--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-color: rgb(242, 244, 247); }
.navigator-input-group__addon--fill.navigator-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.navigator-input-group--rtl { direction: rtl; }
.navigator-input-group--rtl > :first-child:not(:last-child)[data-okee-fill="false"] { margin-left: -1px; margin-right: 0px; }
.navigator-input-group--rtl > :first-child:not(:last-child), .navigator-input-group--rtl > :first-child:not(:last-child) .navigator-custom-input, .navigator-input-group--rtl > :first-child:not(:last-child) .navigator-input__wrapper { border-radius: 0px 4px 4px 0px; }
.navigator-input-group--rtl > :last-child:not(:first-child), .navigator-input-group--rtl > :last-child:not(:first-child) .navigator-custom-input, .navigator-input-group--rtl > :last-child:not(:first-child) .navigator-input__wrapper { border-radius: 4px 0px 0px 4px; }
.navigator-input-group--rtl .navigator-input-group__addon { border-radius: 4px; }
.navigator-input-group--rtl .navigator-input-group__addon:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(222, 224, 227); margin-left: -1px; margin-right: 0px; }
.navigator-input-group--rtl .navigator-input-group__addon:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input__wrapper { display: inline-flex; position: relative; border-radius: 4px; width: 100%; }
.navigator-input__wrapper .navigator-input { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; }
.navigator-input__wrapper .navigator-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-input__wrapper .navigator-input[type="number"], .navigator-input__wrapper .navigator-input[type="password"], .navigator-input__wrapper .navigator-input[type="text"] { appearance: none; }
.navigator-input__wrapper .navigator-input[type="number"]::-webkit-inner-spin-button { appearance: none; }
.navigator-input__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-input__wrapper--fill .navigator-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-input__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--fill.navigator-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.navigator-input__wrapper--fill.navigator-input__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.navigator-input__wrapper--fill.navigator-input__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--fill.navigator-input__wrapper--error.navigator-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.navigator-input__wrapper--fill.navigator-input__wrapper--disabled, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled.navigator-input__wrapper--focused, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-input__wrapper--fill.navigator-input__wrapper--disabled .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled.navigator-input__wrapper--focused .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled:hover .navigator-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-input__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.navigator-input__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.navigator-input__wrapper--stroke.navigator-input__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--error.navigator-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--disabled, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled.navigator-input__wrapper--focused, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--disabled .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled.navigator-input__wrapper--focused .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled:hover .navigator-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-input__wrapper--xs { padding: 2px 8px; }
.navigator-input__wrapper--xs, .navigator-input__wrapper--xs .navigator-input { font-size: 12px; line-height: 18px; }
.navigator-input__wrapper--sm { padding: 4px 8px; }
.navigator-input__wrapper--sm, .navigator-input__wrapper--sm .navigator-input { font-size: 12px; line-height: 18px; }
.navigator-input__wrapper--md { padding: 4px 8px; }
.navigator-input__wrapper--md, .navigator-input__wrapper--md .navigator-input { font-size: 14px; line-height: 22px; }
.navigator-input__wrapper--lg { padding: 6px 8px; }
.navigator-input__wrapper--lg, .navigator-input__wrapper--lg .navigator-input { font-size: 14px; line-height: 22px; }
.navigator-input__wrapper--xl { padding: 7px 8px; }
.navigator-input__wrapper--xl, .navigator-input__wrapper--xl .navigator-input { font-size: 16px; line-height: 24px; }
.navigator-input__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-input__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-input__wrapper .navigator-input__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-input__wrapper .navigator-input__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.navigator-input__wrapper .navigator-input__clear--margin-right { margin-right: 4px; }
.navigator-input__wrapper .navigator-input__clear:hover { color: rgb(98, 101, 108); }
.navigator-input__wrapper .navigator-input__clear:active { color: rgb(49, 52, 59); }
.navigator-input__wrapper .navigator-input__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.navigator-input__wrapper .navigator-input__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.navigator-input__wrapper .navigator-input__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-input__wrapper .navigator-input__suffix .navigator-input__clear { opacity: 0; pointer-events: none; }
.navigator-input__wrapper .navigator-input__suffix .navigator-input__clear--show { opacity: 1; pointer-events: auto; }
.navigator-input__wrapper .navigator-input__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-input__wrapper .navigator-input__after--has-clear .navigator-icon { opacity: 0; }
.navigator-input__wrapper .navigator-input__after .navigator-input__clear { display: none; }
.navigator-input__wrapper .navigator-input__after .navigator-input__clear--show { display: block; opacity: 1; }
.navigator-input__wrapper--disabled, .navigator-input__wrapper--disabled .navigator-input { cursor: not-allowed; }
.navigator-input__wrapper--disabled .navigator-input__prefix, .navigator-input__wrapper--disabled .navigator-input__suffix { color: rgb(205, 209, 216); }
.navigator-input__wrapper:hover:not(.navigator-input__wrapper--disabled):not(.navigator-input__wrapper--error) .navigator-input--stroke { border-color: rgb(0, 87, 255); }
.navigator-input__wrapper--rtl, .navigator-input__wrapper--rtl .navigator-input { direction: rtl; }
.navigator-input__wrapper--rtl .navigator-input__clear--absolute { right: auto; left: 12px; }
.navigator-input__wrapper--rtl .navigator-input__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.navigator-input__wrapper--rtl .navigator-input__prefix { padding-right: 0px; padding-left: 4px; }
.navigator-input__wrapper--rtl .navigator-input__after, .navigator-input__wrapper--rtl .navigator-input__suffix { padding-left: 0px; padding-right: 4px; }
.navigator-custom-input { position: relative; width: 100%; outline: none; padding: 0px 8px; border-radius: 4px; display: inline-flex; cursor: pointer; }
.navigator-custom-input::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-custom-input::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-custom-input::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-custom-input::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-custom-input__content { flex: 1 1 0%; display: flex; flex-wrap: wrap; max-width: 100%; word-break: break-all; }
.navigator-custom-input__prefix { display: flex; align-items: center; margin-right: 4px; }
.navigator-custom-input__after, .navigator-custom-input__suffix { position: sticky; top: 0px; display: inline-flex; color: rgb(49, 52, 59); padding-left: 4px; align-items: center; }
.navigator-custom-input__search { max-width: 100%; width: 100%; min-width: 4px; flex: 1 1 0%; }
.navigator-custom-input__after--has-clear .navigator-icon { opacity: 0; }
.navigator-custom-input__after--has-clear .navigator-custom-input__clear { opacity: 1; }
.navigator-custom-input__clear { visibility: hidden; color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-custom-input__clear--absolute { position: absolute; display: none; right: 0px; }
.navigator-custom-input__clear--margin-right { margin-right: 12px; }
.navigator-custom-input__clear--show { visibility: visible; display: block; }
.navigator-custom-input__clear:hover { color: rgb(98, 101, 108); }
.navigator-custom-input__clear:active { color: rgb(49, 52, 59); }
.navigator-custom-input--collapsible { overflow-y: hidden; }
.navigator-custom-input--open { z-index: 3; border-radius: 4px; background-color: rgb(255, 255, 255); position: absolute; overflow-y: auto; }
.navigator-custom-input--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.navigator-custom-input--stroke:hover { border-color: rgb(0, 87, 255); }
.navigator-custom-input--stroke.navigator-custom-input--focused, .navigator-custom-input--stroke.navigator-custom-input--focused:hover { border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--stroke.navigator-custom-input--focused.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--focused.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--stroke.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); }
.navigator-custom-input--stroke.navigator-custom-input--disabled, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--error:hover, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--focused, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--focused:hover, .navigator-custom-input--stroke.navigator-custom-input--disabled:hover { background-color: rgb(245, 247, 250); border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.navigator-custom-input--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); }
.navigator-custom-input--fill:hover { border-color: rgb(0, 87, 255); background-color: rgb(242, 244, 247); }
.navigator-custom-input--fill.navigator-custom-input--error { border-color: transparent; background-color: rgb(253, 242, 242); }
.navigator-custom-input--fill.navigator-custom-input--error:hover { border-color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); }
.navigator-custom-input--fill.navigator-custom-input--focused, .navigator-custom-input--fill.navigator-custom-input--focused:hover { border-color: rgb(0, 87, 255); background-color: rgb(232, 234, 237); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--fill.navigator-custom-input--focused.navigator-custom-input--error, .navigator-custom-input--fill.navigator-custom-input--focused.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--fill.navigator-custom-input--disabled, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--error, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--error:hover, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--focused, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--focused:hover, .navigator-custom-input--fill.navigator-custom-input--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); }
.navigator-custom-input--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-custom-input--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-custom-input--disabled, .navigator-custom-input--disabled:hover { box-shadow: none; cursor: not-allowed; animation: auto ease 0s 1 normal none running none; }
.navigator-custom-input--disabled .navigator-custom-input__after, .navigator-custom-input--disabled .navigator-custom-input__suffix { color: rgb(205, 209, 216); }
.navigator-custom-input--xs { font-size: 12px; line-height: 18px; min-height: 24px; }
.navigator-custom-input--xs .navigator-tag { margin: 3px 4px 3px 0px; }
.navigator-custom-input--xs .navigator-custom-input__search { margin: 2px 4px 2px 0px; }
.navigator-custom-input--xs .navigator-custom-input__suffix { height: 22px; }
.navigator-custom-input--xs.navigator-custom-input--collapsible { max-height: 24px; }
.navigator-custom-input--xs.navigator-custom-input--open { max-height: 86px; }
.navigator-custom-input--sm { font-size: 12px; line-height: 18px; min-height: 28px; }
.navigator-custom-input--sm .navigator-tag { margin: 3px 4px 3px 0px; }
.navigator-custom-input--sm .navigator-custom-input__search { margin: 4px 4px 4px 0px; }
.navigator-custom-input--sm .navigator-custom-input__suffix .navigator-custom-input__after { height: 26px; }
.navigator-custom-input--sm.navigator-custom-input--collapsible { max-height: 28px; }
.navigator-custom-input--sm.navigator-custom-input--open { max-height: 93px; }
.navigator-custom-input--md { font-size: 14px; line-height: 22px; min-height: 32px; }
.navigator-custom-input--md .navigator-tag { margin: 3px 4px 3px 0px; }
.navigator-custom-input--md .navigator-custom-input__search { margin: 5px 4px 5px 0px; }
.navigator-custom-input--md .navigator-custom-input__after, .navigator-custom-input--md .navigator-custom-input__suffix { height: 30px; }
.navigator-custom-input--md.navigator-custom-input--collapsible { max-height: 32px; }
.navigator-custom-input--md.navigator-custom-input--open { max-height: 107px; }
.navigator-custom-input--lg { font-size: 14px; line-height: 22px; min-height: 36px; }
.navigator-custom-input--lg .navigator-tag { margin: 3px 4px 3px 0px; }
.navigator-custom-input--lg .navigator-custom-input__search { margin: 6px 4px 6px 0px; }
.navigator-custom-input--lg .navigator-custom-input, .navigator-custom-input--lg .navigator-custom-input__after { height: 34px; }
.navigator-custom-input--lg.navigator-custom-input--collapsible { max-height: 36px; }
.navigator-custom-input--lg.navigator-custom-input--open { max-height: 121px; }
.navigator-custom-input--xl { font-size: 16px; line-height: 24px; min-height: 40px; }
.navigator-custom-input--xl .navigator-tag { margin: 3px 4px 3px 0px; }
.navigator-custom-input--xl .navigator-custom-input__search { margin: 8px 4px 8px 0px; }
.navigator-custom-input--xl .navigator-custom-input__after, .navigator-custom-input--xl .navigator-custom-input__suffix { height: 38px; }
.navigator-custom-input--xl.navigator-custom-input--collapsible { max-height: 40px; }
.navigator-custom-input--xl.navigator-custom-input--open { max-height: 135px; }
.navigator-custom-input__wrapper { width: 100%; position: relative; }
.navigator-custom-input__wrapper--xs { height: 24px; }
.navigator-custom-input__wrapper--sm { height: 28px; }
.navigator-custom-input__wrapper--md { height: 32px; }
.navigator-custom-input__wrapper--lg { height: 36px; }
.navigator-custom-input__wrapper--xl { height: 40px; }
.navigator-custom-input--rtl { direction: rtl; }
.navigator-custom-input--rtl .navigator-custom-input__clear--absolute { right: auto; left: 0px; }
.navigator-custom-input--rtl .navigator-custom-input__clear--margin-right { margin-right: 0px; margin-left: 12px; }
.navigator-custom-input--rtl .navigator-custom-input__prefix { margin-left: 4px; margin-right: 0px; }
.navigator-custom-input--rtl .navigator-custom-input__after, .navigator-custom-input--rtl .navigator-custom-input__suffix { padding-right: 4px; padding-left: 0px; }
.navigator-custom-input--rtl.navigator-custom-input--lg .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--lg .navigator-tag, .navigator-custom-input--rtl.navigator-custom-input--md .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--md .navigator-tag, .navigator-custom-input--rtl.navigator-custom-input--sm .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--sm .navigator-tag, .navigator-custom-input--rtl.navigator-custom-input--xl .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--xl .navigator-tag, .navigator-custom-input--rtl.navigator-custom-input--xs .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--xs .navigator-tag { margin-left: 4px; margin-right: 0px; }
.navigator-input-number { width: auto; }
.navigator-input-number__content-wrapper { width: auto; flex: 1 1 0%; }
.navigator-input-number__content { flex-wrap: nowrap; }
.navigator-input-number__vertical-wrapper { display: flex; flex-direction: column; justify-content: center; align-self: stretch; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-input-number__down, .navigator-input-number__up { display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; flex: 1 1 0%; cursor: pointer; }
.navigator-input-number__down:hover, .navigator-input-number__up:hover { color: rgb(0, 87, 255); }
.navigator-input-number__down:active, .navigator-input-number__up:active { color: rgb(0, 63, 210); }
.navigator-input-number__angle-up { transform: rotate(180deg); }
.navigator-input-number__prev { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.navigator-input-number__prev::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input-number__next { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.navigator-input-number__next::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input-number__next, .navigator-input-number__prev { position: relative; width: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; }
.navigator-input-number__next:hover, .navigator-input-number__prev:hover { color: rgb(0, 87, 255); }
.navigator-input-number__next:active, .navigator-input-number__prev:active { color: rgb(0, 63, 210); }
.navigator-input-number--stroke .navigator-input-number__next, .navigator-input-number--stroke .navigator-input-number__prev { background-color: rgb(247, 249, 252); }
.navigator-input-number--fill .navigator-input-number__next::after, .navigator-input-number--fill .navigator-input-number__prev::after { border-color: rgb(223, 224, 226); top: 8px; bottom: 8px; }
.navigator-input-number.navigator-input-number--horizontal { padding: 0px; }
.navigator-input-number.navigator-input-number--default-vertical, .navigator-input-number.navigator-input-number--display-vertical { padding-right: 0px; }
.navigator-input-number.navigator-input-number--default-vertical .navigator-input-number__suffix { visibility: hidden; }
.navigator-input-number.navigator-input-number--default-vertical .navigator-input-number__suffix--focused, .navigator-input-number.navigator-input-number--default-vertical:hover .navigator-input-number__suffix { visibility: visible; }
.navigator-input-number--disabled, .navigator-input-number--disabled .navigator-input-number__content-wrapper { cursor: not-allowed; color: inherit; }
.navigator-input-number--disabled .navigator-input-number__next, .navigator-input-number--disabled .navigator-input-number__vertical-wrapper .navigator-input-number__prev { background-color: transparent; }
.navigator-input-number .navigator-input-number__down--disabled, .navigator-input-number .navigator-input-number__next--disabled, .navigator-input-number .navigator-input-number__prev--disabled, .navigator-input-number .navigator-input-number__up--disabled, .navigator-input-number--disabled .navigator-input-number__divider, .navigator-input-number--disabled .navigator-input-number__down, .navigator-input-number--disabled .navigator-input-number__next, .navigator-input-number--disabled .navigator-input-number__prev, .navigator-input-number--disabled .navigator-input-number__up { cursor: not-allowed; border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.navigator-input-number--rtl.navigator-input-number--default-vertical, .navigator-input-number--rtl.navigator-input-number--display-vertical { padding-right: 8px; padding-left: 0px; }
.navigator-input-number--rtl .navigator-input-number__vertical-wrapper { border-radius: 4px 0px 0px 4px; }
.navigator-input-number--rtl .navigator-input-number__prev { border-radius: 0px 4px 4px 0px; }
.navigator-input-number--rtl .navigator-input-number__prev::after { left: 0px; right: auto; }
.navigator-input-number--rtl .navigator-input-number__next { border-radius: 4px 0px 0px 4px; }
.navigator-input-number--rtl .navigator-input-number__next::after { right: 0px; left: auto; }
.navigator-input-number--rtl.navigator-input-number--stroke .navigator-input-number__down, .navigator-input-number--rtl.navigator-input-number--stroke .navigator-input-number__up { border-right: 1px solid rgb(222, 224, 227); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.navigator-layout { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; }
.navigator-layout--has-sider { flex-direction: row; }
.navigator-layout--has-sider > .navigator-layout, .navigator-layout--has-sider > .navigator-layout-content { width: 0px; }
.navigator-layout-footer, .navigator-layout-header { flex: 0 0 auto; }
.navigator-layout-content { flex: 1 1 auto; min-height: 0px; }
.navigator-layout-sider { position: relative; min-width: 0px; }
.navigator-list { display: flex; flex-direction: column; position: relative; border-radius: 4px; border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); overflow: hidden; }
.navigator-list__header { padding: 6px 12px; background-color: rgb(242, 244, 247); border-bottom: 1px solid rgb(222, 224, 227); font-size: 14px; line-height: 22px; display: flex; justify-content: space-between; }
.navigator-list__title { font-weight: 600; flex: 1 1 0%; }
.navigator-list__body--disabled { cursor: not-allowed; }
.navigator-list__body-scroller { height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-list__body-scroller::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-list__body-scroller::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-list__body-scroller::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-list__body-scroller::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-list__body-scroller--hidden { display: none; }
.navigator-list__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-list__footer { padding: 6px 12px; }
.navigator-list .navigator-list-item__close { display: inline-flex; align-items: center; }
.navigator-list .navigator-list-tag { display: flex; margin: 0px 6px 6px; }
.navigator-list .navigator-list-tag:last-child { margin-bottom: 0px; }
.navigator-list .navigator-list-tag__content { flex: 1 1 0%; }
.navigator-list-item { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-list-item__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-list-item__content { flex: 1 1 0%; align-items: center; }
.navigator-list-item__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-list-item__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-list-item__expand--icon { color: rgb(49, 52, 59); }
.navigator-list-item.navigator-list-item--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-list-item--single.navigator-list-item--selected { color: rgb(0, 87, 255); }
.navigator-list-item.navigator-list-item--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-list-item.navigator-list-item--disabled .navigator-list-item__expand--icon { color: rgb(185, 188, 195); }
.navigator-list-item.navigator-list-item--disabled.navigator-list-item--single.navigator-list-item--selected { color: rgb(186, 218, 255); }
.navigator-list-item:hover:not(.navigator-list-item--disabled) { background-color: rgb(242, 244, 247); }
.navigator-list-item--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-list-item--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-list-item--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-list-item--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-list-item--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-list-item--rtl { direction: rtl; }
.navigator-list-item--rtl .navigator-list-item__action { margin-right: 0px; margin-left: 8px; }
.navigator-list-item--rtl .navigator-list-item__expand { margin-left: 0px; margin-right: 8px; }
.navigator-menu-item { height: 46px; color: rgb(49, 52, 59); font-size: 14px; }
.navigator-menu-item-group__title { display: flex; align-items: center; height: 46px; color: rgb(147, 150, 157); font-size: 14px; }
.navigator-sub-menu__header { display: grid; grid-template-areas: "icon title arrow"; grid-template-columns: auto 1fr auto; align-items: center; height: 46px; color: rgb(49, 52, 59); font-size: 14px; transition: color 0.1s, background-color 0.1s; padding-right: 18px; }
.navigator-sub-menu__header:hover { cursor: pointer; color: rgb(0, 87, 255); background-color: unset; }
.navigator-sub-menu__header:hover .navigator-sub-menu__icon-arrow svg { fill: currentcolor; }
.navigator-sub-menu__header .navigator-sub-menu__icon-arrow { display: inline-flex; }
.navigator-sub-menu__header .navigator-sub-menu__icon-arrow svg { transition: transform 0.2s; }
.navigator-sub-menu__header--open { color: rgb(0, 87, 255); }
.navigator-sub-menu__header--open .navigator-sub-menu__icon-arrow svg { transform: rotate(180deg); }
.navigator-sub-menu__header .navigator-sub-menu__icon { grid-area: icon; margin-right: 8px; display: inline-flex; }
.navigator-sub-menu__header .navigator-sub-menu__title { grid-area: title; white-space: nowrap; }
.navigator-sub-menu__header .navigator-sub-menu__arrow { grid-area: arrow; }
.navigator-sub-menu__header--hide .navigator-sub-menu__arrow, .navigator-sub-menu__header--hide .navigator-sub-menu__title { opacity: 0; }
.navigator-sub-menu__list { padding: 0px; overflow: hidden; }
.navigator-sub-menu--rtl .navigator-sub-menu__header { padding-left: 24px; }
.navigator-menu-content { display: grid; grid-template-areas: "icon title"; grid-template-columns: auto 1fr; align-items: center; height: 46px; color: rgb(49, 52, 59); font-size: 14px; transition: color 0.1s, background-color 0.1s; padding-right: 18px; }
.navigator-menu-content--active { background-color: rgb(232, 244, 255); cursor: pointer; color: rgb(0, 87, 255); }
.navigator-menu-content:hover { cursor: pointer; color: rgb(0, 87, 255); }
.navigator-menu-content.navigator-sub-menu__header:hover { background-color: unset; }
.navigator-menu-content__icon { display: inline-flex; grid-area: icon; margin-right: 8px; }
.navigator-menu-content__title { grid-area: title; white-space: nowrap; transition: 0.2s; }
.navigator-menu-content__title--hide { opacity: 0; }
.navigator-menu-content .navigator-icon__arrow { grid-area: arrow; }
.navigator-menu-content .navigator-icon__arrow svg { transition: transform 0.2s; }
.navigator-menu-content--open { color: rgb(0, 87, 255); }
.navigator-menu-content--open .navigator-icon__arrow svg { transform: rotate(180deg); }
.navigator-menu-popper--hide { display: none; }
.navigator-menu-popper .navigator-sub-menu__list--collapsed .navigator-sub-menu__header .navigator-sub-menu__icon-arrow svg { transform: rotate(-90deg); }
.navigator-menu-popper__inner { margin: 0px 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; background: rgb(255, 255, 255); padding: 5px 0px; min-width: 200px; }
.navigator-menu { width: 200px; list-style: none; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); transition: 0.2s; overflow: hidden; }
.navigator-menu--rtl { direction: rtl; }
.navigator-menu--horizontal { display: flex; width: auto; justify-content: center; }
.navigator-message { padding: 6px; text-align: center; }
.navigator-message:first-child { margin-top: -6px; }
.navigator-message__content { display: inline-flex; align-items: center; pointer-events: all; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 4px; padding: 8px 16px; font-size: 12px; font-weight: 400; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-message__icon + .navigator-message__text { margin-left: 8px; }
.navigator-message__text { display: inline-flex; }
.navigator-message--info .navigator-message__icon { color: rgb(0, 87, 255); }
.navigator-message--success .navigator-message__icon { color: rgb(13, 166, 0); }
.navigator-message--warning .navigator-message__icon { color: rgb(235, 150, 23); }
.navigator-message--danger .navigator-message__icon { color: rgb(227, 73, 73); }
.navigator-message--loading .navigator-message__icon { color: rgb(0, 87, 255); }
.navigator-message--rtl { direction: rtl; }
.navigator-message--rtl .navigator-message__icon + .navigator-message__text { margin-right: 8px; margin-left: 0px; }
#okee-message-container { position: fixed; width: 100%; top: 16px; left: 0px; pointer-events: none; }
.navigator-modal-fade-enter-active, .navigator-modal-fade-leave-active { transition: 0.24s ease-out; }
.navigator-modal-fade-enter-from, .navigator-modal-fade-leave-to { transform: scale(0.8); }
.navigator-modal-fade-enter-to, .navigator-modal-fade-leave-from { transform: scale(1); }
.navigator-modal { position: relative; width: 600px; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; margin: auto; }
.navigator-modal--topfix { align-items: flex-start; }
.navigator-modal--hide { display: none; }
.navigator-modal__wrap { display: flex; overflow: auto; position: fixed; inset: 0px; align-items: center; }
.navigator-modal__wrap--hide { display: none; }
.navigator-modal__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); }
.navigator-modal__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.navigator-modal__body { padding: 0px 24px; color: inherit; font-size: inherit; line-height: inherit; }
.navigator-modal__body-with-status { padding-left: 50px; }
.navigator-modal__footer { padding: 24px; }
.navigator-modal__close-icon { position: absolute; width: 20px; height: 20px; font-size: 20px; color: rgb(49, 52, 59); top: 25px; right: 25px; cursor: pointer; z-index: 1; }
.navigator-modal__close-icon--hide { display: none; }
.navigator-modal__close-icon:hover { color: rgb(0, 87, 255); }
.navigator-modal__close-icon:active { color: rgb(0, 63, 210); }
.navigator-modal__header-error, .navigator-modal__header-info, .navigator-modal__header-success, .navigator-modal__header-warning { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; }
.navigator-modal__header-error .navigator-icon, .navigator-modal__header-info .navigator-icon, .navigator-modal__header-success .navigator-icon, .navigator-modal__header-warning .navigator-icon { font-size: 18px; margin-right: 8px; }
.navigator-modal__header-info .navigator-icon { color: rgb(0, 87, 255); }
.navigator-modal__header-success .navigator-icon { color: rgb(13, 166, 0); }
.navigator-modal__header-warning .navigator-icon { color: rgb(235, 150, 23); }
.navigator-modal__header-error .navigator-icon { color: rgb(227, 73, 73); }
.navigator-modal__footer-btn-box { display: flex; justify-content: flex-end; }
.navigator-modal__footer-btn-box .navigator-button + .navigator-button { margin-left: 12px; }
.navigator-modal--divider .navigator-modal__header { padding: 24px; }
.navigator-modal--divider .navigator-modal__body { background: rgb(247, 249, 252); border-top: 1px solid rgb(222, 224, 227); border-bottom: 1px solid rgb(222, 224, 227); padding: 0px; }
.navigator-modal--rtl { direction: rtl; }
.navigator-modal--rtl .navigator-modal__close-icon { right: auto; left: 25px; }
.navigator-notification { display: flex; flex-direction: column; overflow-wrap: break-word; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; background: rgb(255, 255, 255); width: 384px; line-height: 22px; position: relative; margin-bottom: 12px; margin-left: 28px; margin-right: 16px; overflow: hidden; }
.navigator-notification__container { padding: 16px 24px; }
.navigator-notification__header { display: flex; position: relative; }
.navigator-notification__header__title { display: inline-block; width: 100%; font-size: 14px; font-weight: 700; margin-bottom: 8px; line-height: 22px; }
.navigator-notification__header__type-icon { position: absolute; top: 0px; left: 0px; }
.navigator-notification__header__close { position: absolute; right: 0px; top: 0px; cursor: pointer; }
.navigator-notification__description { font-size: 12px; line-height: 18px; color: rgb(102, 102, 102); }
.navigator-notification--danger .navigator-notification__header__title, .navigator-notification--info .navigator-notification__header__title, .navigator-notification--success .navigator-notification__header__title, .navigator-notification--warning .navigator-notification__header__title { padding-left: 22px; }
.navigator-notification--success .navigator-notification__header__type-icon { color: rgb(13, 166, 0); }
.navigator-notification--warning .navigator-notification__header__type-icon { color: rgb(235, 150, 23); }
.navigator-notification--info .navigator-notification__header__type-icon { color: rgb(0, 87, 255); }
.navigator-notification--danger .navigator-notification__header__type-icon { color: rgb(227, 73, 73); }
.navigator-notification--closable .navigator-notification__header__title { padding-right: 22px; }
#__okee-notification-container__ .notification-placement-container { position: fixed; }
#__okee-notification-container__ .notification-placement-container-top-right { right: 0px; top: 24px; bottom: auto; }
#__okee-notification-container__ .notification-placement-container-top-left { left: 0px; top: 24px; bottom: auto; }
#__okee-notification-container__ .notification-placement-container-bottom-right { right: 0px; top: auto; bottom: 24px; }
#__okee-notification-container__ .notification-placement-container-bottom-left { left: 0px; top: auto; bottom: 24px; }
.navigator-notification-transition-bottom-right-enter-from, .navigator-notification-transition-bottom-right-leave-to, .navigator-notification-transition-top-right-enter-from, .navigator-notification-transition-top-right-leave-to { opacity: 0; transform: translateX(100%); padding: 0px; margin: 0px; }
.navigator-notification-transition-bottom-left-enter-from, .navigator-notification-transition-bottom-left-leave-to, .navigator-notification-transition-top-left-enter-from, .navigator-notification-transition-top-left-leave-to { opacity: 0; transform: translateX(-100%); padding: 0px; margin: 0px; }
.navigator-notification-transition-bottom-left-enter-to, .navigator-notification-transition-bottom-left-leave-from, .navigator-notification-transition-bottom-right-enter-to, .navigator-notification-transition-bottom-right-leave-from, .navigator-notification-transition-top-left-enter-to, .navigator-notification-transition-top-left-leave-from, .navigator-notification-transition-top-right-enter-to, .navigator-notification-transition-top-right-leave-from { opacity: 1; transform: translateX(0px); }
.navigator-notification-transition-bottom-left-enter-active, .navigator-notification-transition-bottom-left-leave-active, .navigator-notification-transition-bottom-right-enter-active, .navigator-notification-transition-bottom-right-leave-active, .navigator-notification-transition-top-left-enter-active, .navigator-notification-transition-top-left-leave-active, .navigator-notification-transition-top-right-enter-active, .navigator-notification-transition-top-right-leave-active { transition: 0.25s; }
.navigator-pagination .navigator-page-turner { display: inline-flex; align-items: center; list-style: none; margin: 0px; padding: 0px; }
.navigator-pagination .navigator-page-turner__item { display: flex; align-items: center; justify-content: center; height: 24px; font-size: 12px; color: rgb(49, 52, 59); border: 1px solid rgb(222, 224, 227); border-radius: 4px; margin-left: 8px; padding: 0px 5px; box-sizing: border-box; min-width: 24px; background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner__item:first-of-type { margin-left: 0px; }
.navigator-pagination .navigator-page-turner__item .navigator-page-turner__prev-icon { transform: rotate(90deg); }
.navigator-pagination .navigator-page-turner__item .navigator-page-turner__next-icon { transform: rotate(-90deg); }
.navigator-pagination .navigator-page-turner__item--active { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner__item:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); cursor: pointer; }
.navigator-pagination .navigator-page-turner__item:active { background-color: rgb(255, 255, 255); color: rgb(0, 63, 210); border: 1px solid rgb(0, 63, 210); }
.navigator-pagination .navigator-page-turner__item--disabled, .navigator-pagination .navigator-page-turner__item--disabled:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination .navigator-page-turner__item--disabled--active, .navigator-pagination .navigator-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination .navigator-page-turner__next-ellipsis, .navigator-pagination .navigator-page-turner__prev-ellipsis { display: flex; align-items: center; margin-left: 8px; }
.navigator-pagination .navigator-page-turner__next-ellipsis span, .navigator-pagination .navigator-page-turner__prev-ellipsis span { padding-bottom: 0.6em; }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item { border: rgb(255, 255, 255); color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--active { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--disabled { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--disabled:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-pagination .navigator-page-turner--rtl .navigator-page-turner__item:last-of-type { margin-left: 0px; }
.navigator-pagination .navigator-page-turner--rtl .navigator-page-turner__item:first-of-type { margin-left: 8px; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--active { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item:hover { border: 1px solid rgb(0, 87, 255); background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); cursor: pointer; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item:active { border: 1px solid rgb(232, 234, 237); background-color: rgb(232, 234, 237); color: rgb(49, 52, 59); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled, .navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled--active, .navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination--sm .navigator-page-turner__item { min-width: 28px; height: 28px; font-size: 12px; }
.navigator-pagination--disabled .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner__item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination--disabled .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination--disabled .navigator-page-turner__next-ellipsis, .navigator-pagination--disabled .navigator-page-turner__prev-ellipsis { color: rgb(205, 209, 216); }
.navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item--active:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item, .disabled-pagination-item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item--active, .disabled-pagination-item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item-fill, .disabled-pagination-item-fill:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item-fill--active, .disabled-pagination-item-fill--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-page-total { display: inline-flex; font-size: 14px; color: rgb(49, 52, 59); }
.navigator-page-jumper { display: inline-flex; align-items: center; }
.navigator-page-jumper__label { flex-shrink: 0; color: rgb(49, 52, 59); font-size: 14px; margin-right: 8px; }
.navigator-page-jumper__input { width: 56px; }
.navigator-page-jumper__input.navigator-input--sm { padding: 4px 8px !important; }
.navigator-page-jumper--rtl .navigator-page-jumper__label { margin-right: auto; margin-left: 8px; }
.navigator-page-select { margin: 0px 10px; min-width: 100px; }
.navigator-pagination { display: inline-flex; align-items: center; }
.navigator-pagination--rtl { direction: rtl; }
.navigator-popover { padding: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 12px; background: rgb(255, 255, 255); font-size: 12px; line-height: 18px; color: rgb(98, 101, 108); }
.navigator-popover[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.navigator-popover[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.navigator-popover[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.navigator-popover[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.navigator-popover[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.navigator-popover[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgb(255, 255, 255) 50%, transparent 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.navigator-popover[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.navigator-popover[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.navigator-popover.navigator-popover--hide { display: none; }
.navigator-popover--tooltip { padding: 8px 16px; }
.navigator-popover[data-popper-reference-hidden="true"] { visibility: hidden; pointer-events: none; }
.navigator-popover .navigator-popover__arrow, .navigator-popover .navigator-popover__arrow::before { width: 10px; height: 10px; position: absolute; z-index: -2; }
.navigator-popover .navigator-popover__arrow::before { content: ""; transform: rotate(45deg); top: 0px; left: 0px; }
.navigator-popover .navigator-popover__arrow--hide { visibility: hidden; }
.navigator-popover__header { padding-bottom: 8px; }
.navigator-popover__title { font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-popover--dark { background: rgba(50, 51, 53, 0.95); color: rgb(255, 255, 255); }
.navigator-popover--dark[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.navigator-popover--dark[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.navigator-popover--dark[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.navigator-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgba(50, 51, 53, 0.95) 50%, transparent 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.navigator-popover--dark[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.navigator-popover--dark .navigator-popover__title { color: rgb(255, 255, 255); }
.navigator-popup-fade-enter-active, .navigator-popup-fade-leave-active { transition: opacity 0.24s linear; }
.navigator-popup-fade-enter-from, .navigator-popup-fade-leave-to { opacity: 0; }
.navigator-popup-fade-enter-to, .navigator-popup-fade-leave-from { opacity: 1; }
.navigator-popup__lock { overflow: hidden; }
.navigator-popup__mask { position: fixed; inset: 0px; background-color: rgba(26, 26, 27, 0.5); height: 100%; z-index: 1050; }
.navigator-progress { display: flex; height: 8px; overflow: hidden; position: relative; border-radius: 4px; text-align: end; }
.navigator-progress__bar { position: relative; z-index: 3; width: 0px; height: 100%; border-radius: 4px; transition: 0.2s; }
.navigator-progress__text-wrap { position: absolute; top: 0px; bottom: 0px; width: 100%; padding: 0px 12px; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); text-align: end; }
.navigator-progress::before { content: ""; display: block; background: rgb(232, 234, 237); position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border-radius: 4px; }
.navigator-progress--default .navigator-progress__bar, .navigator-progress--info .navigator-progress__bar, .navigator-progress--primary .navigator-progress__bar { background-color: rgb(0, 87, 255); }
.navigator-progress--danger .navigator-progress__bar { background-color: rgb(227, 73, 73); }
.navigator-progress--warning .navigator-progress__bar { background-color: rgb(235, 150, 23); }
.navigator-progress--success .navigator-progress__bar { background-color: rgb(13, 166, 0); }
.navigator-progress--right { justify-content: flex-end; }
.navigator-progress--right .navigator-progress__text-wrap { text-align: left; }
.navigator-progress--center { justify-content: center; }
.navigator-progress--center .navigator-progress__text-wrap { text-align: center; }
.navigator-progress--xs { height: 2px; }
.navigator-progress--sm { height: 4px; }
.navigator-progress--md { height: 8px; }
.navigator-progress--inner { height: 20px; }
.navigator-progress--inner, .navigator-progress--inner .navigator-progress__bar, .navigator-progress--inner::before { border-radius: 10px; }
.navigator-progress-circular { position: relative; display: inline-block; font-size: 0px; }
.navigator-progress-circular__circle { transition: 0.2s; }
.navigator-progress-circular__content { display: flex; justify-content: center; align-items: center; position: absolute; inset: 0px; }
.navigator-progress-circular--info { stroke: rgb(0, 87, 255); }
.navigator-progress-circular--danger { stroke: rgb(227, 73, 73); }
.navigator-progress-circular--warning { stroke: rgb(235, 150, 23); }
.navigator-progress-circular--success { stroke: rgb(13, 166, 0); }
.navigator-progress-circular__circle-bg { stroke: rgb(232, 234, 237); }
.navigator-progress-circular--xs .navigator-progress-circular__content { font-size: 12px; }
.navigator-progress-circular--sm .navigator-progress-circular__content { font-size: 16px; }
.navigator-progress-circular--md .navigator-progress-circular__content { font-size: 20px; }
.navigator-progress--rtl { direction: rtl; }
.navigator-radio-group { position: relative; display: inline-flex; }
.navigator-radio-button-group .navigator-radio-button:not(:first-child):not(:last-child) { border-radius: 0px; }
.navigator-radio-button-group .navigator-radio-button:not(:first-child) { margin-right: -1px; }
.navigator-radio-button-group .navigator-radio-button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-radio-button-group .navigator-radio-button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-radio-button-group .navigator-radio-button:active, .navigator-radio-button-group .navigator-radio-button:focus, .navigator-radio-button-group .navigator-radio-button:hover { z-index: 1; }
.navigator-radio-button-group .navigator-radio-button--checked, .navigator-radio-button-group .navigator-radio-button--checked:active, .navigator-radio-button-group .navigator-radio-button--checked:focus, .navigator-radio-button-group .navigator-radio-button--checked:hover { z-index: 3; }
.navigator-radio-option-group { display: inline-flex; border-radius: 4px; padding: 0px 2px; }
.navigator-radio-option-group.navigator-radio-group--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.navigator-radio-option-group.navigator-radio-group--fill { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); }
.navigator-radio-option-group .navigator-radio-option--xs { margin: 2px; }
.navigator-radio-option-group .navigator-radio-option--lg, .navigator-radio-option-group .navigator-radio-option--md, .navigator-radio-option-group .navigator-radio-option--sm, .navigator-radio-option-group .navigator-radio-option--xl { margin: 3px 2px; }
.navigator-radio-item-group { display: inline-flex; border-radius: 4px; }
.navigator-radio-item-group.navigator-radio-group--stroke::before { z-index: 1; pointer-events: none; content: ""; position: absolute; inset: 0px; border-radius: 4px; border: 1px solid rgb(222, 224, 227); }
.navigator-radio-item-group.navigator-radio-group--stroke.navigator-radio-group--disabled::before { border: 1px solid rgb(242, 244, 247); }
.navigator-radio-item-group .navigator-radio-item:not(:first-child):not(:last-child), .navigator-radio-item-group .navigator-radio-item:not(:first-child):not(:last-child)::after { border-radius: 0px; }
.navigator-radio-item-group .navigator-radio-item:not(:last-child) { margin-right: -1px; }
.navigator-radio-item-group .navigator-radio-item:first-child:not(:last-child), .navigator-radio-item-group .navigator-radio-item:first-child:not(:last-child)::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-radio-item-group .navigator-radio-item:last-child:not(:first-child), .navigator-radio-item-group .navigator-radio-item:last-child:not(:first-child)::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-radio-item-group .navigator-radio-item--initial + .navigator-radio-item-group .navigator-radio-item--initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-radio-group--rtl { direction: rtl; }
.navigator-radio-group--rtl .navigator-radio-button:first-child:not(:last-child) { border-radius: 0px 4px 4px 0px; }
.navigator-radio-group--rtl .navigator-radio-button:last-child:not(:first-child) { border-radius: 4px 0px 0px 4px; }
.navigator-radio-group--rtl .navigator-radio-item { margin-right: 0px; }
.navigator-radio-group--rtl .navigator-radio-item:not(:first-child) { margin-right: -1px; }
.navigator-radio-group--rtl .navigator-radio-item:first-child:not(:last-child), .navigator-radio-group--rtl .navigator-radio-item:first-child:not(:last-child)::after { border-radius: 0px 4px 4px 0px; }
.navigator-radio-group--rtl .navigator-radio-item:last-child:not(:first-child), .navigator-radio-group--rtl .navigator-radio-item:last-child:not(:first-child)::after { border-radius: 4px 0px 0px 4px; }
.navigator-radio-option { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; cursor: default; border-radius: 2px; }
.navigator-radio-option--stroke { color: rgb(98, 101, 108); }
.navigator-radio-option--stroke:hover { background-color: rgb(242, 244, 247); }
.navigator-radio-option--stroke:active { background-color: rgb(232, 234, 237); }
.navigator-radio-option--stroke.navigator-radio-option--checked, .navigator-radio-option--stroke.navigator-radio-option--checked:active, .navigator-radio-option--stroke.navigator-radio-option--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.navigator-radio-option--stroke.navigator-radio-option--disabled, .navigator-radio-option--stroke.navigator-radio-option--disabled:active, .navigator-radio-option--stroke.navigator-radio-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-radio-option--stroke.navigator-radio-option--checked.navigator-radio-option--disabled, .navigator-radio-option--stroke.navigator-radio-option--checked.navigator-radio-option--disabled:active, .navigator-radio-option--stroke.navigator-radio-option--checked.navigator-radio-option--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.navigator-radio-option--fill { color: rgb(98, 101, 108); }
.navigator-radio-option--fill:hover { background-color: rgb(222, 224, 227); }
.navigator-radio-option--fill:active { background-color: rgb(205, 209, 216); }
.navigator-radio-option--fill.navigator-radio-option--checked, .navigator-radio-option--fill.navigator-radio-option--checked:active, .navigator-radio-option--fill.navigator-radio-option--checked:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-radio-option--fill.navigator-radio-option--disabled, .navigator-radio-option--fill.navigator-radio-option--disabled:active, .navigator-radio-option--fill.navigator-radio-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-radio-option--fill.navigator-radio-option--checked.navigator-radio-option--disabled, .navigator-radio-option--fill.navigator-radio-option--checked.navigator-radio-option--disabled:active, .navigator-radio-option--fill.navigator-radio-option--checked.navigator-radio-option--disabled:hover { background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-radio-option--single::after { display: none; }
.navigator-radio-option--xs { font-size: 12px; line-height: 18px; padding: 0px 12px; }
.navigator-radio-option--sm { font-size: 12px; line-height: 18px; padding: 1px 12px; }
.navigator-radio-option--md { font-size: 14px; line-height: 22px; padding: 2px 12px; }
.navigator-radio-option--lg { font-size: 14px; line-height: 22px; padding: 4px 12px; }
.navigator-radio-option--xl { font-size: 16px; line-height: 24px; padding: 5px 12px; }
.navigator-radio-item { display: inline-flex; position: relative; cursor: pointer; border-radius: 8px; }
.navigator-radio-item--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.navigator-radio-item--stroke.navigator-radio-item--border-initial::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-radio-item--stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-radio-item--stroke:hover::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-radio-item--stroke.navigator-radio-item--checked, .navigator-radio-item--stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-radio-item--stroke.navigator-radio-item--checked::after, .navigator-radio-item--stroke:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-radio-item--stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); }
.navigator-radio-item--stroke:active::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 63, 210); }
.navigator-radio-item--stroke.navigator-radio-item--disabled, .navigator-radio-item--stroke.navigator-radio-item--disabled:active, .navigator-radio-item--stroke.navigator-radio-item--disabled:focus, .navigator-radio-item--stroke.navigator-radio-item--disabled:hover { color: rgb(147, 150, 157); background-color: rgb(245, 247, 250); cursor: not-allowed; }
.navigator-radio-item--stroke.navigator-radio-item--disabled:active::after, .navigator-radio-item--stroke.navigator-radio-item--disabled::after, .navigator-radio-item--stroke.navigator-radio-item--disabled:focus::after, .navigator-radio-item--stroke.navigator-radio-item--disabled:hover::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-radio-item--stroke.navigator-radio-item--disabled.navigator-radio-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-radio-item--stroke.navigator-radio-item--disabled.navigator-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-radio-item--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-radio-item--fill:hover { background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); }
.navigator-radio-item--fill:active { background-color: rgb(245, 247, 250); color: rgb(0, 63, 210); }
.navigator-radio-item--fill.navigator-radio-item--checked, .navigator-radio-item--fill:focus { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-radio-item--fill.navigator-radio-item--checked::after, .navigator-radio-item--fill:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-radio-item--fill.navigator-radio-item--disabled { background-color: rgb(245, 247, 250); color: rgb(147, 150, 157); cursor: not-allowed; }
.navigator-radio-item--fill.navigator-radio-item--disabled.navigator-radio-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-radio-item--fill.navigator-radio-item--disabled.navigator-radio-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-radio-item--divider-initial + .navigator-radio-item--divider-initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-radio-item--xs { font-size: 12px; line-height: 18px; padding: 3px 16px; }
.navigator-radio-item--sm { font-size: 12px; line-height: 18px; padding: 5px 16px; }
.navigator-radio-item--md { font-size: 14px; line-height: 22px; padding: 5px 16px; }
.navigator-radio-item--lg { font-size: 14px; line-height: 22px; padding: 7px 16px; }
.navigator-radio-item--xl { font-size: 16px; line-height: 24px; padding: 8px 16px; }
.navigator-radio { display: inline-flex; position: relative; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
.navigator-radio__wrapper { position: relative; display: inline-block; }
.navigator-radio__input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; }
.navigator-radio .navigator-radio__inner { display: block; position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(185, 188, 195); border-radius: 50%; }
.navigator-radio .navigator-radio__inner:hover { background-color: rgb(255, 255, 255); border-color: rgb(69, 68, 91); }
.navigator-radio .navigator-radio__label { word-break: break-all; color: rgb(49, 52, 59); }
.navigator-radio .navigator-radio__label:active, .navigator-radio .navigator-radio__label:hover { color: rgb(49, 52, 59); }
.navigator-radio.navigator-radio--checked .navigator-radio__inner, .navigator-radio.navigator-radio--checked .navigator-radio__inner:hover { background-color: rgb(56, 55, 79); border-color: rgb(56, 55, 79); }
.navigator-radio.navigator-radio--checked .navigator-radio__inner::after { content: ""; position: absolute; background-color: rgb(255, 255, 255); border-radius: 100%; width: 6px; height: 6px; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; }
.navigator-radio.navigator-radio--checked .navigator-radio__label, .navigator-radio.navigator-radio--checked .navigator-radio__label:active, .navigator-radio.navigator-radio--checked .navigator-radio__label:hover { color: rgb(49, 52, 59); }
.navigator-radio.navigator-radio--disabled, .navigator-radio.navigator-radio--disabled:hover { cursor: not-allowed; color: rgb(205, 209, 216); }
.navigator-radio.navigator-radio--disabled .navigator-radio__inner, .navigator-radio.navigator-radio--disabled:hover .navigator-radio__inner { border-color: rgb(243, 243, 244); background-color: rgb(245, 247, 250); }
.navigator-radio.navigator-radio--disabled .navigator-radio__label, .navigator-radio.navigator-radio--disabled .navigator-radio__label:active, .navigator-radio.navigator-radio--disabled .navigator-radio__label:hover { color: rgb(205, 209, 216); }
.navigator-radio.navigator-radio--disabled.navigator-radio--checked .navigator-radio__inner { border-color: rgb(179, 178, 187); background-color: rgb(179, 178, 187); }
.navigator-radio.navigator-radio--disabled.navigator-radio--checked .navigator-radio__inner::after { background-color: rgb(255, 255, 255); }
.navigator-radio.navigator-radio--disabled.navigator-radio--checked .navigator-radio__label, .navigator-radio.navigator-radio--disabled.navigator-radio--checked .navigator-radio__label:active, .navigator-radio.navigator-radio--disabled.navigator-radio--checked .navigator-radio__label:hover { color: rgb(205, 209, 216); }
.navigator-radio--xl { font-size: 14px; line-height: 22px; }
.navigator-radio--xl .navigator-radio__wrapper { margin: 1px 0px; }
.navigator-radio--xl .navigator-radio__inner { width: 20px; height: 20px; }
.navigator-radio--xl .navigator-radio__label { margin: 0px 8px; }
.navigator-radio--lg { font-size: 14px; line-height: 22px; }
.navigator-radio--lg .navigator-radio__wrapper { margin: 1px 0px; }
.navigator-radio--lg .navigator-radio__inner { width: 20px; height: 20px; }
.navigator-radio--lg .navigator-radio__label { margin: 0px 8px; }
.navigator-radio--md { font-size: 14px; line-height: 22px; }
.navigator-radio--md .navigator-radio__wrapper { margin: 3px 0px; }
.navigator-radio--md .navigator-radio__inner { width: 16px; height: 16px; }
.navigator-radio--md .navigator-radio__label { margin: 0px 8px; }
.navigator-radio--sm { font-size: 12px; line-height: 18px; }
.navigator-radio--sm .navigator-radio__wrapper { margin: 2px 0px; }
.navigator-radio--sm .navigator-radio__inner { width: 14px; height: 14px; }
.navigator-radio--sm .navigator-radio__label { margin: 0px 8px; }
.navigator-radio--xs { font-size: 12px; line-height: 18px; }
.navigator-radio--xs .navigator-radio__wrapper { margin: 3px 0px; }
.navigator-radio--xs .navigator-radio__inner { width: 12px; height: 12px; }
.navigator-radio--xs .navigator-radio__label { margin: 0px 8px; }
.navigator-radio + .navigator-radio { margin-left: 32px; }
.navigator-range-picker { display: inline-flex; width: 100%; }
.navigator-range-picker__input { flex: 1 1 0%; }
.navigator-range-picker__seperator { display: flex; align-items: center; margin-left: 4px; margin-right: 4px; }
.navigator-range-picker__bar { position: absolute; bottom: 0px; height: 0px; left: 0px; border-bottom: 2px solid rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-range-picker .navigator-range-picker__calendar-icon { color: rgb(147, 150, 157); }
.navigator-range-picker__popper { display: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; background-color: rgb(255, 255, 255); }
.navigator-range-picker__popper--show { display: block; }
.navigator-range-picker__content { display: flex; align-self: stretch; }
.navigator-range-picker__shortcuts { padding: 4px 0px; max-width: 120px; overflow-y: auto; border-right: 1px solid rgb(232, 234, 237); }
.navigator-range-picker__shortcuts::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-range-picker__shortcuts::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-range-picker__shortcuts::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-range-picker__shortcuts::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-range-picker__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-range-picker__popper--rtl { direction: rtl; }
.navigator-range-picker__popper--rtl .navigator-range-picker__footer-btn { text-align: left; }
.navigator-range-picker__popper--rtl .navigator-range-picker__shortcuts { border-left: 1px solid rgb(232, 234, 237); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-range-picker-panel { display: inline-flex; flex-direction: column; border: 1px solid rgb(232, 234, 237); border-radius: 4px; }
.navigator-range-picker-panel__footer-btn { padding: 8px 12px; border-top: 1px solid rgb(232, 234, 237); text-align: right; }
.navigator-range-picker-panel--rtl { direction: rtl; }
.navigator-range-picker-panel--rtl .navigator-range-picker-panel__footer-btn { text-align: left; }
.navigator-rate-item { position: relative; display: inline-flex; color: inherit; cursor: pointer; line-height: 0; }
.navigator-rate-item--disabled { cursor: not-allowed; }
.navigator-rate-item__rated { position: absolute; overflow: hidden; width: 50%; height: 100%; opacity: 0; color: rgb(235, 150, 23); }
.navigator-rate-item__void { width: 100%; height: 100%; color: rgb(232, 234, 237); }
.navigator-rate { display: inline-flex; }
.navigator-rate--rtl { direction: rtl; }
.navigator-schedule { user-select: none; border: 1px solid rgb(232, 234, 237); border-radius: 4px; overflow: hidden; background-color: rgb(255, 255, 255); }
.navigator-schedule td, .navigator-schedule th { padding: 0px; }
.navigator-schedule__header { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; font-size: 12px; line-height: 18px; border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-schedule__header__explain { display: flex; }
.navigator-schedule__header__explain__selectable, .navigator-schedule__header__explain__selected { display: flex; color: rgb(49, 52, 59); align-items: center; margin-right: 11px; }
.navigator-schedule__header__explain__selectable::before, .navigator-schedule__header__explain__selected::before { content: ""; display: block; width: 12px; height: 4px; background-color: rgb(0, 87, 255); border-radius: 2px; margin-right: 8px; }
.navigator-schedule__header__explain__selectable::before { border: 1px solid rgb(218, 223, 227); background-color: transparent; }
.navigator-schedule__time-table-wrap { margin: 0px auto; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table { width: 100%; border-spacing: 0px; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table__head__time-range { height: 39px; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table__head__time-range__title { width: 80px; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table tr td, .navigator-schedule__time-table-wrap .navigator-schedule__time-table tr th { border-width: medium 1px 1px medium; border-style: none solid solid none; border-color: currentcolor rgb(232, 234, 237) rgb(232, 234, 237) currentcolor; font-size: 14px; text-align: center; min-width: 11px; line-height: 1.8em; transition: 0.1s; color: rgb(49, 52, 59); background: rgb(255, 255, 255); }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table tr td:last-child, .navigator-schedule__time-table-wrap .navigator-schedule__time-table tr th:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table tr td .navigator-checkbox, .navigator-schedule__time-table-wrap .navigator-schedule__time-table tr th .navigator-checkbox { padding: 0px 2px; display: flex; line-height: 1.8em; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__week-title { display: flex; justify-content: center; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__week-title .navigator-checkbox__label { margin: 0px 0px 0px 5px; }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__atom-time:hover:not(.navigator-schedule__atom-time--disabled) { background: rgb(242, 244, 247); }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__atom-time--active:not(.navigator-schedule__atom-time--disabled), .navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__atom-time--active:not(.navigator-schedule__atom-time--disabled):hover { background-color: rgb(0, 87, 255); }
.navigator-schedule__time-table-wrap .navigator-schedule__time-table .navigator-schedule__atom-time--disabled { background: rgb(250, 250, 250); cursor: not-allowed; }
.navigator-schedule__time-table-wrap tr td.navigator-schedule__selected-display { padding: 16px; border-bottom-style: none; }
.navigator-schedule__clear { display: flex; justify-content: space-between; padding-bottom: 12px; }
.navigator-schedule__selected-des { height: 22px; font-weight: 400; font-size: 14px; line-height: 22px; }
.navigator-schedule__empty { font-size: 14px; line-height: 22px; }
.navigator-schedule__selected-tip-label { min-width: 60px; margin-right: 8px; }
.navigator-schedule__selected-time-range { display: flex; text-align: start; }
.navigator-schedule__selected-time-range .navigator-schedule__selected-tip-label { text-align: left; }
.navigator-schedule__select-range-mask { background: rgb(46, 123, 255); width: 0px; height: 0px; position: fixed; z-index: 2; top: 0px; left: 0px; pointer-events: none; opacity: 0.6; }
.navigator-schedule-shortcuts { display: flex; }
.navigator-schedule-shortcuts__shortcut { font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; font-size: 14px; margin-right: 24px; line-height: 22px; }
.navigator-schedule-shortcuts__shortcut:hover { color: rgb(0, 87, 255); }
.navigator-option { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-option__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-option__content { flex: 1 1 0%; align-items: center; }
.navigator-option__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-option__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-option__expand--icon { color: rgb(49, 52, 59); }
.navigator-option.navigator-option--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-option--single.navigator-option--selected { color: rgb(0, 87, 255); }
.navigator-option.navigator-option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-option.navigator-option--disabled .navigator-option__expand--icon { color: rgb(185, 188, 195); }
.navigator-option.navigator-option--disabled.navigator-option--single.navigator-option--selected { color: rgb(186, 218, 255); }
.navigator-option:hover:not(.navigator-option--disabled) { background-color: rgb(242, 244, 247); }
.navigator-option--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-option--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-option--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-option--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-option--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-option--rtl { direction: rtl; }
.navigator-option--rtl .navigator-option__action { margin-right: 0px; margin-left: 8px; }
.navigator-option--rtl .navigator-option__expand { margin-left: 0px; margin-right: 8px; }
.navigator-optgroup { display: none; }
.navigator-optgroup__label { color: rgb(147, 150, 157); cursor: default; }
.navigator-optgroup__label--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-optgroup--visible { display: block; }
.navigator-optgroup--xs { font-size: 12px; line-height: 18px; }
.navigator-optgroup--xs .navigator-optgroup__label { padding: 3px 12px; }
.navigator-optgroup--sm { font-size: 12px; line-height: 18px; }
.navigator-optgroup--sm .navigator-optgroup__label { padding: 5px 12px; }
.navigator-optgroup--md { font-size: 14px; line-height: 22px; }
.navigator-optgroup--md .navigator-optgroup__label { padding: 6px 12px; }
.navigator-optgroup--lg { font-size: 14px; line-height: 22px; }
.navigator-optgroup--lg .navigator-optgroup__label { padding: 7px 12px; }
.navigator-optgroup--xl { font-size: 16px; line-height: 24px; }
.navigator-optgroup--xl .navigator-optgroup__label { padding: 8px 12px; }
.navigator-select { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.navigator-select__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.navigator-select__arrow { color: rgb(147, 150, 157); }
.navigator-select__arrow--open { transform: rotate(180deg); }
.navigator-select__input:not(.navigator-input__wrapper--disabled) { cursor: pointer; }
.navigator-select__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navigator-select__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-select--stroke .navigator-select__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-select--stroke.navigator-select--disabled .navigator-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-select--fill .navigator-select__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.navigator-select--fill.navigator-select--disabled .navigator-select__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.navigator-select--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.navigator-select--text .navigator-select__text-wrapper--active, .navigator-select--text:hover { color: rgb(0, 87, 255); }
.navigator-select--text .navigator-select__text-wrapper--active:active, .navigator-select--text:hover:active { color: rgb(0, 63, 210); }
.navigator-select--text .navigator-select__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.navigator-select--text .navigator-select__arrow { margin-right: 0px; }
.navigator-select--text.navigator-select--disabled, .navigator-select--text.navigator-select--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.navigator-select--xs { font-size: 12px; line-height: 18px; }
.navigator-select--xs .navigator-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-select--sm { font-size: 12px; line-height: 18px; }
.navigator-select--sm .navigator-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-select--lg, .navigator-select--md { font-size: 14px; line-height: 22px; }
.navigator-select--xl { font-size: 16px; line-height: 24px; }
.navigator-select--disabled .navigator-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-select--disabled .navigator-select__arrow { color: rgb(205, 209, 216); }
.navigator-select__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 4px; display: none; background-color: rgb(255, 255, 255); }
.navigator-select__popper--show { display: block; }
.navigator-select__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-select__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-select--rtl { direction: rtl; }
.navigator-select--rtl .navigator-select__tips { margin-right: 0px; margin-left: 4px; }
.navigator-select__popper--rtl { direction: rtl; }
.navigator-select__filter { border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-select__filter-icon { color: rgb(185, 188, 195); }
.navigator-select__options { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-select__options::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-select__options::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-select__options::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-select__options::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-select-fade-enter-active, .navigator-select-fade-leave-active { transition: 0.1s ease-out; }
.navigator-select-fade-enter-from, .navigator-select-fade-leave-to { transform: scaleY(0.8) translateY(-15%); opacity: 0; }
.navigator-select-fade-enter-to, .navigator-select-fade-leave-from { transform: scaleY(1) translateY(0px); opacity: 1; }
.navigator-slider { position: relative; cursor: pointer; box-sizing: content-box; touch-action: none; height: 4px; font-size: 14px; border-radius: 3px; }
.navigator-slider__rail { width: 100%; background-color: rgb(242, 244, 247); transition: background-color 0.3s; }
.navigator-slider__rail, .navigator-slider__track { position: absolute; top: 50%; transform: translateY(-50%); height: 4px; border-radius: 3px; }
.navigator-slider__track { background-color: rgb(0, 87, 255); }
.navigator-slider__track:hover { background-color: rgb(46, 123, 255); }
.navigator-slider__track:active { background-color: rgb(0, 63, 210); }
.navigator-slider__thumb { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; background-color: rgb(255, 255, 255); border: 2px solid rgb(0, 87, 255); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.navigator-slider__thumb:focus { outline: none; }
.navigator-slider__thumb:hover { border-color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); }
.navigator-slider__thumb:active { background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-slider__steps__step { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: rgb(255, 255, 255); border: 2px solid rgb(232, 234, 237); border-radius: 50%; }
.navigator-slider__steps__step--active { border: 2px solid rgb(0, 87, 255); }
.navigator-slider__marks { position: absolute; width: 100%; top: 18px; }
.navigator-slider__marks__mark { position: absolute; top: 0px; transform: translateX(-50%); font-size: 14px; word-break: keep-all; }
.navigator-slider__marks__mark--active { color: rgb(0, 87, 255); }
.navigator-slider--disabled .navigator-slider__rail { background-color: rgb(245, 247, 250); }
.navigator-slider--disabled .navigator-slider__thumb { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-slider--disabled .navigator-slider__track { background-color: rgb(186, 218, 255); }
.navigator-slider--disabled .navigator-slider__steps { background-color: rgb(247, 249, 252); border-color: rgb(222, 224, 227); }
.navigator-slider--disabled .navigator-slider__steps--active { border-color: rgb(186, 218, 255); }
.navigator-slider--disabled .navigator-slider__marks__mark { color: rgb(205, 209, 216); }
.navigator-slider--disabled .navigator-slider__marks__mark--active { color: rgb(186, 218, 255); }
.navigator-spin__block { position: absolute; inset: 0px; }
.navigator-spin__fullscreen { position: fixed; margin: 0px; inset: 0px; }
.navigator-spin .navigator-icon__loading { color: rgb(46, 123, 255); }
.navigator-spin__block-mask { position: absolute; background: rgba(255, 255, 255, 0.7); }
.navigator-spin__content { display: inline-flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.navigator-inline-spin { display: inline-flex; color: rgb(46, 123, 255); }
.navigator-statistic { display: flex; flex-direction: column; }
.navigator-statistic__title { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; }
.navigator-statistic__content { display: flex; padding-top: 4px; padding-bottom: 12px; font-size: 30px; line-height: 44px; }
.navigator-statistic__suffix { margin-left: 4px; }
.navigator-statistic__prefix { margin-right: 4px; }
.navigator-step { display: flex; overflow: hidden; flex: 1 1 0%; align-self: flex-start; margin-right: 16px; padding-right: 16px; }
.navigator-step:last-of-type { flex: 0 0 auto; margin-right: 0px; padding-right: 0px; }
.navigator-step:last-of-type .navigator-step__title::after { display: none; }
.navigator-step--space { flex: 0 0 auto; }
.navigator-step--vertical { margin-right: 0px; }
.navigator-step--vertical:not(:first-of-type) { margin-top: 16px; }
.navigator-step--vertical .navigator-step__title::after, .navigator-step--vertical:last-of-type .navigator-step__icon::after { display: none; }
.navigator-step--vertical .navigator-step__icon::after { content: ""; position: absolute; height: 10000px; width: 0px; border-left: 1px solid rgb(185, 188, 195); left: 50%; top: 46px; }
.navigator-step__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; }
.navigator-step__icon .navigator-step__iconbox { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; color: rgb(147, 150, 157); background-color: rgb(232, 234, 237); font-size: 18px; }
.navigator-step__content { margin-left: 8px; }
.navigator-step__title { position: relative; display: inline-flex; align-items: center; font-size: 16px; color: rgb(147, 150, 157); min-height: 30px; margin: 0px; font-weight: 600; padding-right: 16px; }
.navigator-step__title::after { content: ""; position: absolute; width: 10000px; height: 0px; border-top: 1px solid rgb(185, 188, 195); left: 100%; top: 15px; }
.navigator-step__desc { display: flex; align-items: center; margin: 0px; min-height: 20px; font-size: 12px; color: rgb(147, 150, 157); }
.navigator-step--dotted .navigator-step__title::after { border-top-style: dotted; }
.navigator-step--dotted .navigator-step__icon::after { border-left-style: dotted; }
.navigator-step--dashed .navigator-step__title::after { border-top-style: dashed; }
.navigator-step--dashed .navigator-step__icon::after { border-left-style: dashed; }
.navigator-step--double .navigator-step__title::after { border-top-style: double; }
.navigator-step--double .navigator-step__icon::after { border-left-style: double; }
.navigator-step--progressing .navigator-step__icon .navigator-step__iconbox { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); }
.navigator-step--progressing .navigator-step__icon::after { border-left-color: rgb(185, 188, 195); }
.navigator-step--progressing .navigator-step__title { color: rgb(0, 87, 255); }
.navigator-step--progressing .navigator-step__title::after { border-top-color: rgb(185, 188, 195); }
.navigator-step--progressing .navigator-step__desc { color: rgb(0, 87, 255); }
.navigator-step--finished .navigator-step__icon .navigator-step__iconbox { background-color: rgb(232, 244, 255); }
.navigator-step--finished .navigator-step__icon .navigator-step__iconbox .navigator-step__icon-check { width: 19px; color: rgb(0, 87, 255); }
.navigator-step--finished .navigator-step__icon::after { border-left-color: rgb(0, 87, 255); }
.navigator-step--finished .navigator-step__title { color: rgb(49, 52, 59); }
.navigator-step--finished .navigator-step__title::after { border-top-color: rgb(0, 87, 255); }
.navigator-step--error .navigator-step__icon .navigator-step__iconbox { color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); }
.navigator-step--error .navigator-step__icon::after { border-left-color: rgb(185, 188, 195); }
.navigator-step--error .navigator-step__title { color: rgb(227, 73, 73); }
.navigator-step--error .navigator-step__title::after { border-top-color: rgb(185, 188, 195); }
.navigator-step--error .navigator-step__desc { color: rgb(227, 73, 73); }
.navigator-step--lg .navigator-step__icon, .navigator-step--xl .navigator-step__icon { width: 34px; height: 34px; }
.navigator-step--lg .navigator-step__title, .navigator-step--xl .navigator-step__title { font-size: 18px; min-height: 34px; }
.navigator-step--lg .navigator-step__title::after, .navigator-step--xl .navigator-step__title::after { top: 17px; }
.navigator-step--lg .navigator-step__desc, .navigator-step--xl .navigator-step__desc { min-height: 22px; font-size: 14px; }
.navigator-step--sm .navigator-step__icon { width: 26px; height: 26px; }
.navigator-step--sm .navigator-step__title { font-size: 14px; min-height: 26px; padding-right: 8px; }
.navigator-step--sm .navigator-step__title::after { top: 13px; }
.navigator-step--sm .navigator-step__desc { min-height: 20px; font-size: 12px; }
.navigator-step--xs .navigator-step__icon { width: 22px; height: 22px; }
.navigator-step--xs .navigator-step__title { font-size: 12px; min-height: 22px; padding-right: 8px; }
.navigator-step--xs .navigator-step__title::after { top: 11px; }
.navigator-step--xs .navigator-step__desc { min-height: 20px; font-size: 12px; }
.navigator-steps { display: flex; }
.navigator-steps--vertical { flex-direction: column; }
.navigator-steps--rtl { direction: rtl; }
.navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl { margin-left: 16px; padding-left: 16px; margin-right: auto; padding-right: 0px; }
.navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl .navigator-step__content { margin-left: auto; margin-right: 8px; }
.navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl .navigator-step__content .navigator-step__title { padding-right: 0px; padding-left: 16px; }
.navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl .navigator-step__content .navigator-step__title::after { left: auto; right: 100%; }
.navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl.navigator-step--md .navigator-step__content .navigator-step__title, .navigator-steps--rtl.navigator-steps--horizontal .navigator-step--rtl.navigator-step--xs .navigator-step__content .navigator-step__title { padding-left: 8px; }
.navigator-steps--rtl.navigator-steps--vertical .navigator-step:last-of-type { padding-right: 16px; }
.navigator-switch { display: inline-flex; align-items: center; user-select: none; transition: 0.36s; overflow: hidden; cursor: pointer; }
.navigator-switch__children-placeholder { display: flex; }
.navigator-switch--xs { min-width: 28px; height: 16px; background-color: rgb(185, 188, 195); border-radius: 8px; color: rgb(255, 255, 255); position: relative; }
.navigator-switch--xs .navigator-switch__thumb { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.36s; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
.navigator-switch--xs .navigator-switch__thumb .navigator-switch__loading_wrapper { width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.navigator-switch--xs .navigator-switch__thumb .navigator-switch__falsy-content-wrapper, .navigator-switch--xs .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 12px; }
.navigator-switch--xs .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { right: 0px; padding-right: 18px; color: rgb(255, 255, 255); }
.navigator-switch--xs .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { left: 0px; padding-left: 18px; color: rgb(255, 255, 255); }
.navigator-switch--xs .navigator-switch__content-placeholder { visibility: hidden; font-size: 12px; }
.navigator-switch--xs .navigator-switch__content-placeholder .navigator-switch__falsy-placeholder, .navigator-switch--xs .navigator-switch__content-placeholder .navigator-switch__truthy-placeholder { display: flex; align-items: center; }
.navigator-switch--xs .navigator-switch__content-placeholder .navigator-switch__thumb-placeholder { width: 18px; height: 12px; margin-left: 6px; margin-right: 6px; }
.navigator-switch--xs.navigator-switch--disabled, .navigator-switch--xs.navigator-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.navigator-switch--xs.navigator-switch--disabled .navigator-switch__thumb, .navigator-switch--xs.navigator-switch--loading .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.navigator-switch--xs.navigator-switch--checked { background-color: rgb(56, 55, 79); }
.navigator-switch--xs.navigator-switch--checked .navigator-switch__thumb { left: calc(100% - 16px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.navigator-switch--xs.navigator-switch--disabled.navigator-switch--checked, .navigator-switch--xs.navigator-switch--loading.navigator-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.navigator-switch--xs.navigator-switch--disabled.navigator-switch--checked .navigator-switch__thumb, .navigator-switch--xs.navigator-switch--loading.navigator-switch--checked .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.navigator-switch--xs .navigator-switch__thumb-icon, .navigator-switch--xs .navigator-switch__thumb-icon .navigator-switch__falsy-icon, .navigator-switch--xs .navigator-switch__thumb-icon .navigator-switch__truthy-icon { display: inline-flex; }
.navigator-switch--xs.navigator-switch--rtl .navigator-switch__thumb { left: auto; right: 0px; }
.navigator-switch--xs.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 18px; color: rgb(255, 255, 255); }
.navigator-switch--xs.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 18px; color: rgb(255, 255, 255); }
.navigator-switch--xs.navigator-switch--rtl.navigator-switch--checked .navigator-switch__thumb { right: calc(100% - 16px); }
.navigator-switch--sm { min-width: 28px; height: 16px; background-color: rgb(185, 188, 195); border-radius: 8px; color: rgb(255, 255, 255); position: relative; }
.navigator-switch--sm .navigator-switch__thumb { width: 12px; height: 12px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.36s; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
.navigator-switch--sm .navigator-switch__thumb .navigator-switch__loading_wrapper { width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.navigator-switch--sm .navigator-switch__thumb .navigator-switch__falsy-content-wrapper, .navigator-switch--sm .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 12px; }
.navigator-switch--sm .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { right: 0px; padding-right: 18px; color: rgb(255, 255, 255); }
.navigator-switch--sm .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { left: 0px; padding-left: 18px; color: rgb(255, 255, 255); }
.navigator-switch--sm .navigator-switch__content-placeholder { visibility: hidden; font-size: 12px; }
.navigator-switch--sm .navigator-switch__content-placeholder .navigator-switch__falsy-placeholder, .navigator-switch--sm .navigator-switch__content-placeholder .navigator-switch__truthy-placeholder { display: flex; align-items: center; }
.navigator-switch--sm .navigator-switch__content-placeholder .navigator-switch__thumb-placeholder { width: 18px; height: 12px; margin-left: 6px; margin-right: 6px; }
.navigator-switch--sm.navigator-switch--disabled, .navigator-switch--sm.navigator-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.navigator-switch--sm.navigator-switch--disabled .navigator-switch__thumb, .navigator-switch--sm.navigator-switch--loading .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.navigator-switch--sm.navigator-switch--checked { background-color: rgb(56, 55, 79); }
.navigator-switch--sm.navigator-switch--checked .navigator-switch__thumb { left: calc(100% - 16px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.navigator-switch--sm.navigator-switch--disabled.navigator-switch--checked, .navigator-switch--sm.navigator-switch--loading.navigator-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.navigator-switch--sm.navigator-switch--disabled.navigator-switch--checked .navigator-switch__thumb, .navigator-switch--sm.navigator-switch--loading.navigator-switch--checked .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.navigator-switch--sm .navigator-switch__thumb-icon, .navigator-switch--sm .navigator-switch__thumb-icon .navigator-switch__falsy-icon, .navigator-switch--sm .navigator-switch__thumb-icon .navigator-switch__truthy-icon { display: inline-flex; }
.navigator-switch--sm.navigator-switch--rtl .navigator-switch__thumb { left: auto; right: 0px; }
.navigator-switch--sm.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 18px; color: rgb(255, 255, 255); }
.navigator-switch--sm.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 18px; color: rgb(255, 255, 255); }
.navigator-switch--sm.navigator-switch--rtl.navigator-switch--checked .navigator-switch__thumb { right: calc(100% - 16px); }
.navigator-switch--md { min-width: 40px; height: 22px; background-color: rgb(185, 188, 195); border-radius: 12px; color: rgb(255, 255, 255); position: relative; }
.navigator-switch--md .navigator-switch__thumb { width: 18px; height: 18px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.36s; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
.navigator-switch--md .navigator-switch__thumb .navigator-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.navigator-switch--md .navigator-switch__thumb .navigator-switch__falsy-content-wrapper, .navigator-switch--md .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.navigator-switch--md .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { right: 0px; padding-right: 24px; color: rgb(255, 255, 255); }
.navigator-switch--md .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { left: 0px; padding-left: 24px; color: rgb(255, 255, 255); }
.navigator-switch--md .navigator-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.navigator-switch--md .navigator-switch__content-placeholder .navigator-switch__falsy-placeholder, .navigator-switch--md .navigator-switch__content-placeholder .navigator-switch__truthy-placeholder { display: flex; align-items: center; }
.navigator-switch--md .navigator-switch__content-placeholder .navigator-switch__thumb-placeholder { width: 27px; height: 18px; margin-left: 6px; margin-right: 6px; }
.navigator-switch--md.navigator-switch--disabled, .navigator-switch--md.navigator-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.navigator-switch--md.navigator-switch--disabled .navigator-switch__thumb, .navigator-switch--md.navigator-switch--loading .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.navigator-switch--md.navigator-switch--checked { background-color: rgb(56, 55, 79); }
.navigator-switch--md.navigator-switch--checked .navigator-switch__thumb { left: calc(100% - 22px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.navigator-switch--md.navigator-switch--disabled.navigator-switch--checked, .navigator-switch--md.navigator-switch--loading.navigator-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.navigator-switch--md.navigator-switch--disabled.navigator-switch--checked .navigator-switch__thumb, .navigator-switch--md.navigator-switch--loading.navigator-switch--checked .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.navigator-switch--md .navigator-switch__thumb-icon, .navigator-switch--md .navigator-switch__thumb-icon .navigator-switch__falsy-icon, .navigator-switch--md .navigator-switch__thumb-icon .navigator-switch__truthy-icon { display: inline-flex; }
.navigator-switch--md.navigator-switch--rtl .navigator-switch__thumb { left: auto; right: 0px; }
.navigator-switch--md.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 24px; color: rgb(255, 255, 255); }
.navigator-switch--md.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 24px; color: rgb(255, 255, 255); }
.navigator-switch--md.navigator-switch--rtl.navigator-switch--checked .navigator-switch__thumb { right: calc(100% - 22px); }
.navigator-switch--lg { min-width: 52px; height: 28px; background-color: rgb(185, 188, 195); border-radius: 14px; color: rgb(255, 255, 255); position: relative; }
.navigator-switch--lg .navigator-switch__thumb { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.36s; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
.navigator-switch--lg .navigator-switch__thumb .navigator-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.navigator-switch--lg .navigator-switch__thumb .navigator-switch__falsy-content-wrapper, .navigator-switch--lg .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.navigator-switch--lg .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { right: 0px; padding-right: 30px; color: rgb(255, 255, 255); }
.navigator-switch--lg .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { left: 0px; padding-left: 30px; color: rgb(255, 255, 255); }
.navigator-switch--lg .navigator-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.navigator-switch--lg .navigator-switch__content-placeholder .navigator-switch__falsy-placeholder, .navigator-switch--lg .navigator-switch__content-placeholder .navigator-switch__truthy-placeholder { display: flex; align-items: center; }
.navigator-switch--lg .navigator-switch__content-placeholder .navigator-switch__thumb-placeholder { width: 36px; height: 24px; margin-left: 6px; margin-right: 6px; }
.navigator-switch--lg.navigator-switch--disabled, .navigator-switch--lg.navigator-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.navigator-switch--lg.navigator-switch--disabled .navigator-switch__thumb, .navigator-switch--lg.navigator-switch--loading .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.navigator-switch--lg.navigator-switch--checked { background-color: rgb(56, 55, 79); }
.navigator-switch--lg.navigator-switch--checked .navigator-switch__thumb { left: calc(100% - 28px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.navigator-switch--lg.navigator-switch--disabled.navigator-switch--checked, .navigator-switch--lg.navigator-switch--loading.navigator-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.navigator-switch--lg.navigator-switch--disabled.navigator-switch--checked .navigator-switch__thumb, .navigator-switch--lg.navigator-switch--loading.navigator-switch--checked .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.navigator-switch--lg .navigator-switch__thumb-icon, .navigator-switch--lg .navigator-switch__thumb-icon .navigator-switch__falsy-icon, .navigator-switch--lg .navigator-switch__thumb-icon .navigator-switch__truthy-icon { display: inline-flex; }
.navigator-switch--lg.navigator-switch--rtl .navigator-switch__thumb { left: auto; right: 0px; }
.navigator-switch--lg.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 30px; color: rgb(255, 255, 255); }
.navigator-switch--lg.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 30px; color: rgb(255, 255, 255); }
.navigator-switch--lg.navigator-switch--rtl.navigator-switch--checked .navigator-switch__thumb { right: calc(100% - 28px); }
.navigator-switch--xl { min-width: 52px; height: 28px; background-color: rgb(185, 188, 195); border-radius: 14px; color: rgb(255, 255, 255); position: relative; }
.navigator-switch--xl .navigator-switch__thumb { width: 24px; height: 24px; background-color: rgb(255, 255, 255); border-radius: 50%; margin-left: 2px; margin-right: 2px; position: absolute; left: 0px; transition: 0.36s; display: flex; align-items: center; justify-content: center; color: rgb(223, 224, 226); }
.navigator-switch--xl .navigator-switch__thumb .navigator-switch__loading_wrapper { width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.navigator-switch--xl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper, .navigator-switch--xl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { position: absolute; top: 0px; bottom: 0px; align-items: center; display: flex; white-space: nowrap; font-size: 14px; }
.navigator-switch--xl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { right: 0px; padding-right: 30px; color: rgb(255, 255, 255); }
.navigator-switch--xl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { left: 0px; padding-left: 30px; color: rgb(255, 255, 255); }
.navigator-switch--xl .navigator-switch__content-placeholder { visibility: hidden; font-size: 14px; }
.navigator-switch--xl .navigator-switch__content-placeholder .navigator-switch__falsy-placeholder, .navigator-switch--xl .navigator-switch__content-placeholder .navigator-switch__truthy-placeholder { display: flex; align-items: center; }
.navigator-switch--xl .navigator-switch__content-placeholder .navigator-switch__thumb-placeholder { width: 36px; height: 24px; margin-left: 6px; margin-right: 6px; }
.navigator-switch--xl.navigator-switch--disabled, .navigator-switch--xl.navigator-switch--loading { cursor: not-allowed; background-color: rgb(232, 234, 237); color: rgb(255, 255, 255); }
.navigator-switch--xl.navigator-switch--disabled .navigator-switch__thumb, .navigator-switch--xl.navigator-switch--loading .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(223, 224, 226); }
.navigator-switch--xl.navigator-switch--checked { background-color: rgb(56, 55, 79); }
.navigator-switch--xl.navigator-switch--checked .navigator-switch__thumb { left: calc(100% - 28px); color: rgb(56, 55, 79); background-color: rgb(255, 255, 255); }
.navigator-switch--xl.navigator-switch--disabled.navigator-switch--checked, .navigator-switch--xl.navigator-switch--loading.navigator-switch--checked { cursor: not-allowed; background-color: rgb(179, 178, 187); }
.navigator-switch--xl.navigator-switch--disabled.navigator-switch--checked .navigator-switch__thumb, .navigator-switch--xl.navigator-switch--loading.navigator-switch--checked .navigator-switch__thumb { background-color: rgb(255, 255, 255); color: rgb(179, 178, 187); }
.navigator-switch--xl .navigator-switch__thumb-icon, .navigator-switch--xl .navigator-switch__thumb-icon .navigator-switch__falsy-icon, .navigator-switch--xl .navigator-switch__thumb-icon .navigator-switch__truthy-icon { display: inline-flex; }
.navigator-switch--xl.navigator-switch--rtl .navigator-switch__thumb { left: auto; right: 0px; }
.navigator-switch--xl.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__truthy-content-wrapper { left: 0px; right: auto; padding-left: 30px; color: rgb(255, 255, 255); }
.navigator-switch--xl.navigator-switch--rtl .navigator-switch__thumb .navigator-switch__falsy-content-wrapper { right: 0px; left: auto; padding-right: 30px; color: rgb(255, 255, 255); }
.navigator-switch--xl.navigator-switch--rtl.navigator-switch--checked .navigator-switch__thumb { right: calc(100% - 28px); }
.navigator-switch--round, .navigator-switch--round .navigator-switch__thumb { border-radius: 2px; }
.navigator-table { border-spacing: 0px; width: 100%; color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; table-layout: fixed; }
.navigator-table__expand-icon, .navigator-table__tree-icon { color: rgb(147, 150, 157); transform: rotate(-90deg); }
.navigator-table__expand-icon:hover, .navigator-table__tree-icon:hover { color: rgb(0, 87, 255); }
.navigator-table__expand-icon--expanded, .navigator-table__tree-icon--expanded { transform: rotate(0deg); }
.navigator-table__tree-icon { margin-right: 8px; }
.navigator-table__tree-icon-wrapper { display: inline-flex; }
.navigator-table__tree-icon-wrapper--noevents { pointer-events: none; visibility: hidden; }
.navigator-td { padding: 16px; border-bottom: 1px solid rgb(223, 224, 226); font-size: 12px; font-weight: 400; background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); overflow-wrap: break-word; }
.navigator-td--sticky { position: sticky; z-index: 1; }
.navigator-td--sticky-left-last::after { right: 0px; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; }
.navigator-td--sticky-left-last::after, .navigator-td--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 15px; z-index: 3; pointer-events: none; }
.navigator-td--sticky-right-first::after { left: 0px; transform: translateX(-100%); box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; }
.navigator-td__cell-group { display: flex; }
.navigator-th { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-bottom: 1px solid rgb(223, 224, 226); font-weight: 500; font-size: 12px; line-height: 18px; position: relative; padding: 14px 16px; text-align: left; word-break: break-all; }
.navigator-th:hover { background-color: rgb(232, 234, 237); color: rgb(49, 52, 59); }
.navigator-th--filterable { padding-right: 28px; }
.navigator-th.navigator-table-cell--right .navigator-th__column-sorter { justify-content: end; }
.navigator-th.navigator-table-cell--center .navigator-th__column-sorter { justify-content: center; }
.navigator-th__column-sorter { display: flex; align-items: center; word-break: break-all; }
.navigator-th__filter { width: 28px; position: absolute; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); }
.navigator-th__filter:hover { background-color: rgb(222, 224, 227); color: rgb(147, 150, 157); }
.navigator-th--sticky { position: sticky; z-index: 2; }
.navigator-th--sticky-left, .navigator-th--sticky-right { z-index: 3; }
.navigator-th--sticky-left-last::after { right: 0px; transform: translateX(100%); box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; }
.navigator-th--sticky-left-last::after, .navigator-th--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 15px; z-index: 3; pointer-events: none; }
.navigator-th--sticky-right-first::after { left: 0px; transform: translateX(-100%); box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; }
.navigator-th__sorter { display: inline-flex; flex-direction: column; margin: 0px 4px; color: rgb(147, 150, 157); font-size: 12px; }
.navigator-th__sorter:hover { color: rgb(147, 150, 157); }
.navigator-th__sorter-up { transform: rotate(-180deg); }
.navigator-th__sorter-down:active, .navigator-th__sorter-up:active { color: rgb(0, 63, 210); }
.navigator-th__sorter-down--active, .navigator-th__sorter-up--active { color: rgb(0, 87, 255); }
.navigator-th__resize-bar { position: absolute; right: 0px; bottom: 0px; z-index: 1; width: 2px; height: 100%; cursor: col-resize; }
.navigator-th__resize-bar:hover { background-color: rgb(0, 87, 255); }
.navigator-tr:hover .navigator-td { background-color: rgb(242, 245, 253); color: rgb(49, 52, 59); }
.navigator-tr:active .navigator-td { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-tfoot { position: sticky; bottom: 0px; z-index: 3; }
.navigator-t-summary-cell { background-color: rgb(247, 249, 252); border-bottom: 1px solid rgb(223, 224, 226); font-weight: 500; font-size: 12px; line-height: 18px; position: relative; padding: 16px; text-align: left; overflow-wrap: break-word; }
.navigator-t-summary-cell:hover { background-color: rgb(242, 244, 247); }
.navigator-t-summary-cell--sticky { position: sticky; z-index: 2; }
.navigator-t-summary-cell--sticky-left { z-index: 3; }
.navigator-t-summary-cell--sticky-left-last::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 15px; transform: translateX(100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) 10px 0px 10px -5px inset; pointer-events: none; }
.navigator-t-summary-cell--sticky-right-first::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15px; transform: translateX(-100%); z-index: 3; box-shadow: rgba(0, 0, 0, 0.1) -10px 0px 10px -5px inset; pointer-events: none; }
.navigator-table-cell--left { text-align: left; }
.navigator-table-cell--center { text-align: center; }
.navigator-table-cell--right { text-align: right; }
.navigator-table-cell--start { text-align: start; }
.navigator-table-cell--end { text-align: end; }
.navigator-table__container { position: relative; }
.navigator-table__container--border::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; border-right: 1px solid rgb(223, 224, 226); z-index: 7; }
.navigator-table__container--border .navigator-t-summary-cell, .navigator-table__container--border .navigator-table__shadow-right, .navigator-table__container--border .navigator-td, .navigator-table__container--border .navigator-th { border-right: 1px solid rgb(223, 224, 226); }
.navigator-table__container--border .navigator-t-summary-cell:first-child, .navigator-table__container--border .navigator-td:first-child, .navigator-table__container--border .navigator-th:first-child { border-left: 1px solid rgb(223, 224, 226); }
.navigator-table__container--border thead .navigator-tr:first-child .navigator-th, .navigator-table__container--border.ovui-table__container--no-header .navigator-tr:first-child .navigator-td { border-top: 1px solid rgb(223, 224, 226); }
.navigator-table__wrapper { position: relative; overflow: auto; }
.navigator-table__body-wrapper { position: relative; overflow: hidden; }
.navigator-table__head-wrapper { position: sticky; top: 0px; overflow: hidden; z-index: 2; }
.navigator-table__empty-wrapper { display: flex; align-items: center; justify-content: center; color: rgb(185, 188, 195); }
.navigator-table__empty-wrapper .navigator-table__empty { margin-top: 48px; }
.navigator-table__column-resize-line { display: none; position: absolute; top: 0px; bottom: 0px; width: 1px; background: rgb(0, 87, 255); z-index: 7; }
.navigator-sticky-bar { position: sticky; overflow: auto; bottom: 0px; z-index: 7; }
.navigator-sticky-bar__inner { height: 1px; opacity: 0; }
.navigator-t-summary:first-child .navigator-t-summary-cell::before { content: " "; position: absolute; top: -1px; left: 0px; right: 0px; border-top: 1px solid rgb(223, 224, 226); }
.navigator-tabs__nav { display: flex; align-items: center; white-space: nowrap; position: relative; }
.navigator-tabs__nav::before { position: absolute; content: ""; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: rgb(232, 234, 237); }
.navigator-tabs__nav-list-scroll-container { display: flex; max-width: 100%; align-self: stretch; flex-shrink: 1; overflow: hidden; }
.navigator-tabs__nav-list { display: flex; position: relative; transition: transform 0.24s; }
.navigator-tabs__angle-left, .navigator-tabs__angle-right { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; color: rgb(153, 153, 153); }
.navigator-tabs__angle-left svg, .navigator-tabs__angle-right svg { width: 16px; height: 16px; }
.navigator-tabs__angle-left:hover, .navigator-tabs__angle-right:hover { color: rgb(0, 87, 255); }
.navigator-tabs__angle-left--disabled, .navigator-tabs__angle-right--disabled { color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-tabs__angle-left--disabled:hover, .navigator-tabs__angle-right--disabled:hover { color: rgb(185, 188, 195); }
.navigator-tabs__angle-right { padding-left: 16px; }
.navigator-tabs__angle-left { padding-right: 16px; }
.navigator-tabs__tab { display: flex; align-items: center; font-size: 16px; line-height: 24px; padding: 5px 0px; margin-right: 34px; cursor: pointer; color: rgb(98, 101, 108); font-weight: 400; }
.navigator-tabs__tab--active { color: rgb(49, 52, 59); font-weight: 500; }
.navigator-tabs__tab--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-tabs__tab-close { width: 16px; height: 16px; margin-left: 4px; }
.navigator-tabs__tab:nth-last-child(2) { padding-right: 0px; }
.navigator-tabs__tab:first-child { padding-left: 0px; }
.navigator-tabs__extra-content { flex: 0 0 auto; margin-left: 16px; }
.navigator-tabs__panel .navigator-tab { display: none; }
.navigator-tabs__panel .navigator-tab--active, .navigator-tabs__panel .navigator-tab--force-render .navigator-tab { display: block; }
.navigator-tabs__bar { position: absolute; bottom: 0px; left: 0px; height: 2px; transition: transform 0.3s cubic-bezier(0.08, 0.82, 0.17, 1); background-color: rgb(0, 87, 255); z-index: 1; display: none; }
.navigator-tabs__bar--show { display: block; }
.navigator-tabs--rtl { direction: rtl; }
.navigator-tabs--card > .navigator-tabs__nav { background-color: rgb(255, 255, 255); }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list { margin-bottom: -1px; }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab { padding: 5px 16px; border: 1px solid transparent; position: relative; margin-right: 0px; }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab::before { position: absolute; content: ""; top: 50%; left: 0px; width: 1px; height: 14px; transform: translateY(-50%); background-color: rgb(222, 224, 227); }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab:first-child::before { display: none; }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab--active { border-top-color: rgb(222, 224, 227); border-left-color: rgb(222, 224, 227); border-right-color: rgb(222, 224, 227); border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: rgb(255, 255, 255); }
.navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__active-bar, .navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab--active + .navigator-tabs__tab::before, .navigator-tabs--card > .navigator-tabs__nav .navigator-tabs__nav-list .navigator-tabs__tab--active::before { display: none; }
.navigator-tag { display: inline-flex; align-items: center; border-radius: 4px; border-width: 1px; border-style: solid; border-color: transparent; position: relative; background-clip: padding-box; white-space: nowrap; cursor: pointer; }
.navigator-tag__close { display: inline-flex; margin-left: 4px; }
.navigator-tag--default-stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(223, 224, 226); }
.navigator-tag--default-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.navigator-tag--default-stroke.navigator-tag--disabled, .navigator-tag--default-stroke.navigator-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-fill, .navigator-tag--default-fill:hover { background-color: rgb(49, 52, 59); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--default-fill.navigator-tag--disabled, .navigator-tag--default-fill.navigator-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-light-fill, .navigator-tag--default-light-fill:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.navigator-tag--default-light-fill.navigator-tag--disabled, .navigator-tag--default-light-fill.navigator-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-light-stroke, .navigator-tag--default-light-stroke:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.navigator-tag--default-light-stroke.navigator-tag--disabled, .navigator-tag--default-light-stroke.navigator-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(223, 224, 226); }
.navigator-tag--info-fill, .navigator-tag--info-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--info-fill.navigator-tag--disabled, .navigator-tag--info-fill.navigator-tag--disabled:hover { background-color: rgb(186, 218, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--info-stroke, .navigator-tag--info-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-tag--info-stroke.navigator-tag--disabled, .navigator-tag--info-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-tag--info-light-fill, .navigator-tag--info-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--info-light-fill.navigator-tag--disabled, .navigator-tag--info-light-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--info-light-stroke, .navigator-tag--info-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--info-light-stroke.navigator-tag--disabled, .navigator-tag--info-light-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--success-fill, .navigator-tag--success-fill:hover { background-color: rgb(13, 166, 0); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--success-fill.navigator-tag--disabled, .navigator-tag--success-fill.navigator-tag--disabled:hover { background-color: rgb(131, 219, 178); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--success-stroke, .navigator-tag--success-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.navigator-tag--success-stroke.navigator-tag--disabled, .navigator-tag--success-stroke.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.navigator-tag--success-light-fill, .navigator-tag--success-light-fill:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--success-light-fill.navigator-tag--disabled, .navigator-tag--success-light-fill.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: transparent; }
.navigator-tag--success-light-stroke, .navigator-tag--success-light-stroke:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: rgba(0, 148, 62, 0.2); }
.navigator-tag--success-light-stroke.navigator-tag--disabled, .navigator-tag--success-light-stroke.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgba(0, 148, 62, 0.2); }
.navigator-tag--warning-fill, .navigator-tag--warning-fill:hover { background-color: rgb(235, 150, 23); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--warning-fill.navigator-tag--disabled, .navigator-tag--warning-fill.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--warning-stroke, .navigator-tag--warning-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.navigator-tag--warning-stroke.navigator-tag--disabled, .navigator-tag--warning-stroke.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--warning-light-fill, .navigator-tag--warning-light-fill:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--warning-light-fill.navigator-tag--disabled, .navigator-tag--warning-light-fill.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--warning-light-stroke, .navigator-tag--warning-light-stroke:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--warning-light-stroke.navigator-tag--disabled, .navigator-tag--warning-light-stroke.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--danger-fill, .navigator-tag--danger-fill:hover { background-color: rgb(227, 73, 73); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--danger-fill.navigator-tag--disabled, .navigator-tag--danger-fill.navigator-tag--disabled:hover { background-color: rgb(245, 187, 187); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--danger-stroke, .navigator-tag--danger-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.navigator-tag--danger-stroke.navigator-tag--disabled, .navigator-tag--danger-stroke.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-tag--danger-light-fill, .navigator-tag--danger-light-fill:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--danger-light-fill.navigator-tag--disabled, .navigator-tag--danger-light-fill.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--danger-light-stroke, .navigator-tag--danger-light-stroke:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: rgba(227, 73, 73, 0.2); }
.navigator-tag--danger-light-stroke.navigator-tag--disabled, .navigator-tag--danger-light-stroke.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-tag--primary-fill, .navigator-tag--primary-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--primary-fill.navigator-tag--disabled, .navigator-tag--primary-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--primary-stroke, .navigator-tag--primary-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-tag--primary-stroke.navigator-tag--disabled, .navigator-tag--primary-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-tag--primary-light-fill, .navigator-tag--primary-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--primary-light-fill.navigator-tag--disabled, .navigator-tag--primary-light-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--primary-light-stroke, .navigator-tag--primary-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--primary-light-stroke.navigator-tag--disabled, .navigator-tag--primary-light-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--text.navigator-tag--primary, .navigator-tag--text.navigator-tag--primary-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light:hover, .navigator-tag--text.navigator-tag--primary:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--primary.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--default, .navigator-tag--text.navigator-tag--default-light { background-color: transparent; color: rgb(49, 52, 59); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light:hover, .navigator-tag--text.navigator-tag--default:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--default-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--default.navigator-tag--checked, .navigator-tag--text.navigator-tag--default.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled:hover { background-color: transparent; color: rgb(205, 209, 216); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info, .navigator-tag--text.navigator-tag--info-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light:hover, .navigator-tag--text.navigator-tag--info:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--info-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--info.navigator-tag--checked, .navigator-tag--text.navigator-tag--info.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning, .navigator-tag--text.navigator-tag--warning-light { background-color: transparent; color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light:hover, .navigator-tag--text.navigator-tag--warning:hover { background-color: rgb(255, 249, 224); color: rgb(246, 183, 12); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--warning.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning.navigator-tag--checked:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled:hover { background-color: transparent; color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--success, .navigator-tag--text.navigator-tag--success-light { background-color: transparent; color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light:hover, .navigator-tag--text.navigator-tag--success:hover { background-color: rgb(236, 248, 235); color: rgb(9, 177, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--success-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--success.navigator-tag--checked, .navigator-tag--text.navigator-tag--success.navigator-tag--checked:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled:hover { background-color: transparent; color: rgb(131, 219, 178); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(236, 248, 235); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger, .navigator-tag--text.navigator-tag--danger-light { background-color: transparent; color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light:hover, .navigator-tag--text.navigator-tag--danger:hover { background-color: rgb(253, 242, 242); color: rgb(234, 121, 121); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--danger.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger.navigator-tag--checked:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled:hover { background-color: transparent; color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--xs { padding: 0px 8px; font-size: 12px; height: 16px; }
.navigator-tag--sm { padding: 0px 8px; font-size: 12px; height: 20px; }
.navigator-tag--md { padding: 0px 8px; font-size: 12px; height: 24px; }
.navigator-tag--lg { padding: 0px 8px; font-size: 14px; height: 28px; }
.navigator-tag--xl { padding: 0px 8px; font-size: 14px; height: 32px; }
.navigator-tag--disabled, .navigator-tag--disabled.navigator-tag--closable .navigator-tag__close { cursor: not-allowed; }
.navigator-tag--dashed.navigator-tag--border { border-style: dashed; }
.navigator-tag--hidden { display: none; }
.navigator-tag--rtl { direction: rtl; }
.navigator-tag--rtl .navigator-tag__close { margin-right: 4px; margin-left: 0px; }
.navigator-textarea__wrapper { display: inline-flex; position: relative; border-radius: 4px; width: 100%; }
.navigator-textarea__wrapper .navigator-textarea { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; vertical-align: bottom; }
.navigator-textarea__wrapper .navigator-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-textarea__wrapper .navigator-textarea[type="number"], .navigator-textarea__wrapper .navigator-textarea[type="password"], .navigator-textarea__wrapper .navigator-textarea[type="text"] { appearance: none; }
.navigator-textarea__wrapper .navigator-textarea[type="number"]::-webkit-inner-spin-button { appearance: none; }
.navigator-textarea__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--fill .navigator-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-textarea__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error.navigator-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled:hover .navigator-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-textarea__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.navigator-textarea__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error.navigator-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
@keyframes bui-input-focus-effect_error { 
  0% { box-shadow: rgb(227, 73, 73) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
}
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled:hover .navigator-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-textarea__wrapper--xs { padding: 2px 8px; }
.navigator-textarea__wrapper--xs, .navigator-textarea__wrapper--xs .navigator-textarea { font-size: 12px; line-height: 18px; }
.navigator-textarea__wrapper--sm { padding: 4px 8px; }
.navigator-textarea__wrapper--sm, .navigator-textarea__wrapper--sm .navigator-textarea { font-size: 12px; line-height: 18px; }
.navigator-textarea__wrapper--md { padding: 4px 8px; }
.navigator-textarea__wrapper--md, .navigator-textarea__wrapper--md .navigator-textarea { font-size: 14px; line-height: 22px; }
.navigator-textarea__wrapper--lg { padding: 6px 8px; }
.navigator-textarea__wrapper--lg, .navigator-textarea__wrapper--lg .navigator-textarea { font-size: 14px; line-height: 22px; }
.navigator-textarea__wrapper--xl { padding: 7px 8px; }
.navigator-textarea__wrapper--xl, .navigator-textarea__wrapper--xl .navigator-textarea { font-size: 16px; line-height: 24px; }
.navigator-textarea__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-textarea__wrapper .navigator-textarea__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-textarea__wrapper .navigator-textarea__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.navigator-textarea__wrapper .navigator-textarea__clear--margin-right { margin-right: 4px; }
.navigator-textarea__wrapper .navigator-textarea__clear:hover { color: rgb(98, 101, 108); }
.navigator-textarea__wrapper .navigator-textarea__clear:active { color: rgb(49, 52, 59); }
.navigator-textarea__wrapper .navigator-textarea__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.navigator-textarea__wrapper .navigator-textarea__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.navigator-textarea__wrapper .navigator-textarea__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-textarea__wrapper .navigator-textarea__suffix .navigator-textarea__clear { opacity: 0; pointer-events: none; }
.navigator-textarea__wrapper .navigator-textarea__suffix .navigator-textarea__clear--show { opacity: 1; pointer-events: auto; }
.navigator-textarea__wrapper .navigator-textarea__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-textarea__wrapper .navigator-textarea__after--has-clear .navigator-icon { opacity: 0; }
.navigator-textarea__wrapper .navigator-textarea__after .navigator-textarea__clear { display: none; }
.navigator-textarea__wrapper .navigator-textarea__after .navigator-textarea__clear--show { display: block; opacity: 1; }
.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--disabled .navigator-textarea { cursor: not-allowed; }
.navigator-textarea__wrapper--disabled .navigator-textarea__prefix, .navigator-textarea__wrapper--disabled .navigator-textarea__suffix { color: rgb(205, 209, 216); }
.navigator-textarea__wrapper:hover:not(.navigator-textarea__wrapper--disabled):not(.navigator-textarea__wrapper--error) .navigator-textarea--stroke { border-color: rgb(0, 87, 255); }
.navigator-textarea__wrapper--rtl, .navigator-textarea__wrapper--rtl .navigator-textarea { direction: rtl; }
.navigator-textarea__wrapper--rtl .navigator-textarea__clear--absolute { right: auto; left: 12px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__prefix { padding-right: 0px; padding-left: 4px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__after, .navigator-textarea__wrapper--rtl .navigator-textarea__suffix { padding-left: 0px; padding-right: 4px; }
.navigator-time-line-item { position: relative; display: flex; }
.navigator-time-line-item--left, .navigator-time-line-item--start { justify-content: flex-start; }
.navigator-time-line-item--left .navigator-time-line-item__container, .navigator-time-line-item--start .navigator-time-line-item__container { align-items: flex-start; margin-left: 28px; }
.navigator-time-line-item--left.navigator-time-line-item--nonunique, .navigator-time-line-item--start.navigator-time-line-item--nonunique { margin-left: 50%; transform: translate(-6px); }
.navigator-time-line-item--left.navigator-time-line-item--nonunique .navigator-time-line-item__container, .navigator-time-line-item--start.navigator-time-line-item--nonunique .navigator-time-line-item__container { align-items: flex-start; margin-left: 28px; }
.navigator-time-line-item--end, .navigator-time-line-item--right { justify-content: flex-end; }
.navigator-time-line-item--end .navigator-time-line-item__container, .navigator-time-line-item--right .navigator-time-line-item__container { align-items: flex-end; margin-right: 28px; }
.navigator-time-line-item--end.navigator-time-line-item--nonunique, .navigator-time-line-item--right.navigator-time-line-item--nonunique { margin-right: 50%; transform: translate(6px); }
.navigator-time-line-item--end.navigator-time-line-item--nonunique .navigator-time-line-item__container, .navigator-time-line-item--right.navigator-time-line-item--nonunique .navigator-time-line-item__container { align-items: flex-end; margin-right: 28px; }
.navigator-time-line-item__loop { width: 12px; height: 12px; border-radius: 50%; border-width: 2px; border-style: solid; }
.navigator-time-line-item__loop--default { border-color: rgb(193, 193, 193); }
.navigator-time-line-item__loop--info { border-color: rgb(51, 138, 255); }
.navigator-time-line-item__loop--success { border-color: rgb(106, 191, 64); }
.navigator-time-line-item__loop--danger { border-color: rgb(246, 86, 86); }
.navigator-time-line-item .navigator-time-line-item__line { width: 1px; transform: translate(-0.5px); flex: 1 1 0%; background-color: rgb(193, 193, 193); margin-bottom: 2px; margin-top: 2px; }
.navigator-time-line-item .navigator-time-line-item__separate { position: absolute; top: 0px; bottom: 0px; display: flex; flex-direction: column; align-items: center; }
.navigator-time-line-item .navigator-time-line-item__separate .navigator-time-line-item__icon { margin: 6px 0px; }
.navigator-time-line-item .navigator-time-line-item__container { display: flex; flex-direction: column; padding-bottom: 22px; }
.navigator-time-line-item .navigator-time-line-item__container .navigator-time-line-item__header { display: flex; align-items: center; }
.navigator-time-line-item .navigator-time-line-item__container .navigator-time-line-item__header .navigator-time-line-item__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.navigator-time-line-item .navigator-time-line-item__container .navigator-time-line-item__desc { margin-top: 4px; font-size: 14px; line-height: 22px; color: rgb(98, 101, 108); font-weight: 400; }
.navigator-time-line-item:last-of-type .navigator-time-line-item__line { display: none; }
.navigator-time-line-item:last-of-type .navigator-time-line-item__container { padding-bottom: 0px; }
.navigator-time-line { position: relative; }
.navigator-time-line--rtl { direction: rtl; }
.navigator-time-line--rtl .navigator-time-line-item--left, .navigator-time-line--rtl .navigator-time-line-item--right { direction: ltr; }
.navigator-time-line--rtl .navigator-time-line-item--start .navigator-time-line-item__container { align-items: flex-start; margin-right: 28px; margin-left: unset; }
.navigator-time-line--rtl .navigator-time-line-item--start.navigator-time-line-item--nonunique { margin-right: 50%; margin-left: unset; transform: translate(6px); }
.navigator-time-line--rtl .navigator-time-line-item--start.navigator-time-line-item--nonunique .navigator-time-line-item__container { margin-right: 28px; margin-left: unset; }
.navigator-time-line--rtl .navigator-time-line-item--end .navigator-time-line-item__container { align-items: flex-end; margin-left: 28px; margin-right: unset; }
.navigator-time-line--rtl .navigator-time-line-item--end.navigator-time-line-item--nonunique { margin-left: 50%; margin-right: unset; transform: translate(-6px); }
.navigator-time-line--rtl .navigator-time-line-item--end.navigator-time-line-item--nonunique .navigator-time-line-item__container { margin-left: 28px; margin-right: unset; }
.navigator-upload-view-button .navigator-button--default, .navigator-upload-view-drag .navigator-button--default { display: flex; justify-content: center; align-items: center; }
.navigator-upload-view-button__text, .navigator-upload-view-drag__text { margin-left: 4px; }
.navigator-upload-view-button__filelist, .navigator-upload-view-drag__filelist { list-style: none; margin: 16px 0px 0px; padding: 0px; }
.navigator-upload-view-button__fileitem-normal, .navigator-upload-view-drag__fileitem-normal { display: flex; justify-content: space-between; align-items: center; height: 22px; font-size: 14px; color: rgb(49, 52, 59); padding-left: 8px; }
.navigator-upload-view-button__fileitem-normal:not(:last-of-type), .navigator-upload-view-drag__fileitem-normal:not(:last-of-type) { margin-bottom: 8px; }
.navigator-upload-view-button__fileitem-normal .navigator-upload-view-button__filename, .navigator-upload-view-button__fileitem-normal .navigator-upload-view-drag__filename, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-button__filename, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-drag__filename { height: 100%; display: flex; align-items: center; }
.navigator-upload-view-button__fileitem-normal .navigator-upload-view-button__filename svg, .navigator-upload-view-button__fileitem-normal .navigator-upload-view-drag__filename svg, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-button__filename svg, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-drag__filename svg { margin-right: 8px; }
.navigator-upload-view-button__fileitem-normal .navigator-upload-view-button__close:hover, .navigator-upload-view-button__fileitem-normal .navigator-upload-view-drag__close:hover, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-button__close:hover, .navigator-upload-view-drag__fileitem-normal .navigator-upload-view-drag__close:hover { cursor: pointer; }
.navigator-upload-view-button__fileitem-normal--error, .navigator-upload-view-drag__fileitem-normal--error { color: rgb(227, 73, 73); }
.navigator-upload-view-button__fileitem-normal--error .navigator-upload-view-button__close, .navigator-upload-view-button__fileitem-normal--error .navigator-upload-view-drag__close, .navigator-upload-view-drag__fileitem-normal--error .navigator-upload-view-button__close, .navigator-upload-view-drag__fileitem-normal--error .navigator-upload-view-drag__close { fill: rgb(227, 73, 73); }
.navigator-upload-view-button__fileitem-card-block, .navigator-upload-view-drag__fileitem-card-block { margin-bottom: 8px; }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__card, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__card { display: flex; align-items: center; height: 48px; padding: 7px; border: 1px solid rgb(222, 224, 227); box-sizing: border-box; border-radius: 4px; }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__image, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__image { width: 32px; height: 32px; border-radius: 4px; background-size: cover; }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__content, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__content { height: 100%; flex: 1 1 0%; margin-left: 8px; }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__info, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__info { display: flex; justify-content: space-between; align-items: center; height: 22px; margin-bottom: 4px; font-size: 14px; color: rgb(49, 52, 59); }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__close:hover, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__close:hover { cursor: pointer; }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__progress, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__progress { position: relative; height: 2px; border-radius: 4px; background-color: rgb(232, 234, 237); }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__progress .navigator-upload-view-button__bar, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__progress .navigator-upload-view-button__bar { position: absolute; left: 0px; top: 0px; height: 100%; background-color: rgb(0, 87, 255); border-radius: 4px; }
.navigator-upload-view-button__fileitem-card-block--error .navigator-upload-view-button__card, .navigator-upload-view-drag__fileitem-card-block--error .navigator-upload-view-button__card { border: 1px solid rgb(227, 73, 73); }
.navigator-upload-view-button__fileitem-card-block--error .navigator-upload-view-button__info, .navigator-upload-view-drag__fileitem-card-block--error .navigator-upload-view-button__info { color: rgb(49, 52, 59); }
.navigator-upload-view-button__fileitem-card-block .navigator-upload-view-button__error, .navigator-upload-view-drag__fileitem-card-block .navigator-upload-view-button__error { font-size: 12px; color: rgb(227, 73, 73); height: 18px; line-height: 18px; margin: 4px 0px 0px; }
.navigator-upload-view-button--inline .navigator-upload-view-button__filelist, .navigator-upload-view-drag--inline .navigator-upload-view-button__filelist { display: flex; flex-wrap: wrap; margin-left: -8px; }
.navigator-upload-view-button--inline .navigator-upload-view-button__filelist .navigator-upload-view-button__fileitem-card-block, .navigator-upload-view-drag--inline .navigator-upload-view-button__filelist .navigator-upload-view-button__fileitem-card-block { width: 200px; margin-left: 8px; }
.navigator-upload-view-avatar { width: 120px; height: 120px; border: 1px dashed rgb(222, 224, 227); border-radius: 4px; }
.navigator-upload-view-drag__dropzone { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 400px; height: 160px; border: 1px dashed rgb(222, 224, 227); border-radius: 4px; cursor: pointer; }
.navigator-upload-view-drag__dropzone:hover { border-color: rgb(222, 224, 227); }
.navigator-upload-view-drag__dropzone * { pointer-events: none; }
.navigator-upload-view-drag__dropzone--active { background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); cursor: grab; }
.navigator-upload-view-drag__upload-icon { color: rgb(49, 52, 59); }
.navigator-upload-view-drag__textwrap { font-size: 14px; color: rgb(49, 52, 59); margin-top: 8px; }
.navigator-upload-view-drag__textwrap button { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 87, 255); padding: 0px; cursor: pointer; }
.navigator-upload-view-drag__filelist { width: 400px; }
.navigator-upload-view-drag--error .navigator-upload-view-drag__dropzone { border-color: rgb(227, 73, 73); background-color: rgb(255, 255, 255); }
.navigator-upload-view-drag--disabled .navigator-upload-view-drag__dropzone, .navigator-upload-view-drag--disabled .navigator-upload-view-drag__dropzone:hover { cursor: not-allowed; border-color: rgb(222, 224, 227); background-color: rgb(245, 247, 250); }
.navigator-upload-view-drag--disabled .navigator-upload-view-drag__textwrap, .navigator-upload-view-drag--disabled .navigator-upload-view-drag__upload-icon { color: rgb(185, 188, 195); }
.navigator-upload-view-drag--disabled .navigator-upload-view-drag__textwrap button, .navigator-upload-view-drag--disabled .navigator-upload-view-drag__upload-icon button { color: rgb(186, 218, 255); }.tippy-box[data-animation="fade"][data-state="hidden"] { opacity: 0; }
[data-tippy-root] { max-width: calc(-10px + 100vw); }
.tippy-box { position: relative; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); border-radius: 4px; font-size: 14px; line-height: 1.4; white-space: normal; outline: 0px; transition-property: transform, visibility, opacity; }
.tippy-box[data-placement^="top"] > .tippy-arrow { bottom: 0px; }
.tippy-box[data-placement^="top"] > .tippy-arrow::before { bottom: -7px; left: 0px; border-width: 8px 8px 0px; border-top-color: initial; transform-origin: center top; }
.tippy-box[data-placement^="bottom"] > .tippy-arrow { top: 0px; }
.tippy-box[data-placement^="bottom"] > .tippy-arrow::before { top: -7px; left: 0px; border-width: 0px 8px 8px; border-bottom-color: initial; transform-origin: center bottom; }
.tippy-box[data-placement^="left"] > .tippy-arrow { right: 0px; }
.tippy-box[data-placement^="left"] > .tippy-arrow::before { border-width: 8px 0px 8px 8px; border-left-color: initial; right: -7px; transform-origin: left center; }
.tippy-box[data-placement^="right"] > .tippy-arrow { left: 0px; }
.tippy-box[data-placement^="right"] > .tippy-arrow::before { left: -7px; border-width: 8px 8px 8px 0px; border-right-color: initial; transform-origin: right center; }
.tippy-box[data-inertia][data-state="visible"] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }
.tippy-arrow { width: 16px; height: 16px; color: rgb(51, 51, 51); }
.tippy-arrow::before { content: ""; position: absolute; border-color: transparent; border-style: solid; }
.tippy-content { position: relative; padding: 5px 9px; z-index: 1; }
.tippy-box[data-theme~="firefly-bubble"] { background-color: rgb(53, 101, 242); color: rgb(255, 255, 255); filter: drop-shadow(rgba(53, 101, 242, 0.24) 0px 4px 12px); border-radius: 8px; }
.tippy-box[data-theme~="firefly-bubble"] > .tippy-content { padding: 16px; word-break: break-all; }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="top"] > .tippy-arrow::before { border-top-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="left"] > .tippy-arrow::before { border-left-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-bubble"][data-placement^="right"] > .tippy-arrow::before { border-right-color: rgb(53, 101, 242); }
.tippy-box[data-theme~="firefly-base"] { background-color: transparent; }
.tippy-box[data-theme~="firefly-base"] > .tippy-content { padding: 0px; font-size: 0px; }
.tippy-box[data-placement^="top"] > .tippy-svg-arrow { bottom: 0px; }
.tippy-box[data-placement^="top"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg { top: 16px; transform: rotate(180deg); }
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow { top: 0px; }
.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg { bottom: 16px; }
.tippy-box[data-placement^="left"] > .tippy-svg-arrow { right: 0px; }
.tippy-box[data-placement^="left"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg { transform: rotate(90deg); top: calc(50% - 3px); left: 11px; }
.tippy-box[data-placement^="right"] > .tippy-svg-arrow { left: 0px; }
.tippy-box[data-placement^="right"] > .tippy-svg-arrow::after, .tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg { transform: rotate(-90deg); top: calc(50% - 3px); right: 11px; }
.tippy-svg-arrow { width: 16px; height: 16px; fill: rgb(51, 51, 51); text-align: initial; }
.tippy-svg-arrow, .tippy-svg-arrow > svg { position: absolute; }
.red-dot[data-v-14c29c34] { display: inline-block; width: 6px; height: 6px; background-color: rgb(227, 73, 73); border-radius: 50%; }
.red-dot-border[data-v-14c29c34] { border: 1px solid rgb(255, 255, 255); }
.multi-step-content[data-v-81c4d02a] { background-color: rgb(53, 101, 242); color: rgb(255, 255, 255); padding: 16px 16px 0px; position: relative; }
.title[data-v-81c4d02a] { font-size: 14px; font-weight: 600; margin-bottom: 8px; padding-right: 16px; }
.desc[data-v-81c4d02a] { font-size: 12px; line-height: 18px; margin-bottom: 8px; }
.img-container[data-v-81c4d02a] {
  margin-bottom: 8px;
  & img[data-v-81c4d02a] { width: 100%; border-radius: 4px; }
}
.action-dot[data-v-81c4d02a] { position: absolute; bottom: -24px; left: 16px; display: flex; flex-direction: row; align-items: center; }
.step-dot[data-v-81c4d02a] {
  width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.4);
  &[data-v-81c4d02a]:not(:last-child) { margin-right: 4px; }
}
.step-dot.active[data-v-81c4d02a] { background: rgb(255, 255, 255); }
.firefly-close-button[data-v-81c4d02a] { cursor: pointer; height: 20px; display: flex; align-items: center; margin-left: 16px; position: absolute; top: 14px; right: 16px; }
.shepherd-button { background: rgb(50, 136, 230); border: 0px; border-radius: 3px; color: rgba(255, 255, 255, 0.75); cursor: pointer; margin-right: 0.5rem; padding: 0.5rem 1.5rem; transition: 0.5s; }
.shepherd-button:not(:disabled):hover { background: rgb(25, 111, 204); color: rgba(255, 255, 255, 0.75); }
.shepherd-button.shepherd-button-secondary { background: rgb(241, 242, 243); color: rgba(0, 0, 0, 0.75); }
.shepherd-button.shepherd-button-secondary:not(:disabled):hover { background: rgb(214, 217, 219); color: rgba(0, 0, 0, 0.75); }
.shepherd-button:disabled { cursor: not-allowed; }
.shepherd-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: flex; justify-content: flex-end; padding: 0px 0.75rem 0.75rem; }
.shepherd-footer .shepherd-button:last-child { margin-right: 0px; }
.shepherd-cancel-icon { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgba(128, 128, 128, 0.75); cursor: pointer; font-size: 2em; font-weight: 400; margin: 0px; padding: 0px; transition: color 0.5s; }
.shepherd-cancel-icon:hover { color: rgba(0, 0, 0, 0.75); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: rgba(128, 128, 128, 0.75); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: rgba(0, 0, 0, 0.75); }
.shepherd-title { color: rgba(0, 0, 0, 0.75); display: flex; flex: 1 0 auto; font-size: 1rem; font-weight: 400; margin: 0px; padding: 0px; }
.shepherd-header { align-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; display: flex; justify-content: flex-end; line-height: 2em; padding: 0.75rem 0.75rem 0px; }
.shepherd-has-title .shepherd-content .shepherd-header { background: rgb(230, 230, 230); padding: 1em; }
.shepherd-text { color: rgba(0, 0, 0, 0.75); font-size: 1rem; line-height: 1.3em; padding: 0.75em; }
.shepherd-text p { margin-top: 0px; }
.shepherd-text p:last-child { margin-bottom: 0px; }
.shepherd-content { border-radius: 5px; outline: none; padding: 0px; }
.shepherd-element { background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; max-width: 400px; opacity: 0; outline: none; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; width: 100%; z-index: 9999; }
.shepherd-enabled.shepherd-element { opacity: 1; visibility: visible; }
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) { opacity: 0; pointer-events: none; visibility: hidden; }
.shepherd-element, .shepherd-element *, .shepherd-element ::after, .shepherd-element ::before { box-sizing: border-box; }
.shepherd-arrow, .shepherd-arrow::before { height: 16px; position: absolute; width: 16px; z-index: -1; }
.shepherd-arrow::before { background: rgb(255, 255, 255); content: ""; transform: rotate(45deg); }
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow { bottom: -8px; }
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { top: -8px; }
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow { right: -8px; }
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow { left: -8px; }
.shepherd-element.shepherd-centered > .shepherd-arrow { opacity: 0; }
.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before { background-color: rgb(230, 230, 230); }
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * { pointer-events: none; }
.shepherd-modal-overlay-container { height: 0px; left: 0px; opacity: 0; overflow: hidden; pointer-events: none; position: fixed; top: 0px; transition: 0.3s ease-out, height 0.3s, opacity 0.3s; width: 100vw; z-index: 9997; }
.shepherd-modal-overlay-container.shepherd-modal-is-visible { height: 100vh; opacity: 0.5; transform: translateZ(0px); transition: 0.3s ease-out, height, opacity 0.3s; }
.shepherd-modal-overlay-container.shepherd-modal-is-visible path { pointer-events: all; }
.shepherd-element.shepherd-firefly-custom { background-color: rgb(53, 101, 242); border-radius: 8px; width: auto; }
.shepherd-element.shepherd-firefly-custom .shepherd-footer { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0px 16px 12px 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-header { height: 0px; padding: 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-text { padding: 0px; }
.shepherd-element.shepherd-firefly-custom .shepherd-arrow { width: 10px; height: 10px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="top"] .shepherd-arrow { bottom: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="left"] .shepherd-arrow { right: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="right"] .shepherd-arrow { left: -4px; }
.shepherd-element.shepherd-firefly-custom.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow { top: -4px; }
.shepherd-element.shepherd-firefly-custom .shepherd-arrow::before { width: 10px; height: 10px; border-radius: 2px; background-color: rgb(53, 101, 242); }
.shepherd-element.shepherd-firefly-custom .shepherd-content { border-radius: 8px; overflow: hidden; }
.shepherd-button.firefly-modal-multi-step-skip { color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(53, 101, 242); border: 0px; cursor: pointer; width: 28px; padding: 0px; transition: none; }
.shepherd-button.firefly-modal-multi-step-skip:hover { color: rgb(255, 255, 255); background-color: rgb(53, 101, 242); }
.shepherd-button.firefly-modal-multi-step-next { display: flex; height: 24px; padding: 0px 16px; justify-content: center; align-items: center; border-radius: 4px; background: rgb(255, 255, 255); border: 0px; color: rgb(42, 85, 229); cursor: pointer; font-size: 12px; margin-left: 8px; transition: none; }
.shepherd-button.firefly-modal-multi-step-next:hover { background: rgb(255, 255, 255); color: rgb(42, 85, 229); }
.shepherd-target.shepherd-firefly-highlight.firefly-relative { position: relative; }
.shepherd-target.shepherd-firefly-highlight::before { content: ""; display: block; position: absolute; top: -6px; left: -6px; width: calc(100% + 12px); height: calc(100% + 12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8px; z-index: 9999; }.new-customer-unfold{height:185px;max-height:185px;border-radius:16px;position:relative;overflow:hidden;border:2px solid #CCE5FF;margin-bottom:12px}.new-customer-unfold-incentive{border:2px solid #F5214C}.new-customer-title{width:100%;height:100px;background-image:url("assets/advertiser/a412c5d379aba261ea73.png");background-size:100% 100px;background-repeat:no-repeat}.new-customer-title-incentive{background-image:url("assets/advertiser/d399dae520d6647ffa12.png");background-size:100% 100px;background-repeat:no-repeat}.new-customer-title-case{background:rgba(255,255,255,.8);padding:6px 12px;align-items:center}.new-customer-title-case-title{text-shadow:0px 1.241px 2.483px rgba(50,51,53,.2);font-weight:400;-webkit-text-stroke-width:1;-webkit-text-stroke:1px #FFF;-webkit-text-stroke-color:#FFF}.new-customer-centent{width:100%;height:126px;background:rgba(255,255,255,.88);border:2px solid #CCE5FF;backdrop-filter:blur(24px);position:relative;border-radius:14px;top:-44px}.new-customer-title-case-container{height:20px;width:402px;overflow:hidden;position:relative}.new-customer-title-case-content{position:absolute;top:0;animation:slide 8s linear infinite}.new-customer-title-case-content-item{width:100%;height:20px;display:flex;font-size:24px}@keyframes slide{0%{transform:translateY(0)}30%{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-20px)}90%{transform:translateY(-40px)}to{transform:translateY(-40px)}}.new-customer-content-incentive{border:2px solid #F5214C}.white-color{color:#fff}.item-button{height:48px;display:flex;align-items:center;border:1px solid #F2F4F7;justify-content:center;flex:1;border-radius:8px;color:var(--text-gray-4, #62656C);cursor:pointer;background:#F2F4F7}.item-button:hover{border-color:#194ce5;color:#194ce5;background:#FFF}.item-button-disabled{cursor:not-allowed;background:#F5F7FA}.item-button-disabled:hover{background:#F5F7FA;border:1px solid #F5F7FA}.item-button-start{color:#333;padding-left:16px;justify-content:start}.item-button-center{color:#333;padding:16px 0;justify-content:center}.item-button-active{border-color:#194ce5;color:#194ce5;background:#FFF}.line{height:78px;border:1px solid #f1EcEC;margin:0 24px}.created-button{position:relative;height:48px;border-radius:8px;color:#fff;background:#0057FF;cursor:pointer;font-weight:600}.created-button-incentive{background:#F5214C}.created-modal-wrap-incentive .ovui-modal{background:linear-gradient(0deg,rgba(255,77,92,.1) 0%,rgba(255,77,92,.1) 100%),#FFF!important}.created-modal-wrap-noincentive .ovui-modal{background:linear-gradient(0deg,rgba(42,85,229,.1) 0%,rgba(42,85,229,.1) 100%),#FFF!important}.created-button-after{position:absolute;right:-4px;top:-9px}
.drawer-set-report-pd .oc-drawer-body-wrap .oc-default-slot{padding:0!important}.custom-header{display:none!important}.drawer-material-repair-overflow .oc-default-slot{overflow:hidden!important}.drawer-content[data-v-976d8d02]{position:absolute}.drawer-content .close-icon[data-v-976d8d02]{position:absolute;left:-32px;top:16px}.drawer-header.ovui-drawer__header{padding-top:20px;padding-bottom:19px;font-size:16px;border-bottom:unset}.drawer-content.ovui-drawer__body{overscroll-behavior:contain;background:#f2f5fd;padding:16px}.right[data-v-976d8d02]{transform:rotate(180deg)}
.audit-suggestion-feedback[data-v-65443d52]{display:flex;align-items:center;line-height:18px}.audit-suggestion-feedback-good[data-v-65443d52],.audit-suggestion-feedback-bad[data-v-65443d52]{color:#62656c;font-size:12px;cursor:pointer}.audit-suggestion-feedback-good[data-v-65443d52]:hover,.audit-suggestion-feedback-bad[data-v-65443d52]:hover{color:#0057ff}.audit-suggestion-feedback-bad[data-v-65443d52]{margin-left:16px;margin-top:-2px}.audit-suggestion-feedback-icon[data-v-65443d52]{vertical-align:middle}.audit-suggestion-feedback-thanks[data-v-65443d52]{color:#62656c;font-size:12px}.audit-feelgood-spin[data-v-65443d52]{min-height:200px;display:flex;align-items:center;justify-content:center}.audit-feelgood-body .athena-form{color:#31343b}.audit-feelgood-body .athena-form .athena-question-list,.audit-feelgood-body .form-footer{padding:0}
.oc-okee-image-preview{z-index:3000!important}.replay-image{border-radius:12px;background-color:#f5f7fa;overflow:hidden;cursor:pointer}.replay-image .oc-okee-image{width:100%;height:100%}.replay-image .oc-okee-image .oc-okee-image__img-container{width:100%!important;height:100%;display:flex;justify-content:center;align-items:center}.replay-image .oc-okee-image .oc-okee-image__img-container .ovui-image__img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.replay-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#161823;opacity:.5;display:flex;justify-content:center;align-items:center;pointer-events:none}.replay-image .overlay-text{position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.re-audit-open-wenwen[data-v-5b4e1240]{font-weight:400}.re-audit-btn[data-v-5b4e1240]{padding:0!important;color:#0057ff;cursor:pointer}.re-audit-btn.disabled[data-v-5b4e1240]{color:#badaff;cursor:not-allowed}.re-audit-btn-detail[data-v-5b4e1240]{cursor:pointer}.re-audit-btn-loading[data-v-5b4e1240]{display:flex;align-items:center}.consult-btn[data-v-5b4e1240]{color:#007430}.consult-result-title[data-v-5b4e1240]{color:#31343b;font-size:14px;font-style:normal;font-weight:600;line-height:20px}[data-v-5b4e1240] .oc-title-required{display:none}.consult-result-main-title[data-v-5b4e1240]{font-size:12px}
.detail-info[data-v-6de40347]{padding-top:4px;margin-bottom:16px;color:var(--text-gray-5, #323335);font-size:14px;font-style:normal;font-weight:400;line-height:22px}.tip-info[data-v-6de40347]{margin-top:8px;color:var(--text-gray-3, #969AA0);font-size:12px;font-style:normal;font-weight:400;line-height:18px}.repair-modal-footer[data-v-6de40347]{display:flex;justify-content:flex-end;padding:24px 0}
.tip-bg[data-v-43103622],.tip-bg[data-v-31868f98]{border-radius:12px;background:var(--gradient, linear-gradient(90deg, #E9EEFF 0%, #D1DDFF 100%))}.text-bg[data-v-31868f98]{border-radius:12px;background:#ffffff}.inactive-table-top[data-v-31868f98]{display:flex;justify-content:space-between}.carousel[data-v-31868f98]{width:100%;height:20px;overflow:hidden;position:relative}.carousel-inner[data-v-31868f98]{display:flex;flex-direction:column}.carousel-inner-animation[data-v-31868f98]{animation:scroll-31868f98 8s linear infinite}.carousel-item[data-v-31868f98]{height:20px}@keyframes scroll-31868f98{0%{transform:translateY(0)}30%{transform:translateY(0)}40%{transform:translateY(-20px)}80%{transform:translateY(-20px)}90%{transform:translateY(-40px)}to{transform:translateY(-40px)}}.carousel:hover .carousel-inner-animation[data-v-31868f98]{animation-play-state:paused}.tip-front-icon{width:76px}.suggest-tip-con .oc-msg-list{line-height:24px!important}.suggest-tip-con:last-child{margin-bottom:-4px}.suggest-tip{height:32px}.suggest-tip-popover-item{border-radius:8px;background-color:#fff;margin:4px 0 8px;padding:3px 12px;word-wrap:break-word}.new-badge{border-radius:100%;width:6px;height:6px;display:inline-block;line-height:32px;margin-right:8px}.new-badge-red{background-color:#e34949}.new-badge-gray{background-color:#d5d6d9}.tip-title-text{color:#323335}.tip-container{.oc-msg-list {line-height: 32px!important;}}.common-guide-tips-immediate-bg-red{background:linear-gradient(180deg,#FDF2F2 0%,rgba(253,242,242,.4) 100%)}.common-guide-tips-focus-bg-orange{background:linear-gradient(180deg,#FFF9E0 0%,rgba(255,249,224,.4) 100%)}.common-guide-tips-use-bg-blue{background:linear-gradient(180deg,#EFF5FF 0%,rgba(242,245,253,.4) 47.01%)}.tip-container[data-v-95e48ba8]{height:32px;line-height:32px;overflow:hidden;position:relative;margin-left:12px;border-top-left-radius:8px;border-top-right-radius:8px}.tip-container .swiper-container .suggest-tip[data-v-95e48ba8]{padding:0 12px 0 0;height:32px;margin-left:4px}.tip-container .icon-tip[data-v-95e48ba8]{padding:0 8px;height:32px}.tip-container .icon-tip-first[data-v-95e48ba8]{padding-left:8px;height:32px}.tip-container .suggest-btn[data-v-95e48ba8],.tip-container .suggest-disk[data-v-95e48ba8]{padding:6px 12px;background-color:#f2f4f7;border-top-left-radius:8px}.tip-container .suggest-btn .suggest-dot[data-v-95e48ba8],.tip-container .suggest-disk .suggest-dot[data-v-95e48ba8]{width:6px;height:6px;border-radius:50%;background-color:#f43232}.tip-container .suggest-btn[data-v-95e48ba8]{border-top-right-radius:8px}.tip-container .tip-new-icon[data-v-95e48ba8]{width:20px;height:14px;border-radius:2px 6px;overflow:hidden;position:relative;top:-8px;right:-8px;margin-left:-6px}.tip-container .common-guide-tips-animation[data-v-95e48ba8]{transition:transform 1s ease-in-out}.popover-container[data-v-95e48ba8]{padding:8px;box-sizing:border-box;border-radius:8px}
.row-hover:hover .item-hover{color:#0057ff}
.shop-muli-roigoal-edit-button .ovui-button--md{width:60px!important;min-width:60px!important;padding:4px 8px!important}.upload-state .ovui-upload-view-drag__dropzone{width:432px}.upload-state .demo-upload-drag-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;border:1px dashed #dee0e3;padding:4px;cursor:pointer;width:100%;height:160px;background:#f2f4f7}.upload-state .demo-upload-drag-box:hover{border:1px dashed #0057ff}.upload-state .demo-upload-drag-box-limit{background:#fdf2f2}.upload-state .demo-upload-drag-text-color{color:#0057ff}.batch-upload-district .batch-upload-district-title{color:#31343b;font-weight:600;font-size:14px;line-height:22px}.batch-upload-district .batch-upload-district-title div{display:inline-block;width:4px;height:4px;border-radius:100%;background:#e34949;margin:0 0 2px 2px}.batch-upload-district .batch-upload-district-tip{padding:8px 0 16px}.batch-upload-district .ovui-upload-view-drag__filelist{display:none}.batch-upload-district .upload-result{display:flex;font-size:12px;line-height:20px;padding-bottom:8px}.batch-upload-district .upload-error-message{padding-top:4px;color:#e34949;line-height:20px;font-size:12px}.batch-upload-district .modal-download-module{color:#0057ff}.batch-upload-district .modal-download-module .ovui-button{line-height:16px}.batch-upload-district .modal-download-module:hover{cursor:pointer}.batch-upload-district .demo-upload-success-text{color:#31343b;font-size:14px;line-height:20px;padding:8px 0}.batch-upload-district .ovui-table-cell--center,.batch-upload-district .ovui-table-cell--left{padding:9px}.batch-upload-district .ovui-table__wrapper{overflow-x:hidden}.batch-upload-district-city{padding-left:8px}.district-local{display:flex;flex-direction:row;margin-bottom:24px}.district-local-batch-import:hover{cursor:pointer}.district-local-batch-import{color:#0057ff;font-size:14px;padding-left:8px;height:34px}.district-local-batch-import .ovui-button{line-height:34px}.district-local-right-select{width:200px;margin-left:17px;height:400px;margin-top:17px}.district-local-right-select .ovui-tag--default-fill,.district-local-right-select .ovui-tag--default-fill:hover{color:#31343b;background-color:#f2f4f7}.district-local .bui-select-panel-right{width:198px!important;height:400px!important}.district-local .ovui-list-tag__content{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.district-local .ovui-list__body{height:100%}.district-local .ovui-list__body-scroller{height:363px}.district-local .ovui-list__empty{height:100%}.district-local .byted-select-panel-moduler-container{height:360px!important}.district-local_select-panel{display:flex}.district-local_select-panel_left{width:200px;margin-left:17px;height:400px;margin-top:17px}.district-local .arco-input-inner-wrapper{height:34px!important;background:#f0f0f0!important;border-radius:4px;padding:0 12px;border:1px solid #f0f0f0;color:#31343b}.district-local .arco-input-inner-wrapper .arco-input{padding:6px 0 6px 8px!important}.district-local .arco-input-group-wrapper{margin-bottom:0!important}.district-local .amap-container{margin-top:17px!important}.district-local .arco-btn-primary{background:#338aff;border-radius:4px}.district-local .arco-btn-secondary{background:#f0f0f0;border-radius:4px}.district-local .arco-select-popup{background:#fff!important}.district-local .arco-input-group-prefix{color:#c1c1c1}.district-local .ovui-list{width:198px!important;height:400px!important}.district-local-disabled .arco-input-group-wrapper{position:relative}.district-local-disabled .arco-input-group-wrapper:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;cursor:not-allowed}.district-local-disabled .arco-input-inner-wrapper{background-color:#f5f7fa!important;border-color:transparent!important}.district-local-disabled .arco-input::-moz-placeholder{color:#b9bcc3!important}.district-local-disabled .arco-input::placeholder{color:#b9bcc3!important}.district-local-disabled .district-local-left .radius{position:relative}.district-local-disabled .district-local-left .radius:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;cursor:not-allowed;z-index:500}.district-local-disabled .district-local-left .radius .arco-slider{pointer-events:none}.bar-wrapper[data-v-fb585d1a]{overflow-x:scroll;position:relative;height:64px}.oc-promotion-batch-operation-bar[data-v-fb585d1a]{min-width:auto!important}
.row-container-horizontal[data-v-143962a4]{margin-bottom:8px;font-size:12px;line-height:20px}.row-container-horizontal .title[data-v-143962a4]{color:#31343b;font-size:12px;font-weight:400}.row-container-horizontal .content[data-v-143962a4]{color:#93969d}.row-container-vertical[data-v-143962a4]{display:flex;flex-direction:column;margin-bottom:16px;font-size:12px}.row-container-vertical .title[data-v-143962a4]{color:#93969d;margin-bottom:8px;font-size:12px;font-weight:400}.row-container-vertical .content[data-v-143962a4]{color:#31343b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.estimate-info-popover{max-height:300px;overflow-y:auto}.directionalText .oc-typography-value-int{color:#323335;font-size:14px;line-height:22px;font-style:normal;font-weight:400}.row-container-horizontal[data-v-529d15e4]{margin-bottom:8px;font-size:12px;line-height:20px}.row-container-horizontal .title[data-v-529d15e4]{color:#31343b}.row-container-horizontal .content[data-v-529d15e4]{color:#93969d}.row-container-vertical[data-v-529d15e4]{display:flex;flex-direction:column;margin-bottom:16px;font-size:12px}.row-container-vertical .title[data-v-529d15e4]{color:#93969d;margin-bottom:8px}.row-container-vertical .content[data-v-529d15e4]{color:#31343b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.districtDiff[data-v-529d15e4]{white-space:initial;display:flex;align-items:flex-start;margin-top:8px}.districtDiff .icon[data-v-529d15e4]{margin-top:2px;padding-right:4px}.estimate-items[data-v-0aed87b2]{margin-top:12px;display:flex;flex-flow:wrap;justify-content:space-between;width:100%}.estimate-items>div[data-v-0aed87b2]:last-child{margin-bottom:0}
.external_content[data-v-a25488cc]{position:relative;border-radius:8px;background-image:url("assets/advertiser/4717207f5b14d76bd6ef.png");background-size:contain;width:800px;height:500px}.external_content>.external_detail[data-v-a25488cc]{position:absolute;right:97px;bottom:27px;cursor:pointer;width:340px;height:51px}.msg-i[data-v-3db734a4]{width:8px;height:8px;flex:1;display:inline-block;margin-right:4px;background-color:#323335;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.08);box-sizing:border-box;border:1px solid #ffffff;border-radius:8px;margin-bottom:1px}.clue_msg_content[data-v-366f1acb]{position:relative;border-radius:8px;background-image:url("assets/advertiser/13f75a184d3c9339e72a.png");background-size:contain;width:800px;height:500px}.clue_msg_content>.clue_msg_detail[data-v-366f1acb]{position:absolute;right:97px;bottom:55px;cursor:pointer;width:340px;height:51px}.clue_msg_content>.clue_msg_motivate[data-v-366f1acb]{position:absolute;bottom:26px;right:86px;cursor:pointer;width:64px;height:18px}.text-critical[data-v-2ef94f3c]{color:#e34949}.mute-block[data-v-2ef94f3c]{background-color:#f5f7fa;padding:1em;border-radius:.75em}@supports (corner-shape: squircle){.mute-block[data-v-2ef94f3c]{border-radius:1.5em;corner-shape:squircle}}.effect-range[data-v-2ef94f3c]{display:flex;gap:1.5em}.effect-range>.effect-range-title[data-v-2ef94f3c]{border-radius:.5em;background-color:#e8eaed;padding:.5em;color:#93969d;letter-spacing:.5em;writing-mode:vertical-lr;text-align:center}.effect-range>.effect-range-range[data-v-2ef94f3c]{line-height:2}.effect-range>.effect-range-range>ul[data-v-2ef94f3c]{color:#62656c;padding-left:1.5em}.effect-range>.effect-range-range>ul>li[data-v-2ef94f3c]{list-style:disc}.indent[data-v-ececc21e]{text-indent:28px}.update-contract-modal-footer .ovui-button--primary-fill[data-v-ececc21e]{color:#fff;background-color:#0057ff;border-color:#0057ff}.title[data-v-6339414e]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#31343b;margin-bottom:16px}.title-item[data-v-6339414e]{display:flex;align-items:center}.title-item-content[data-v-6339414e]{margin-left:4px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:22px;color:#31343b}.cont-item[data-v-6339414e]{font-size:14px;line-height:22px}.contract-sign-desc[data-v-c90fc4ac]{margin:0;font-size:14px;line-height:22px;color:#666}.contract-sign-desc-b[data-v-c90fc4ac]{margin:16px 0 0;font-size:14px;line-height:22px;color:#666}.agent-arrow[data-v-086b6e14]{position:absolute;margin:auto;left:0px;right:0px;bottom:0px;top:0px;width:44px;height:33px}.area[data-v-086b6e14]{background-color:#fff;width:788px}.area-phone[data-v-086b6e14]{width:788px;height:448px;display:flex}.modal-body[data-v-e1799c30]{position:relative}.modal-body img[data-v-e1799c30]{cursor:pointer;width:800px;height:auto}.close-icon[data-v-e1799c30]{width:20px;height:20px;position:absolute;cursor:pointer;z-index:1;right:18px;top:18px}.dou-activity-promotion-modal-body[data-v-ca407b0c]{position:relative;border-radius:12px;overflow:hidden}.dou-activity-promotion-modal-body img[data-v-ca407b0c]{width:800px;height:auto}.dou-activity-promotion-modal-footer[data-v-ca407b0c]{position:absolute;left:50%;transform:translate(-50%);bottom:52px;width:468px;height:52px;cursor:pointer}.dou-activity-promotion-close-icon[data-v-ca407b0c]{width:20px;height:20px;position:absolute;cursor:pointer;z-index:1;right:25px;top:25px}.ovui-modal__body.ovui-modal__body_quota_extra{padding:0;border-radius:12px;overflow:hidden}[data-v-375660a7] .quota-close-btn{background-color:#fff}video[data-v-375660a7]{width:100%;height:100%}.modal-article-wrapper[data-v-375660a7]{font-family:PingFang SC;font-style:normal}.modal-article-wrapper .modal-article-title[data-v-375660a7]{font-weight:600;font-size:16px;line-height:24px}.modal-article-wrapper .modal-article-body .modal-article-item[data-v-375660a7]{font-weight:400;font-size:14px;line-height:22px}#new_guide_el .xgplayer-poster{z-index:auto!important}.ad-survey-promotion-modal-body[data-v-8671b4c8]{position:relative;border-radius:12px;overflow:hidden}.ad-survey-promotion-modal-body .click-hot-zone[data-v-8671b4c8]{position:absolute;width:446px;height:54px;bottom:28px;right:33px;z-index:1;cursor:pointer}.ad-survey-promotion-modal-body img[data-v-8671b4c8]{width:800px;height:auto}.ad-survey-promotion-close-icon[data-v-8671b4c8]{position:absolute;cursor:pointer;z-index:1;right:16px;top:16px}.bold[data-v-755d1685]{font-weight:700}.contract-name[data-v-43bb14dc]:hover{cursor:pointer}.link-text[data-v-586fb80b]{color:#0057ff;text-decoration:none}.link-text[data-v-586fb80b]:hover{color:#2e7bff}.title[data-v-e857b1a0]{font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#31343b;margin-bottom:16px}.title-item[data-v-e857b1a0]{display:flex;align-items:center}.title-item-content[data-v-e857b1a0]{margin-left:4px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:22px;color:#31343b}.cont-item[data-v-e857b1a0]{font-size:14px;line-height:22px}.auth-modal-authenticate{display:flex;flex-direction:column;align-items:center;margin-bottom:26px}.auth-modal-authenticate__desc{font-weight:400;font-size:12px;line-height:20px;color:#31343b}.auth-modal-authenticate__grayBtn{margin-top:8px;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:#0057ff;cursor:pointer}.auth-modal-authenticate__changeBindDesc{color:#969aa0;text-align:center;font-size:14px;font-weight:400;line-height:22px}.auth-modal-authenticate__changeBindOpt{margin-top:24px;font-style:normal;font-weight:400;font-size:12px;line-height:20px;color:#e8eaed;cursor:pointer}.auth-modal-authenticate__changeBindOpt .oc-title-required{display:none}.auth-modal-authenticate__changeBindOpt .oc-button-wrap.checked .ovui-button{border-color:#2a55e5!important;color:#2a55e5}.auth-modal-authenticate__changeBindOpt .oc-okee-button--md{padding:12px 16px;border-radius:8px}.auth-modal-authenticate__changeBindOpt .err-msg{color:#e34949;font-size:14px;font-weight:400;line-height:22px}.full-width-btn{width:100%}.full-width-btn.large .ovui-button{padding:12px 16px}.full-width-btn .oc-button-wrap,.full-width-btn .oc-okee-button{width:100%}.full-width-btn .mb-24{margin-bottom:24px}.full-width-btn .mt-8{margin-bottom:8px}.full-width-btn .mt-4{margin-bottom:4px}.full-width-btn .flex{display:flex}.auth-modal-certification{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-modal-certification__desc{width:168px;font-style:normal;font-weight:400;font-size:14px;line-height:22px;text-align:center;color:#62656c}.full-width-btn .oc-button-wrap,.full-width-btn button{width:100%}.mb-24{margin-bottom:24px}.p-0{padding:0!important}.auth-modal-container{width:100%;min-height:342px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:12px}.auth-modal-container__header{width:100%;height:130px;position:absolute;top:0;left:0}.auth-modal-container-box{margin:130px 32px 0;position:relative}.auth-modal-container-box__header{color:#31343b;font-size:16px;font-weight:600;line-height:24px}.auth-modal-container-box__desc{margin-top:4px;color:#93969d;font-size:12px;line-height:20px}.auth-modal-container-box__steps{display:flex;flex-direction:column;align-items:center}.auth-modal-container-box__round{width:26px;height:26px;border-radius:50%;font-size:16px;line-height:22px;display:flex;justify-content:center;align-items:center}.bold[data-v-776a5500]{font-weight:700}.left-pic[data-v-043c094c]{width:280px;height:540px}.right[data-v-043c094c]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:520px}.left-pic[data-v-d0946990]{width:280px;height:500px}.right[data-v-d0946990]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:520px}.btn[data-v-d0946990]{width:100%;cursor:pointer}.new-guide-overlay[data-v-1c5ac361]{position:fixed;inset:0;z-index:2010;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.new-guide-modal[data-v-1c5ac361]{position:relative;width:861px;height:559px;overflow:hidden;border-radius:32px;background:#0a1628}.new-guide-modal__video-bg[data-v-1c5ac361]{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;background-color:#e8f4fc;background-image:url("assets/advertiser/5746a7414db1976e8a52.png");background-position:center;background-size:cover;background-repeat:no-repeat}.new-guide-modal__video-bg .guide-video[data-v-1c5ac361]{position:absolute;inset:0;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .22s ease-out;transform:translateZ(0);backface-visibility:hidden}.new-guide-modal__video-bg .guide-video--active[data-v-1c5ac361]{opacity:1;z-index:2}.new-guide-modal__scrim[data-v-1c5ac361]{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none}.new-guide-modal__intro[data-v-1c5ac361]{position:absolute;top:0;left:0;z-index:6;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#0a1628;pointer-events:auto;opacity:1;transform:translateZ(0);transition:opacity .28s ease-out}.new-guide-modal__intro-video[data-v-1c5ac361]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transform:translateZ(0)}.new-guide-modal__intro--leaving[data-v-1c5ac361]{opacity:0;pointer-events:none}.new-guide-modal__body[data-v-1c5ac361]{position:relative;z-index:2;display:flex;flex-direction:column;min-height:0;height:100%;pointer-events:none}.new-guide-modal__body>*[data-v-1c5ac361]{pointer-events:auto}.new-guide-modal__title[data-v-1c5ac361]{width:328px;height:100px;margin:-11px auto 9px;background:url("assets/advertiser/268be128a0858516f918.png") no-repeat;background-size:100% 100%}.new-guide-modal__subTitle[data-v-1c5ac361]{color:rgba(0,38,100,.6);font-family:PingFang SC,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:28.529px;text-align:center}.new-guide-modal__btn[data-v-1c5ac361]{display:flex;align-items:center;justify-content:center;width:192px;height:48px;border-radius:8px;overflow:hidden;background:linear-gradient(91deg,#0057ff 38.12%,#3564ff 99.23%);position:absolute;right:32px;bottom:32px;z-index:7;cursor:pointer}.new-guide-modal__btn-mask[data-v-1c5ac361]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.new-guide-modal__btn-text[data-v-1c5ac361]{position:relative;z-index:1;color:#fff;font-family:PingFang SC,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:24px}.new-guide-modal__more[data-v-1c5ac361]{position:absolute;right:240px;bottom:43px;z-index:7;cursor:pointer;color:#0057ff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.new-guide-modal__content[data-v-1c5ac361]{margin-left:30px;margin-top:40px;margin-bottom:32px;position:relative;display:flex;align-items:flex-start;flex:1;min-height:0}.new-guide-modal__content .left .tip[data-v-1c5ac361]{position:relative;width:214px;height:63px;background-color:#fff;border-radius:32px 32px 32px 0;padding:20px 16px 20px 18px}.new-guide-modal__content .left .tip img[data-v-1c5ac361]{position:absolute;top:-24px;left:2px;width:46px;height:47px}.new-guide-modal__content .left .tip span[data-v-1c5ac361]{color:#103c84;font-family:Douyin Sans,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.new-guide-modal__content .left .list[data-v-1c5ac361]{position:relative;width:281px;margin-top:21px;border-radius:24px;animation:list-expand-1c5ac361 .35s ease}.new-guide-modal__content .left .list img[data-v-1c5ac361]{position:absolute;top:-22px;left:0;z-index:2;width:242px;height:41px;pointer-events:none}.new-guide-modal__content .left .list__inner[data-v-1c5ac361]{position:relative;z-index:1;height:276px;border-radius:24px;overflow:hidden;background:linear-gradient(119deg,#3d80ff 23.69%,#90dcfb 104.42%);transform:translateZ(0);backface-visibility:hidden}.new-guide-modal__content .left .list-item[data-v-1c5ac361]{width:100%;border:none;color:rgba(255,255,255,.4);padding:20px;height:67.5px;box-sizing:border-box;overflow:hidden;cursor:pointer;position:relative;transition:height .3s cubic-bezier(.4,0,.2,1)}.new-guide-modal__content .left .list-item[data-v-1c5ac361]:not(:last-child):after{content:"";width:245px;height:1px;background:rgba(167,213,253,.2);position:absolute;bottom:0;left:18px}.new-guide-modal__content .left .list-item .arrow[data-v-1c5ac361]{position:absolute;top:23px;right:20px;opacity:0;transform:translate(4px);transition:opacity .24s ease-out,transform .24s ease-out;pointer-events:none}.new-guide-modal__content .left .list-item .arrow--visible[data-v-1c5ac361]{opacity:1;transform:translate(0)}.new-guide-modal__content .left .list-item .list-item__desc[data-v-1c5ac361]{overflow:hidden}.new-guide-modal__content .left .list-item .desc[data-v-1c5ac361]{font-family:PingFang SC,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.45;margin-top:8px;margin-left:27px;padding-right:8px;opacity:0;transition:opacity .2s ease-out}.new-guide-modal__content .left .list-item.active .desc[data-v-1c5ac361]{opacity:1;transition-delay:.06s}.new-guide-modal__content .left .list-item .text[data-v-1c5ac361]{display:flex;align-items:center;font-family:Douyin Sans,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:22px;height:28px}.new-guide-modal__content .left .list-item .text .index[data-v-1c5ac361]{margin-right:4px;width:23px}.new-guide-modal__content .left .list-item.active[data-v-1c5ac361]{color:#fff;height:141px;padding-bottom:24px;background:linear-gradient(107deg,#285bff 6.79%,#2c6dff 48.02%,#70b9fd 89.18%,#78c1fc 122.63%)}@keyframes list-expand-1c5ac361{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.close-icon[data-v-1c5ac361]{position:absolute;right:32px;top:32px;z-index:8;cursor:pointer}
.supplement-information-modal[data-v-682cd171]{font-weight:400;font-size:14px;line-height:22px;color:#31343b}
[data-v-cd653cbe] .promotion_sdk-button-pc{width:44px;height:71px;border-radius:0 0 999px 999px;font-size:12px;line-height:18px;border:0;margin:0;padding:8px 6px;box-shadow:none}[data-v-cd653cbe] .promotion_sdk-button-pc img{width:32px;height:32px}
@font-face { font-family: DIN-Alternate-Bold; src: url("data:,") format("truetype"); }
@font-face { font-family: ClarityMono-SemiBold; src: url("data:,") format("opentype"); }
@font-face { font-family: ProximaNova-Regular; src: url("data:,") format("opentype"); }
@font-face { font-family: ProximaNova-Semibold; src: url("data:,") format("opentype"); }
@font-face { font-family: ProximaNova-Bold; src: url("data:,") format("opentype"); }.platform-kits-msg .oc-typography-color-primary + .oc-typography { margin-left: 4px; }
.platform-kits-msg .oc-typography + .oc-typography-color-primary { margin-left: 4px; }
.platform-kits-msg .oc-typography-color-primary + .oc-typography-color-primary { margin-left: 4px; }
.platform-kits-msg_item-list { line-height: 0; }
.platform-kits-msg_item-list .oc-typography { display: inline; }
.platform-kits-notice__inline-html * { margin: 0px; padding: 0px; }.xgplayer-skin-default { background: rgb(0, 0, 0); width: 100%; height: 100%; position: relative; user-select: none; }
.xgplayer-skin-default * { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; white-space: normal; overflow-wrap: normal; }
.xgplayer-skin-default.xgplayer-rotate-fullscreen { position: absolute; inset: 0px 0px 0px 100%; transform-origin: left top; transform: rotate(90deg); height: 100vw !important; width: 100vh !important; }
.xgplayer-skin-default.xgplayer-is-fullscreen { z-index: 9999; width: 100% !important; height: 100% !important; padding-top: 0px !important; }
.xgplayer-skin-default.xgplayer-is-fullscreen.xgplayer-inactive { cursor: none; }
.xgplayer-skin-default video { width: 100%; height: 100%; outline: none; }
.xgplayer-skin-default .xgplayer-none { display: none; }
@-webkit-keyframes loadingRotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes loadingRotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@-webkit-keyframes loadingDashOffset { 
  0% { stroke-dashoffset: 236; }
  100% { stroke-dashoffset: 0; }
}
@keyframes loadingDashOffset { 
  0% { stroke-dashoffset: 236; }
  100% { stroke-dashoffset: 0; }
}
.xgplayer-skin-default .xgplayer-controls { display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 40px; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)); z-index: 10; }
.xgplayer-skin-default.xgplayer-inactive .xgplayer-controls, .xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-progress, .xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-time, .xgplayer-skin-default.xgplayer-no-controls .xgplayer-controls, .xgplayer-skin-default.xgplayer-nostart .xgplayer-controls { display: none; }
.xgplayer-skin-default.xgplayer-is-live .xgplayer-controls .xgplayer-live { display: block; }
.xgplayer-skin-default .xgplayer-live { display: block; font-size: 12px; color: rgb(255, 255, 255); line-height: 40px; order: 1; }
.xgplayer-skin-default .xgplayer-icon { display: block; width: 40px; height: 40px; overflow: hidden; fill: rgb(255, 255, 255); }
.xgplayer-skin-default .xgplayer-icon svg { position: absolute; }
.xgplayer-skin-default .xgplayer-tips { background: rgba(0, 0, 0, 0.54); border-radius: 1px; display: none; position: absolute; font-family: PingFangSC-Regular; font-size: 11px; color: rgb(255, 255, 255); padding: 2px 4px; text-align: center; top: -30px; left: 50%; margin-left: -16px; width: auto; white-space: nowrap; }
.xgplayer-skin-default.xgplayer-mobile .xgplayer-tips { display: none !important; }
.xgplayer-skin-default .xgplayer-screen-container { display: block; width: 100%; }xg-text-track.xg-text-track { font-family: "PingFang SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; position: absolute; bottom: 0px; color: rgb(255, 255, 255); left: 0px; right: 0px; pointer-events: none; display: flex; -webkit-box-pack: center; justify-content: center; }
xg-text-track.xg-text-track.text-track-no-fitvideo { margin-bottom: 2%; }
xg-text-track.xg-text-track.text-track-hide { opacity: 0; visibility: hidden; }
xg-text-track.xg-text-track.text-track-show { opacity: 1; visibility: visible; }
xg-text-track.xg-text-track xg-text-track-inner { display: block; max-width: 92%; }
xg-text-track.xg-text-track xg-text-track-span { display: -webkit-box; text-align: center; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; padding: 1px 4px; -webkit-line-clamp: 1; line-height: 120%; word-break: break-word; }
xg-text-track.xg-text-track xg-text-track-span.text-track-deputy { font-size: 75%; }
xg-text-track.xg-text-track xg-text-track-span.text-track-single { -webkit-line-clamp: 1; }
xg-text-track.xg-text-track xg-text-track-span.text-track-double { -webkit-line-clamp: 2; }
xg-text-track.xg-text-track xg-text-track-span.text-track-three { -webkit-line-clamp: 3; }
xg-text-track.xg-text-track.text-track-bg xg-text-track-inner { background-color: rgba(0, 0, 0, 0.54); border-radius: 2px; }
xg-text-track.xg-text-track.text-track-stroke xg-text-track-inner { border-radius: 0px; text-shadow: rgba(0, 0, 0, 0.7) -1px 1px 0px, rgba(0, 0, 0, 0.7) 1px 1px 0px, rgba(0, 0, 0, 0.7) 1px -1px 0px, rgba(0, 0, 0, 0.7) -1px -1px 0px; }.xgplayer-skin-default .xgplayer-enter { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); z-index: 120; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner { display: block; left: 50%; top: 50%; height: 100px; width: 100px; position: relative; transform: translate(-50%, -50%); }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div { width: 12%; height: 26%; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 44%; top: 37%; opacity: 0; border-radius: 30px; animation: 1s linear 0s infinite normal none running fade; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 { transform: rotate(0deg) translateY(-142%); animation-delay: 0s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 { transform: rotate(30deg) translateY(-142%); animation-delay: -0.9163s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 { transform: rotate(60deg) translateY(-142%); animation-delay: -0.833s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 { transform: rotate(90deg) translateY(-142%); animation-delay: -0.7497s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 { transform: rotate(120deg) translateY(-142%); animation-delay: -0.6664s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 { transform: rotate(150deg) translateY(-142%); animation-delay: -0.5831s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 { transform: rotate(180deg) translateY(-142%); animation-delay: -0.4998s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 { transform: rotate(210deg) translateY(-142%); animation-delay: -0.4165s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 { transform: rotate(240deg) translateY(-142%); animation-delay: -0.3332s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 { transform: rotate(270deg) translateY(-142%); animation-delay: -0.2499s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 { transform: rotate(300deg) translateY(-142%); animation-delay: -0.1666s; }
.xgplayer-skin-default .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 { transform: rotate(330deg) translateY(-142%); animation-delay: -0.0833s; }
@-webkit-keyframes fade { 
  0% { opacity: 1; }
  100% { opacity: 0.25; }
}
@keyframes fade { 
  0% { opacity: 1; }
  100% { opacity: 0.25; }
}
.xgplayer-skin-default.xgplayer-is-enter .xgplayer-enter { display: block; }.xgplayer-skin-default .xgplayer-play, .xgplayer-skin-default .xgplayer-play-img { width: 40px; position: relative; order: 0; display: block; cursor: pointer; margin-left: 3px; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon, .xgplayer-skin-default .xgplayer-play .xgplayer-icon { margin-top: 3px; width: 32px; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon div, .xgplayer-skin-default .xgplayer-play .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play, .xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-play { display: block; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause, .xgplayer-skin-default .xgplayer-play .xgplayer-icon .xgplayer-icon-pause { display: none; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play, .xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-play { display: block; }
.xgplayer-skin-default .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause, .xgplayer-skin-default .xgplayer-play .xgplayer-tips .xgplayer-tip-pause { display: none; }
.xgplayer-skin-default .xgplayer-play-img:hover, .xgplayer-skin-default .xgplayer-play:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-play-img:hover .xgplayer-tips, .xgplayer-skin-default .xgplayer-play:hover .xgplayer-tips { display: block; }
.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play, .xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-play { display: none; }
.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause, .xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-icon .xgplayer-icon-pause { display: block; }
.xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play, .xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-play { display: none; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-play, .xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-play, .xgplayer-skin-default.xgplayer-playing .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause, .xgplayer-skin-default.xgplayer-playing .xgplayer-play .xgplayer-tips .xgplayer-tip-pause { display: block; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-icon .xgplayer-icon-pause, .xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-icon .xgplayer-icon-pause { display: none; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-play, .xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-play { display: block; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-play-img .xgplayer-tips .xgplayer-tip-pause, .xgplayer-skin-default.xgplayer-pause .xgplayer-play .xgplayer-tips .xgplayer-tip-pause { display: none; }.xgplayer-skin-default .xgplayer-start { border-radius: 50%; display: inline-block; width: 70px; height: 70px; background: rgba(0, 0, 0, 0.38); overflow: hidden; text-align: center; line-height: 70px; vertical-align: middle; position: absolute; left: 50%; top: 50%; z-index: 115; margin: -35px auto auto -35px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-start div { position: absolute; }
.xgplayer-skin-default .xgplayer-start div svg { fill: rgba(255, 255, 255, 0.7); }
.xgplayer-skin-default .xgplayer-start .xgplayer-icon-play { display: block; }
.xgplayer-skin-default .xgplayer-start .xgplayer-icon-pause { display: none; }
.xgplayer-skin-default .xgplayer-start:hover { opacity: 0.85; }
.xgplayer-skin-default.xgplayer-pause.xgplayer-start-hide .xgplayer-start, .xgplayer-skin-default.xgplayer-playing .xgplayer-start, .xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-play, .xgplayer-skin-default.xgplayer-start-hide .xgplayer-start { display: none; }
.xgplayer-skin-default.xgplayer-playing .xgplayer-start .xgplayer-icon-pause { display: block; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-start { display: inline-block; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-play { display: block; }
.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start, .xgplayer-skin-default.xgplayer-pause .xgplayer-start .xgplayer-icon-pause { display: none; }
.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start .xgplayer-icon-play { display: block; }
.xgplayer-skin-default.xgplayer-is-replay .xgplayer-start .xgplayer-icon-pause { display: none; }.xgplayer-skin-default .xgplayer-poster { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background-size: cover; background-position: 50% center; }
.xgplayer-skin-default.xgplayer-nostart .xgplayer-poster { display: block; }.xgplayer-skin-default .xgplayer-placeholder { flex: 1 1 0%; order: 3; display: block; }.xgplayer-skin-default .xgplayer-fullscreen, .xgplayer-skin-default .xgplayer-fullscreen-img { position: relative; order: 13; display: block; cursor: pointer; margin-left: 5px; margin-right: 3px; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon { margin-top: 3px; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon div, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull { display: block; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull { display: none; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips { position: absolute; right: 0px; left: auto; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull { display: block; }
.xgplayer-skin-default .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull { display: none; }
.xgplayer-skin-default .xgplayer-fullscreen-img:hover, .xgplayer-skin-default .xgplayer-fullscreen:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-fullscreen-img:hover .xgplayer-tips, .xgplayer-skin-default .xgplayer-fullscreen:hover .xgplayer-tips { display: block; }
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-requestfull { display: none; }
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-icon .xgplayer-icon-exitfull { display: block; }
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-requestfull { display: none; }
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen-img .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default.xgplayer-rotate-fullscreen .xgplayer-fullscreen .xgplayer-tips .xgplayer-tip-exitfull { display: block; }.xgplayer-skin-default .xgplayer-cssfullscreen, .xgplayer-skin-default .xgplayer-cssfullscreen-img { position: relative; order: 12; display: block; cursor: pointer; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon { width: 32px; margin-top: 5px; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon div, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull { display: block; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull { display: none; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips { margin-left: -40px; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull { display: block; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull { display: none; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img:hover, .xgplayer-skin-default .xgplayer-cssfullscreen:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-cssfullscreen-img:hover .xgplayer-tips, .xgplayer-skin-default .xgplayer-cssfullscreen:hover .xgplayer-tips { display: block; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-requestfull, .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-requestfull { display: none; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-icon .xgplayer-icon-exitfull, .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-icon .xgplayer-icon-exitfull { display: block; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips, .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips { margin-left: -47px; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-requestfull, .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-requestfull { display: none; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips .xgplayer-tip-exitfull, .xgplayer-skin-default.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips .xgplayer-tip-exitfull { display: block; }
.xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen, .xgplayer-skin-default.xgplayer-is-fullscreen .xgplayer-cssfullscreen-img { display: none; }
.xgplayer-skin-default.xgplayer-is-cssfullscreen { position: fixed !important; left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; z-index: 99999 !important; }
.xgplayer-lang-is-en .xgplayer-cssfullscreen-img .xgplayer-tips, .xgplayer-lang-is-en .xgplayer-cssfullscreen .xgplayer-tips, .xgplayer-lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips, .xgplayer-lang-is-en.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips { margin-left: -46px; }
.lang-is-jp .xgplayer-cssfullscreen-img .xgplayer-tips, .lang-is-jp .xgplayer-cssfullscreen .xgplayer-tips { margin-left: -120px; }
.lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen-img .xgplayer-tips, .lang-is-jp.xgplayer-is-cssfullscreen .xgplayer-cssfullscreen .xgplayer-tips { margin-left: -60px; }.xgplayer-skin-default .xgplayer-volume { outline: none; order: 4; width: 40px; height: 40px; display: block; position: relative; z-index: 18; }
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon { margin-top: 8px; cursor: pointer; position: absolute; bottom: -9px; }
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-large { display: block; }
.xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted, .xgplayer-skin-default .xgplayer-volume .xgplayer-icon .xgplayer-icon-small { display: none; }
.xgplayer-skin-default .xgplayer-slider { display: none; position: absolute; width: 28px; height: 92px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; bottom: 42px; outline: none; }
.xgplayer-skin-default .xgplayer-slider::after { content: " "; display: block; height: 15px; width: 28px; position: absolute; bottom: -15px; left: 0px; z-index: 20; }
.xgplayer-skin-default .xgplayer-bar, .xgplayer-skin-default .xgplayer-drag { display: block; position: absolute; bottom: 6px; left: 12px; background: rgba(255, 255, 255, 0.3); border-radius: 100px; width: 4px; height: 76px; outline: none; cursor: pointer; }
.xgplayer-skin-default .xgplayer-drag { bottom: 0px; left: 0px; background: rgb(250, 31, 65); max-height: 76px; }
.xgplayer-skin-default .xgplayer-drag::after { content: " "; display: inline-block; width: 8px; height: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px 0px; position: absolute; border-radius: 50%; left: -2px; top: -6px; }
.xgplayer-skin-default.xgplayer-volume-active .xgplayer-slider, .xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-large { display: block; }
.xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted, .xgplayer-skin-default.xgplayer-volume-large .xgplayer-volume .xgplayer-icon .xgplayer-icon-small, .xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-large { display: none; }
.xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-small { display: block; }
.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-large, .xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-small, .xgplayer-skin-default.xgplayer-volume-small .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted { display: none; }
.xgplayer-skin-default.xgplayer-volume-muted .xgplayer-volume .xgplayer-icon .xgplayer-icon-muted { display: block; }
.xgplayer-skin-default.xgplayer-mobile .xgplayer-volume .xgplayer-slider { display: none; }.xgplayer-skin-default .xgplayer-definition { order: 5; width: 60px; height: 150px; z-index: 18; position: relative; outline: none; display: none; cursor: default; margin-left: 10px; margin-top: -119px; }
.xgplayer-skin-default .xgplayer-definition ul { display: none; list-style: none; width: 78px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; position: absolute; bottom: 30px; left: 0px; text-align: center; white-space: nowrap; margin-left: -10px; z-index: 26; cursor: pointer; }
.xgplayer-skin-default .xgplayer-definition ul li { opacity: 0.7; font-family: PingFangSC-Regular; font-size: 11px; color: rgba(255, 255, 255, 0.8); padding: 6px 13px; }
.xgplayer-skin-default .xgplayer-definition ul li.selected, .xgplayer-skin-default .xgplayer-definition ul li:hover { color: rgb(255, 255, 255); opacity: 1; }
.xgplayer-skin-default .xgplayer-definition .name { text-align: center; font-family: PingFangSC-Regular; font-size: 13px; cursor: pointer; color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0px; width: 60px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.xgplayer-skin-default.xgplayer-definition-active .xgplayer-definition ul, .xgplayer-skin-default.xgplayer-is-definition .xgplayer-definition { display: block; }.xgplayer-skin-default .xgplayer-loading { display: none; width: 100px; height: 100px; overflow: hidden; transform: scale(0.7); position: absolute; left: 50%; top: 50%; margin: -50px auto auto -50px; }
.xgplayer-skin-default .xgplayer-loading svg { border-radius: 50%; transform-origin: center center; animation: 1s linear 0s infinite normal none running loadingRotate; }
.xgplayer-skin-default .xgplayer-loading svg path { stroke: rgb(221, 221, 221); stroke-dasharray: 236; animation: 2s linear 0s infinite alternate-reverse none running loadingDashOffset; fill: none; stroke-width: 12px; }
.xgplayer-skin-default.xgplayer-nostart .xgplayer-loading { display: none; }
.xgplayer-skin-default.xgplayer-pause .xgplayer-loading { display: none !important; }
.xgplayer-skin-default.xgplayer-isloading .xgplayer-loading { display: block; }.xgplayer-skin-default .xgplayer-progress { display: block; position: absolute; height: 20px; line-height: 20px; left: 12px; right: 12px; outline: none; top: -15px; z-index: 35; }
.xgplayer-skin-default .xgplayer-progress-outer { background: rgba(255, 255, 255, 0.3); display: block; height: 3px; line-height: 3px; margin-top: 8.5px; width: 100%; position: relative; cursor: pointer; }
.xgplayer-skin-default .xgplayer-progress-cache, .xgplayer-skin-default .xgplayer-progress-played { display: block; height: 100%; line-height: 1; position: absolute; left: 0px; top: 0px; }
.xgplayer-skin-default .xgplayer-progress-cache { width: 0px; background: rgba(255, 255, 255, 0.5); }
.xgplayer-skin-default .xgplayer-progress-played { display: block; width: 0px; background-image: linear-gradient(-90deg, rgb(250, 31, 65), rgb(227, 17, 6)); border-radius: 0px 1.5px 1.5px 0px; }
.xgplayer-skin-default .xgplayer-progress-btn { display: none; position: absolute; top: -5px; width: 13px; height: 13px; border-radius: 30px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 2px 0px; left: 100%; transform: translate(-50%); z-index: 36; }
.xgplayer-skin-default .xgplayer-progress-point { position: absolute; }
.xgplayer-skin-default .xgplayer-progress-point.xgplayer-tips { margin-left: 0px; top: -25px; display: none; z-index: 100; }
.xgplayer-skin-default .xgplayer-progress-dot { display: inline-block; position: absolute; height: 3px; width: 5px; top: 0px; background: rgb(255, 255, 255); border-radius: 6px; z-index: 16; }
.xgplayer-skin-default .xgplayer-progress-dot .xgplayer-progress-tip { position: absolute; bottom: 200%; right: 50%; transform: translateX(50%); height: auto; line-height: 30px; width: auto; background: rgba(0, 0, 0, 0.3); border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.8); cursor: default; white-space: nowrap; display: none; }
.xgplayer-skin-default .xgplayer-progress-dot-show .xgplayer-progress-tip { display: block; }
.xgplayer-skin-default .xgplayer-progress-thumbnail { position: absolute; box-sizing: border-box; }
.xgplayer-skin-default .xgplayer-progress-thumbnail.xgplayer-tips { margin-left: 0px; display: none; z-index: 99; }
.xgplayer-skin-default .xgplayer-coverpreview { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
.xgplayer-skin-default .xgplayer-coverpreview .xgplayer-coverpreview-outer { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.xgplayer-skin-default .xgplayer-coverpreview .xgplayer-coverpreview-outer .xgplayer-coverpreview-thumbnail { display: block; }
.xgplayer-skin-default .xgplayer-coverpreview .xgplayer-coverpreview-outer .xgplayer-coverpreview-point { display: block; text-align: center; font-family: PingFangSC-Regular; font-size: 11px; color: rgb(204, 204, 204); padding: 2px 4px; }
.xgplayer-skin-default .xgplayer-coverpreview .xgplayer-coverpreview-outer .xgplayer-coverpreview-point span { color: rgb(255, 255, 255); }
.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-outer, .xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-outer { height: 6px; margin-top: 7px; }
.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-dot, .xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-dot { height: 6px; }
.xgplayer-skin-default .xgplayer-progress:focus .xgplayer-progress-btn, .xgplayer-skin-default .xgplayer-progress:hover .xgplayer-progress-btn { display: block; top: -3px; }
.xgplayer-skin-default.xgplayer-definition-active .xgplayer-progress, .xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-progress, .xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-progress, .xgplayer-skin-default.xgplayer-volume-active .xgplayer-progress { z-index: 15; }
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress-btn { display: block !important; }
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-outer, .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-outer { height: 3px !important; margin-top: 8.5px !important; }
.xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:focus .xgplayer-progress-btn, .xgplayer-skin-default.xgplayer-mobile .xgplayer-progress:hover .xgplayer-progress-btn { display: block !important; top: -5px !important; }.xgplayer-skin-default .xgplayer-time { order: 2; font-family: ArialMT; font-size: 13px; color: rgb(255, 255, 255); line-height: 40px; height: 40px; text-align: center; display: inline-block; margin: auto 8px; }
.xgplayer-skin-default .xgplayer-time span { color: rgba(255, 255, 255, 0.5); }
.xgplayer-skin-default .xgplayer-time .xgplayer-time-current { color: rgb(255, 255, 255); }
.xgplayer-skin-default .xgplayer-time .xgplayer-time-current::after { content: "/"; display: inline-block; padding: 0px 3px; }.xgplayer-skin-default .xgplayer-replay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 105; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.54); flex-direction: column; }
.xgplayer-skin-default .xgplayer-replay svg { background: rgba(0, 0, 0, 0.58); border-radius: 100%; cursor: pointer; }
.xgplayer-skin-default .xgplayer-replay svg path { transform: translate(20px, 21px); fill: rgb(221, 221, 221); }
.xgplayer-skin-default .xgplayer-replay svg:hover { background: rgba(0, 0, 0, 0.38); }
.xgplayer-skin-default .xgplayer-replay svg:hover path { fill: rgb(255, 255, 255); }
.xgplayer-skin-default .xgplayer-replay .xgplayer-replay-txt { display: inline-block; font-family: PingFangSC-Regular; font-size: 14px; color: rgb(255, 255, 255); line-height: 34px; }
.xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-controls { display: none; }
.xgplayer-skin-default.xgplayer.xgplayer-ended .xgplayer-replay { display: flex; }.xgplayer-skin-default .xgplayer-playbackrate { order: 8; width: 60px; height: 150px; z-index: 18; position: relative; display: inline-block; cursor: default; margin-top: -119px; }
.xgplayer-skin-default .xgplayer-playbackrate ul { display: none; list-style: none; width: 78px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: left; white-space: nowrap; z-index: 26; cursor: pointer; }
.xgplayer-skin-default .xgplayer-playbackrate ul li { opacity: 0.7; font-family: PingFangSC-Regular; font-size: 11px; color: rgba(255, 255, 255, 0.8); position: relative; padding: 4px 0px; text-align: center; }
.xgplayer-skin-default .xgplayer-playbackrate ul li.selected, .xgplayer-skin-default .xgplayer-playbackrate ul li:hover { color: rgb(255, 255, 255); opacity: 1; }
.xgplayer-skin-default .xgplayer-playbackrate ul li:first-child { position: relative; margin-top: 12px; }
.xgplayer-skin-default .xgplayer-playbackrate ul li:last-child { position: relative; margin-bottom: 12px; }
.xgplayer-skin-default .xgplayer-playbackrate .name { width: 60px; height: 20px; position: absolute; bottom: 0px; text-align: center; font-family: PingFangSC-Regular; font-size: 13px; background: rgba(0, 0, 0, 0.38); color: rgba(255, 255, 255, 0.8); border-radius: 10px; line-height: 20px; }
.xgplayer-skin-default .xgplayer-playbackrate span { position: relative; top: 19px; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px; }
.xgplayer-skin-default .xgplayer-playbackrate:hover { opacity: 1; }
.xgplayer-skin-default.xgplayer-playbackrate-active .xgplayer-playbackrate ul { display: block; }.xgplayer-skin-default .xgplayer-download { position: relative; order: 9; display: block; cursor: pointer; }
.xgplayer-skin-default .xgplayer-download .xgplayer-icon { margin-top: 3px; }
.xgplayer-skin-default .xgplayer-download .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-download .xgplayer-icon svg { position: relative; top: 5px; left: 5px; }
.xgplayer-skin-default .xgplayer-download .xgplayer-tips { margin-left: -20px; }
.xgplayer-skin-default .xgplayer-download .xgplayer-tips .xgplayer-tip-download { display: block; }
.xgplayer-skin-default .xgplayer-download:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-download:hover .xgplayer-tips { display: block; }
.xgplayer-lang-is-en .xgplayer-download .xgplayer-tips { margin-left: -32px; }
.xgplayer-lang-is-jp .xgplayer-download .xgplayer-tips { margin-left: -40px; }.danmu { overflow: hidden; user-select: none; }
.danmu > * { position: absolute; white-space: nowrap; }
.danmu-switch { width: 32px; height: 20px; border-radius: 100px; background-color: rgb(204, 204, 204); box-sizing: border-box; outline: none; cursor: pointer; position: relative; text-align: center; margin: 10px auto; }
.danmu-switch.danmu-switch-active { padding-left: 12px; background-color: rgb(248, 89, 89); }
.danmu-switch span.txt { width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; border-radius: 100px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.04) -2px 0px 0px 0px; font-family: PingFangSC; font-size: 10px; font-weight: 500; color: rgb(244, 67, 54); }.xgplayer-skin-default .danmu-switch { order: 6; z-index: 26; }
.xgplayer-skin-default .xgplayer-danmu { display: none; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; overflow: hidden; z-index: 9; outline: none; pointer-events: none; }
.xgplayer-skin-default .xgplayer-danmu > * { position: absolute; white-space: nowrap; z-index: 9; pointer-events: auto; }
.xgplayer-skin-default .xgplayer-danmu.xgplayer-has-danmu { display: block; }
.xgplayer-skin-default .xgplayer-panel { outline: none; order: 7; width: 40px; height: 40px; display: inline-block; position: relative; font-family: PingFangSC-Regular; font-size: 13px; color: rgba(255, 255, 255, 0.8); z-index: 36; }
.xgplayer-skin-default .xgplayer-panel .xgplayer-panel-icon { cursor: pointer; position: absolute; margin-left: 5px; top: 10px; }
.xgplayer-skin-default .xgplayer-panel-active { display: block !important; bottom: 30px; }
.xgplayer-skin-default .xgplayer-panel-slider { z-index: 36; display: none; position: absolute; width: 230px; height: 230px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; padding: 10px 20px; outline: none; left: -115px; bottom: 40px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode { padding-bottom: 10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-radio li { display: inline; list-style: none; cursor: pointer; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode ul { display: flex; justify-content: space-around; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode li { margin: 0px 12px; font-size: 11px; color: rgb(170, 170, 170); }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-hidemode-font { margin-bottom: 10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency { display: block; margin-top: 10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-line { appearance: none; cursor: pointer; outline: none; width: 150px; height: 4px; background: rgb(170, 170, 170); border-radius: 4px; border-style: none; margin-left: 10px; margin-top: -2px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-color::-webkit-slider-runnable-track { outline: none; width: 150px; height: 4px; border-radius: 4px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-transparency .xgplayer-transparency-bar::-webkit-slider-thumb { outline: none; appearance: none; border: 6px solid rgb(248, 89, 89); height: 6px; width: 6px; margin-top: -4px; border-radius: 6px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea { display: block; margin-top: 8px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-name { display: inline-block; position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control { display: inline-block; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-up { width: 150px; margin-left: 10px; display: flex; justify-content: space-between; color: rgb(170, 170, 170); }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down { position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-control-down-dots { display: flex; width: 150px; margin-left: 10px; justify-content: space-between; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-threequarters, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-twoquarters { margin-left: -6px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea-full { margin-right: 3px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-line { appearance: none; cursor: pointer; outline: none; width: 150px; height: 4px; background: rgb(170, 170, 170); border-radius: 4px; border-style: none; margin-left: 10px; margin-top: -2px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-color::-webkit-slider-runnable-track { outline: none; width: 150px; height: 4px; border-radius: 4px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-bar::-webkit-slider-thumb { outline: none; appearance: none; border: 6px solid rgb(248, 89, 89); height: 6px; width: 6px; margin-top: -4px; border-radius: 6px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-full-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-onequarters-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-threequarters-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-twoquarters-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-showarea .xgplayer-showarea-zero-dot { width: 3px; height: 3px; border: 3px solid rgb(170, 170, 170); border-radius: 50%; background-color: rgb(170, 170, 170); position: relative; top: 16px; z-index: -1; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed { display: block; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-name { display: inline-block; position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control { display: inline-block; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-up { width: 150px; margin-left: 10px; display: flex; justify-content: space-between; color: rgb(170, 170, 170); }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down { position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed-control-down-dots { display: flex; width: 150px; margin-left: 10px; justify-content: space-between; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-line { appearance: none; cursor: pointer; outline: none; width: 150px; height: 4px; background: rgb(170, 170, 170); border-radius: 4px; border-style: none; margin-left: 10px; margin-top: -2px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-color::-webkit-slider-runnable-track { outline: none; width: 150px; height: 4px; border-radius: 4px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-bar::-webkit-slider-thumb { outline: none; appearance: none; border: 6px solid rgb(248, 89, 89); height: 6px; width: 6px; margin-top: -4px; border-radius: 6px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-large-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-middle-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmuspeed .xgplayer-danmuspeed-small-dot { width: 3px; height: 3px; border: 3px solid rgb(170, 170, 170); border-radius: 50%; background-color: rgb(170, 170, 170); position: relative; top: 16px; z-index: -1; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont { display: block; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-name { display: inline-block; position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control { display: inline-block; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-up { width: 150px; margin-left: 10px; display: flex; justify-content: space-between; color: rgb(170, 170, 170); }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down { position: relative; top: -10px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont-control-down-dots { display: flex; width: 150px; margin-left: 10px; justify-content: space-between; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-line { appearance: none; cursor: pointer; outline: none; width: 150px; height: 4px; background: rgb(170, 170, 170); border-radius: 4px; border-style: none; margin-left: 10px; margin-top: -2px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-color::-webkit-slider-runnable-track { outline: none; width: 150px; height: 4px; border-radius: 4px; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-bar::-webkit-slider-thumb { outline: none; appearance: none; border: 6px solid rgb(248, 89, 89); height: 6px; width: 6px; margin-top: -4px; border-radius: 6px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-large-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-middle-dot, .xgplayer-skin-default .xgplayer-panel-slider .xgplayer-danmufont .xgplayer-danmufont-small-dot { width: 3px; height: 3px; border: 3px solid rgb(170, 170, 170); border-radius: 50%; background-color: rgb(170, 170, 170); position: relative; top: 16px; z-index: -1; }.xgplayer-skin-default .xgplayer-pip { order: 9; position: relative; outline: none; display: block; cursor: pointer; height: 20px; top: 10px; }
.xgplayer-skin-default .xgplayer-pip .name { text-align: center; font-family: PingFangSC-Regular; font-size: 13px; line-height: 20px; height: 20px; color: rgba(255, 255, 255, 0.8); }
.xgplayer-skin-default .xgplayer-pip .name span { width: 60px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.lang-is-jp .xgplayer-pip .name span { width: 70px; height: 20px; }.xgplayer-skin-default .xgplayer-miniplayer { order: 9; position: relative; outline: none; display: block; cursor: pointer; height: 20px; top: 10px; }
.xgplayer-skin-default .xgplayer-miniplayer .name { text-align: center; font-family: PingFangSC-Regular; font-size: 13px; line-height: 20px; height: 20px; color: rgba(255, 255, 255, 0.8); }
.xgplayer-skin-default .xgplayer-miniplayer .name span { width: 80px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.xgplayer-skin-default .xgplayer-miniplayer-lay { position: absolute; top: 26px; left: 0px; width: 100%; height: 100%; z-index: 130; cursor: pointer; background-color: transparent; display: none; }
.xgplayer-skin-default .xgplayer-miniplayer-lay div { width: 100%; height: 100%; }
.xgplayer-skin-default .xgplayer-miniplayer-drag { cursor: move; position: absolute; top: 0px; left: 0px; width: 100%; height: 26px; line-height: 26px; background-image: linear-gradient(rgba(0, 0, 0, 0.3), transparent); z-index: 130; display: none; }
.xgplayer-skin-default .xgplayer-miniplayer-drag .drag-handle { width: 100%; }
.xgplayer-skin-default.xgplayer-miniplayer-active { position: fixed; right: 0px; bottom: 200px; width: 320px; height: 180px; z-index: 110; }
.xgplayer-skin-default.xgplayer-miniplayer-active .xgplayer-controls, .xgplayer-skin-default.xgplayer-miniplayer-active .xgplayer-danmu { display: none; }
.xgplayer-skin-default.xgplayer-miniplayer-active .xgplayer-miniplayer-lay { display: block; }
.xgplayer-skin-default.xgplayer-miniplayer-active .xgplayer-miniplayer-drag { display: flex; }
.xgplayer-skin-default.xgplayer-inactive .xgplayer-miniplayer-drag { display: none; }
.lang-is-jp .xgplayer-miniplayer .name span { width: 70px; height: 20px; }.xgplayer-skin-default .xgplayer-playnext { position: relative; order: 1; display: block; cursor: pointer; top: -2px; }
.xgplayer-skin-default .xgplayer-playnext .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext { display: block; }
.xgplayer-skin-default .xgplayer-playnext:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-playnext:hover .xgplayer-tips { display: block; }
.xgplayer-lang-is-en .xgplayer-playnext .xgplayer-tips { margin-left: -25px; }
.xgplayer-lang-is-jp .xgplayer-playnext .xgplayer-tips { margin-left: -38px; }
.xgplayer-skin-default.xgplayer-playnext-inactive .xgplayer-playnext { display: none; }.xgplayer-skin-default .xgplayer-rotate { position: relative; order: 10; display: block; cursor: pointer; }
.xgplayer-skin-default .xgplayer-rotate .xgplayer-icon { margin-top: 7px; width: 26px; }
.xgplayer-skin-default .xgplayer-rotate .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-rotate .xgplayer-tips { margin-left: -22px; }
.xgplayer-skin-default .xgplayer-rotate .xgplayer-tips .xgplayer-tip-rotate { display: block; }
.xgplayer-skin-default .xgplayer-rotate:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-rotate:hover .xgplayer-tips { display: block; }
.xgplayer-lang-is-en .xgplayer-rotate .xgplayer-tips { margin-left: -26px; }
.xgplayer-lang-is-jp .xgplayer-rotate .xgplayer-tips { margin-left: -38px; }.xgplayer-skin-default .xgplayer-reload { position: relative; order: 1; display: block; width: 40px; height: 40px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-reload .xgplayer-icon { margin-top: 7px; width: 26px; }
.xgplayer-skin-default .xgplayer-reload .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-reload .xgplayer-tips { margin-left: -22px; }
.xgplayer-skin-default .xgplayer-reload .xgplayer-tips .xgplayer-tip-reload { display: block; }
.xgplayer-skin-default .xgplayer-reload:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-reload:hover .xgplayer-tips { display: block; }
.xgplayer-lang-is-en .xgplayer-reload .xgplayer-tips { margin-left: -26px; }
.xgplayer-lang-is-jp .xgplayer-reload .xgplayer-tips { margin-left: -38px; }.xgplayer-skin-default .xgplayer-screenshot { order: 11; position: relative; outline: none; display: block; cursor: pointer; height: 20px; top: 10px; }
.xgplayer-skin-default .xgplayer-screenshot .name { text-align: center; font-family: PingFangSC-Regular; font-size: 13px; line-height: 20px; height: 20px; color: rgba(255, 255, 255, 0.8); }
.xgplayer-skin-default .xgplayer-screenshot .name span { width: fit-content; padding: 0px 10px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.xgplayer-lang-is-en .xgplayer-screenshot .name span, .xgplayer-lang-is-jp .xgplayer-screenshot .name span { width: 75px; height: 20px; }.xgplayer-skin-default .xgplayer-texttrack { order: 7; width: 60px; height: 150px; z-index: 18; position: relative; outline: none; display: none; cursor: default; margin-top: -119px; }
.xgplayer-skin-default .xgplayer-texttrack ul { display: none; list-style: none; min-width: 78px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; position: absolute; bottom: 30px; text-align: center; white-space: nowrap; left: 50%; transform: translateX(-50%); width: fit-content; z-index: 26; cursor: pointer; }
.xgplayer-skin-default .xgplayer-texttrack ul li { opacity: 0.7; font-family: PingFangSC-Regular; font-size: 11px; color: rgba(255, 255, 255, 0.8); width: fit-content; margin: auto; padding: 6px 13px; }
.xgplayer-skin-default .xgplayer-texttrack ul li.selected, .xgplayer-skin-default .xgplayer-texttrack ul li:hover { color: rgb(255, 255, 255); opacity: 1; }
.xgplayer-skin-default .xgplayer-texttrack .name { text-align: center; font-family: PingFangSC-Regular; font-size: 13px; cursor: pointer; color: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0px; width: 60px; height: 20px; line-height: 20px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.xgplayer-skin-default .xgplayer-texttrack.xgplayer-texttrack-hide { display: none; }
xg-text-track { transition: bottom 0.3s; }
.xgplayer-skin-default.xgplayer-is-texttrack .xgplayer-texttrack, .xgplayer-skin-default.xgplayer-texttrack-active .xgplayer-texttrack ul { display: block; }.xgplayer-skin-default .xgplayer-error { background: rgb(0, 0, 0); display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 125; font-family: PingFangSC-Regular; font-size: 14px; color: rgb(255, 255, 255); text-align: center; line-height: 100%; justify-content: center; align-items: center; }
.xgplayer-skin-default .xgplayer-error .xgplayer-error-refresh { color: rgb(250, 31, 65); padding: 0px 3px; cursor: pointer; }
.xgplayer-skin-default .xgplayer-error .xgplayer-error-text { line-height: 18px; margin: auto 6px; }
.xgplayer-skin-default.xgplayer-is-error .xgplayer-error { display: flex; }.xgplayer-skin-default .xgplayer-memoryplay-spot { position: absolute; height: 32px; left: 10px; bottom: 46px; background: rgba(0, 0, 0, 0.5); border-radius: 32px; line-height: 32px; color: rgb(221, 221, 221); z-index: 15; padding: 0px 32px 0px 16px; }
.xgplayer-skin-default .xgplayer-memoryplay-spot .xgplayer-lasttime { color: red; font-weight: 700; }
.xgplayer-skin-default .xgplayer-memoryplay-spot .btn-close { position: absolute; width: 16px; height: 16px; right: 10px; top: 2px; cursor: pointer; color: rgb(255, 255, 255); font-size: 16px; }.xgplayer-skin-default .xgplayer-airplay { position: relative; order: 11; display: block; cursor: pointer; margin-left: 5px; margin-right: 3px; }
.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon { margin-top: 6px; margin-left: 6px; }
.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon div { position: absolute; }
.xgplayer-skin-default .xgplayer-airplay .xgplayer-icon .xgplayer-icon-airplay { display: block; }
.xgplayer-skin-default .xgplayer-airplay .xgplayer-tips { position: absolute; right: 0px; left: auto; }
.xgplayer-skin-default .xgplayer-airplay .xgplayer-tips .xgplayer-tip-airplay { display: block; }
.xgplayer-skin-default .xgplayer-airplay:hover { opacity: 0.85; }
.xgplayer-skin-default .xgplayer-airplay:hover .xgplayer-tips { display: block; }.to-one-campaign-button[data-v-14ba7a3a] { width: 100px; height: 34px; border-radius: 8px; background: rgb(25, 77, 229); font-style: normal; line-height: 34px; cursor: pointer; position: relative; overflow: hidden; margin-right: 24px; }
.to-one-campaign-button[data-v-14ba7a3a], .to-one-campaign-button-text[data-v-14ba7a3a] { color: rgb(255, 255, 255); font-weight: 600; font-size: 14px; text-align: center; }
.to-one-campaign-button-text[data-v-14ba7a3a] { position: absolute; width: 100%; pointer-events: none; }
.version-is-hover[data-v-14ba7a3a] { background: radial-gradient(circle closest-side, rgb(41, 150, 255), transparent); border-radius: 100%; }
.to-one-campaign-button-shadow[data-v-14ba7a3a] { position: absolute; top: -60px; left: -60px; height: 120px; width: 120px; pointer-events: none; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); font-display: swap; }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); font-display: swap; }
@font-face { font-family: OC-Number-Regular; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); font-display: swap; }
@font-face { font-family: OC-Number-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); font-display: swap; }
@font-face { font-family: "Douyin Sans"; src: url("assets/advertiser/85eaac6e2b1021f1fe54.ttf"); font-display: swap; }
.navigator-message__content { max-width: 640px; align-items: flex-start !important; line-height: 18px !important; }
.navigator-message__content .navigator-message__text { text-align: left; margin-left: 4px; }
.navigator-message__content .navigator-message__icon { font-size: 14px; margin-top: 2px; }
.navigator-ocean-oc-modal-confirm-title { display: flex; align-items: flex-start; font-size: 16px; line-height: 24px; margin-top: -3px; }
.navigator-ocean-oc-modal-confirm-title .navigator-ocean-oc-modal-confirm-icon { font-size: 18px; margin-right: 8px; margin-top: 3px; }
.navigator-ocean-oc-modal-confirm-title .navigator-ocean-oc-modal-confirm-icon[name="oc-icon-info"] { color: rgb(0, 87, 255); }
.navigator-ocean-oc-modal-confirm-title .navigator-ocean-oc-modal-confirm-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.navigator-ocean-oc-modal-confirm-title .navigator-ocean-oc-modal-confirm-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.navigator-ocean-oc-modal-confirm-title .navigator-ocean-oc-modal-confirm-icon[name="oc-icon-close-one"] { color: rgb(227, 73, 73); }
.navigator-ocean-oc-modal-confirm-body-with-icon { padding-left: 27px; }
.ocean-bg, .ocean-bg-img { background: linear-gradient(84deg, rgb(240, 248, 255) -73.41%, rgb(232, 244, 255) 91.31%); }
.ocean-bg-img { z-index: 0; position: relative; }
.ocean-bg-img::after { z-index: -1; position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: url("assets/advertiser/b88c70f5412fed1bde10.png") 100% 0px / 840px 320px no-repeat; mix-blend-mode: color-burn; }.navigator-ocean-navigator { min-width: 1280px; height: 64px; top: 0px; text-align: left; display: flex; }
.navigator-ocean-navigator .navigator-ocean-navigator-left { height: 100%; position: relative; text-align: left; display: inline-flex; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu { margin-left: 12px; display: inline-flex; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-right { right: -2px; top: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px 0px; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-left { box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px 0px; margin-left: -2px; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-left, .navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-right { color: rgb(147, 150, 157); position: absolute; width: 24px; height: 24px; margin-top: 20px; z-index: 20001; flex-shrink: 0; border-radius: 999px; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-left .navigator-ocean-menu-arrow-right, .navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-right .navigator-ocean-menu-arrow-right { margin: 7px 8px; }
.navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-left .navigator-ocean-menu-arrow-left, .navigator-ocean-navigator .navigator-ocean-navigator-left-menu .navigator-ocean-menu-arrow-bg-right .navigator-ocean-menu-arrow-left { margin: 7px; }
.navigator-ocean-navigator .navigator-ocean-menu-arrow-bg-left:hover, .navigator-ocean-navigator .navigator-ocean-menu-arrow-bg-right:hover, .navigator-ocean-navigator .navigator-ocean-menu-arrow:hover { cursor: pointer; color: rgb(0, 87, 255); z-index: 20004; }
.navigator-ocean-navigator-logo { padding-left: 24px; display: inline-flex; align-items: center; cursor: pointer; height: 100%; }
.navigator-ocean-navigator-logo .navigator-ocean-logo { height: 40px; }
.navigator-ocean-navigator .navigator-ocean-navigator-right { display: flex; position: absolute; flex-wrap: nowrap; height: 100%; align-items: center; right: 0px; top: 0px; }
.navigator-ocean-navigator .navigator-ocean-navigator-right .navigator-ocean-navigator-right-tool { display: flex; }
.navigator-ocean-navigator .navigator-ocean-navigator-right .navigator-ocean-navigator-right-line { width: 1px; height: 20px; margin-left: 16px; margin-right: 16px; }
.navigator-ocean-navigator-entrance { justify-content: center; margin-left: 8px; margin-right: 24px; cursor: pointer; }
.navigator-ocean-nav-right-tool-default .navigator-ocean-navigator-right-line { background: rgb(185, 188, 195); }
.navigator-ocean-nav-right-tool-transparent .navigator-ocean-navigator-right-line { background: rgba(255, 255, 255, 0.5); }
.navigator-ocean-nav-transparent { background: transparent; }
.navigator-ocean-nav-white { background: rgb(255, 255, 255); }
.navigator-ocean-nav-absolute { position: absolute; }
.navigator-ocean-nav-relative { position: relative; }
.navigator-ocean-nav-fixed { position: fixed; }
.navigator-ocean-navigator-first-con::-webkit-scrollbar { width: 0px !important; }
.navigator-ocean-navigator-first-con { display: inline-flex; align-items: center; vertical-align: middle; overflow-x: hidden; scrollbar-width: none; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-dropdown, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled { margin-left: 8px; }
.navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled { cursor: not-allowed; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag { cursor: pointer; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled { padding: 9px 12px; display: flex; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button .navigator-ocean-first-con-a, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-a, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-a { font-size: 14px; position: relative; display: block; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button .navigator-ocean-first-con-red, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-red, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-red { height: 6px; width: 6px; background: rgb(227, 73, 73); border-radius: 50%; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button .navigator-ocean-first-con-text, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-text, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-text { display: flex; vertical-align: middle; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-p { line-height: 22px; font-size: 14px; white-space: nowrap; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button .navigator-ocean-navigator-first-con-down, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-navigator-first-con-down, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-navigator-first-con-down { margin-left: 4px !important; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-item-button:hover, .navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-item-flag:hover { border-radius: 8px; }
.navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-p-default-flag { display: flex; }
.navigator-ocean-navigator-first-con .navigator-ocean-navigator-first-con-p-default-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.navigator-ocean-navigator-first-con .navigator-ocean-is-mark-item { font-weight: bolder; }
.navigator-ocean-navigator-first-con .navigator-ocean-first-con-line { display: inline-block; height: 4px; width: 16px; position: absolute; border-radius: 2px; margin: 4px auto 0px; left: 0px; right: 0px; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-header { padding: 24px 24px 0px; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-divider { width: 100%; height: 1px; background: rgb(242, 244, 247); }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-content { padding: 12px 24px; align-content: space-between; display: flex; align-items: self-start; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-left { display: flex; align-items: self-start; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-left .navigator-ocean-menu-dropdown-footer-left-icon { color: rgb(147, 150, 157); align-items: self-start; display: flex; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-hint { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; flex-wrap: wrap; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-option { margin-left: auto; flex: 0 0 auto; color: rgb(0, 87, 255); font-size: 14px; line-height: 22px; cursor: pointer; display: flex; }
.navigator-ocean-navigator-menu-dropdown .navigator-ocean-menu-dropdown-footer .navigator-ocean-menu-dropdown-footer-option .navigator-ocean-menu-dropdown-footer-option-more { margin-left: 16px; }
.navigator-ocean-navigator_dopdown { margin-top: 7px !important; }
.navigator-ocean-navigator_dopdown, .navigator-ocean-navigator_en_dopdown { max-height: fit-content !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px 0px !important; border-radius: 12px !important; padding: 0px !important; }
.navigator-ocean-navigator_en_dopdown { transform: translate3d(0px, 57px, 0px) !important; width: calc(-48px + 100vw) !important; margin: 7px 24px 0px !important; }
.navigator-ocean-navigator-first-con-item-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.navigator-ocean-navigator-first-con-down { margin-left: 4px; }
.navigator-ocean-navigator-first-con-transparent .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-p { color: rgba(255, 255, 255, 0.3); }
.navigator-ocean-navigator-first-con-transparent .navigator-ocean-first-con-item-button .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-p { color: rgba(255, 255, 255, 0.8); }
.navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-common-item, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-mark-item, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-mark-item .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-mark-item div, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-mark-item icon, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-is-mark-item iconpark-icon { color: rgb(255, 255, 255) !important; }
.navigator-ocean-navigator-first-con-transparent .navigator-ocean-first-con-item-button:hover, .navigator-ocean-navigator-first-con-transparent .navigator-ocean-navigator-first-con-item-flag:hover { background: rgba(255, 255, 255, 0.1); }
.navigator-ocean-navigator-first-con-transparent .navigator-ocean-first-con-line { background: rgb(255, 255, 255) !important; }
.navigator-ocean-navigator-first-con-default .navigator-ocean-navigator-first-con-item-flag-disabled .navigator-ocean-first-con-p { color: rgb(185, 188, 195); }
.navigator-ocean-navigator-first-con-default .navigator-ocean-first-con-item-button .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con-default .navigator-ocean-navigator-first-con-item-flag .navigator-ocean-first-con-p { color: rgb(49, 52, 59); }
.navigator-ocean-navigator-first-con-default .navigator-ocean-is-mark-item, .navigator-ocean-navigator-first-con-default .navigator-ocean-is-mark-item .navigator-ocean-first-con-p, .navigator-ocean-navigator-first-con-default .navigator-ocean-is-mark-item icon, .navigator-ocean-navigator-first-con-default .navigator-ocean-is-mark-item iconpark-icon { color: rgb(0, 87, 255) !important; }
.navigator-ocean-navigator-first-con-default .navigator-ocean-is-common-item { color: rgb(147, 150, 157); }
.navigator-ocean-navigator-first-con-default .navigator-ocean-first-con-item-button:hover, .navigator-ocean-navigator-first-con-default .navigator-ocean-navigator-first-con-item-flag:hover { background: rgba(42, 85, 229, 0.08); }
.navigator-ocean-navigator-first-con-default .navigator-ocean-first-con-line { background: rgb(0, 87, 255); }
.navigator-ocean-navigator-menu-dropdown-content-2 { padding: 24px; display: flex; }
.navigator-ocean-navigator-menu-dropdown-content-2 .navigator-ocean-menu-dropdown-content-banner { border-radius: 4px; margin-left: 24px; }
.navigator-ocean-navigator-menu-dropdown-content-3 { padding: 24px; }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-navigator-menu-dropdown-content-3-1-flag { min-width: 180px; padding: 4px 8px; display: flex; line-height: 22px; font-size: 14px; vertical-align: middle; align-items: self-start; color: rgb(49, 52, 59); }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-navigator-menu-dropdown-content-3-1-flag:hover { background: rgb(242, 244, 247); border-radius: 4px; cursor: pointer; }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-menu-dropdown-content-3-item { display: flex; color: rgb(147, 150, 157); }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-menu-dropdown-content-3-icon { margin-right: 8px; }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-menu-dropdown-content-3-name { color: rgb(147, 150, 157); font-size: 14px; line-height: 22px; font-weight: bolder; }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-sub-childern-item-icon-flag { margin-left: 4px; align-self: center; display: flex; }
.navigator-ocean-navigator-menu-dropdown-content-3 .navigator-ocean-menu-dropdown-content-divider { width: 100%; height: 1px; background: rgb(223, 224, 226); margin-top: 8px; margin-bottom: 12px; }
.navigator-ocean-navigator-menu-dropdown-content-1 { padding: 8px; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled, .navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled iconpark-icon, .navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled oc-icon { color: rgb(185, 188, 195); }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled :hover { cursor: not-allowed; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item { color: rgb(49, 52, 59); }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item iconpark-icon, .navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item oc-icon { color: rgb(147, 150, 157); }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-info { margin-left: 20px; margin-top: 4px; color: rgb(147, 150, 157); font-size: 12px; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-content-menu { display: block; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-title { display: flex; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item, .navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled { padding: 4px 8px; display: flex; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item span, .navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item-disabled span { margin-left: 4px; font-size: 14px; line-height: 22px; }
.navigator-ocean-navigator-menu-dropdown-content-1 .navigator-ocean-menu-dropdown-content-item:hover { cursor: pointer; background: rgb(242, 244, 247); border-radius: 4px; }
.navigator-ocean-navigator-is-mark-item .navigator-ocean-menu-dropdown-content-item-info, .navigator-ocean-navigator-is-mark-item iconpark-icon, .navigator-ocean-navigator-is-mark-item oc-icon, .navigator-ocean-navigator-is-mark-item oc-typography, .navigator-ocean-navigator-is-mark-item span { color: rgb(0, 87, 255) !important; }
.navigator-ocean-menu-dropdown-footer-left-icon { margin-top: 3px; }
.navigator-ocean-navigator-menu-dropdown-content-3-1-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }
.navigator-ocean-navigator_en_space { display: flex !important; flex: 1 1 0px !important; justify-content: space-between !important; }
.navigator-ocean-navigator_submenu .navigator-ocean-menu-dropdown-content-banner { border-radius: 4px; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item { min-width: 180px; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-title { display: flex; color: rgb(147, 150, 157); margin-bottom: 4px; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-name { font-weight: bolder; color: rgb(49, 52, 59); line-height: 22px; padding: 4px 8px; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern { margin-left: 16px; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern .navigator-ocean-navigator-sub-childern-item-flag { min-width: 164px; padding: 4px 8px; color: rgb(49, 52, 59); display: flex; vertical-align: middle; align-items: self-start; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern .navigator-ocean-navigator-sub-childern-item-flag:hover { background: rgb(242, 244, 247); border-radius: 4px; cursor: pointer; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-is-mark, .navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-is-mark icon, .navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-is-mark iconpark-icon, .navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-is-mark oc-typography, .navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-is-mark span { color: rgb(0, 87, 255) !important; }
.navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-icon-flag, .navigator-ocean-navigator_submenu .navigator-ocean-navigator-sub-item .navigator-ocean-sub-childern-item-new { margin-left: 4px; align-self: center; display: flex; }
.navigator-ocean-navigator-sub-childern-item-flag firefly-new-badge { display: inline-flex; margin-left: 4px !important; align-self: center !important; }.navigator-ocean-oc-space { display: inline-flex; }
.navigator-ocean-oc-space-vertical { flex-direction: column; display: flex; }
.navigator-ocean-oc-space-align-stretch { align-items: stretch; }
.navigator-ocean-oc-space-align-baseline { align-items: baseline; }
.navigator-ocean-oc-space-align-start { align-items: flex-start; }
.navigator-ocean-oc-space-align-end { align-items: flex-end; }
.navigator-ocean-oc-space-align-center { align-items: center; }
.navigator-ocean-oc-space-wrap { flex-wrap: wrap; }
.navigator-ocean-oc-space-rtl { direction: rtl; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
html { line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
.navigator-fade-enter-active, .navigator-fade-leave-active { transition: opacity 0.15s linear; }
.navigator-fade-enter-from, .navigator-fade-leave-to { opacity: 0 !important; }
.navigator-fade-enter-to, .navigator-fade-leave-from { opacity: 1 !important; }
.navigator-collapse-y-enter-active, .navigator-collapse-y-leave-active { transition: height 0.2s; }
*, ::after, ::before { box-sizing: border-box; }
.clearfix::after, .clearfix::before { content: ""; display: table; }
.clearfix::after { clear: both; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-popup-fade-enter-active, .navigator-popup-fade-leave-active { transition: opacity 0.24s linear; }
.navigator-popup-fade-enter-from, .navigator-popup-fade-leave-to { opacity: 0; }
.navigator-popup-fade-enter-to, .navigator-popup-fade-leave-from { opacity: 1; }
.navigator-popup__lock { overflow: hidden; }
.navigator-popup__mask { position: fixed; inset: 0px; background-color: rgba(26, 26, 27, 0.5); height: 100%; z-index: 1050; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-popover { padding: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 12px; background: rgb(255, 255, 255); font-size: 12px; line-height: 18px; color: rgb(98, 101, 108); }
.navigator-popover[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.navigator-popover[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.navigator-popover[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.navigator-popover[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.navigator-popover[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.navigator-popover[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgb(255, 255, 255) 50%, transparent 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.navigator-popover[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.navigator-popover[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgb(255, 255, 255) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.navigator-popover.navigator-popover--hide { display: none; }
.navigator-popover--tooltip { padding: 8px 16px; }
.navigator-popover[data-popper-reference-hidden="true"] { visibility: hidden; pointer-events: none; }
.navigator-popover .navigator-popover__arrow, .navigator-popover .navigator-popover__arrow::before { width: 10px; height: 10px; position: absolute; z-index: -2; }
.navigator-popover .navigator-popover__arrow::before { content: ""; transform: rotate(45deg); top: 0px; left: 0px; }
.navigator-popover .navigator-popover__arrow--hide { visibility: hidden; }
.navigator-popover__header { padding-bottom: 8px; }
.navigator-popover__title { font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-popover--dark { background: rgba(50, 51, 53, 0.95); color: rgb(255, 255, 255); }
.navigator-popover--dark[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -5px; }
.navigator-popover--dark[data-popper-placement^="top"] > [data-popper-arrow]::before { background: linear-gradient(135deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="right"] > [data-popper-arrow] { left: -5px; }
.navigator-popover--dark[data-popper-placement^="right"] > [data-popper-arrow]::before { background: linear-gradient(225deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px 3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -5px; }
.navigator-popover--dark[data-popper-placement^="bottom"] > [data-popper-arrow]::before { background: linear-gradient(135deg, rgba(50, 51, 53, 0.95) 50%, transparent 0px); box-shadow: rgba(0, 0, 0, 0.2) -3px -3px 6px -3px; }
.navigator-popover--dark[data-popper-placement^="left"] > [data-popper-arrow] { right: -5px; }
.navigator-popover--dark[data-popper-placement^="left"] > [data-popper-arrow]::before { background: linear-gradient(45deg, transparent 50%, rgba(50, 51, 53, 0.95) 0px); box-shadow: rgba(0, 0, 0, 0.2) 3px -3px 6px -3px; }
.navigator-popover--dark .navigator-popover__title { color: rgb(255, 255, 255); }
.navigator-popover-fade-enter-active, .navigator-popover-fade-leave-active { transition: opacity 0.2s ease-in-out; }
.navigator-popover-fade-enter-from, .navigator-popover-fade-leave-to { opacity: 0; }
.navigator-popover-fade-enter-to, .navigator-popover-fade-leave-from { opacity: 1; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-drawer-left-enter-active, .navigator-drawer-left-leave-active { transition: transform 0.3s ease-in-out; }
.navigator-drawer-left-enter-from, .navigator-drawer-left-leave-to { transform: translateX(-100%); }
.navigator-drawer-left-enter-to, .navigator-drawer-left-leave-from { transform: translateX(0px); }
.navigator-drawer-right-enter-active, .navigator-drawer-right-leave-active { transition: transform 0.3s ease-in-out; }
.navigator-drawer-right-enter-from, .navigator-drawer-right-leave-to { transform: translateX(100%); }
.navigator-drawer-right-enter-to, .navigator-drawer-right-leave-from { transform: translateX(0px); }
.navigator-drawer__wrap { position: fixed; display: flex; top: 0px; bottom: 0px; width: 100%; align-items: center; box-shadow: none; }
.navigator-drawer__wrap--hide { display: none; }
.navigator-drawer__wrap--no-maskable { width: 0px; }
.navigator-drawer__wrap--no-maskable.navigator-drawer__wrap--right { right: 0px; }
.navigator-drawer__wrap--no-maskable.navigator-drawer__wrap--left { left: 0px; }
.navigator-drawer { position: absolute; display: flex; flex-direction: column; top: 0px; bottom: 0px; background: rgb(255, 255, 255); font-size: 14px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; transition: transform 0.3s; }
.navigator-drawer--right { right: 0px; }
.navigator-drawer--left { left: 0px; }
.navigator-drawer--no-maskable { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; }
.navigator-drawer__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); background: rgb(255, 255, 255); }
.navigator-drawer__header--no-border { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.navigator-drawer__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.navigator-drawer__body { padding: 0px 24px; flex-grow: 1; overflow: auto; }
.navigator-drawer__outer-close-btn { position: absolute; background: rgb(51, 138, 255); border-radius: 4px 0px 0px 4px; justify-content: center; align-items: center; top: 19px; left: -32px; display: flex; color: rgb(255, 255, 255); font-size: 15px; width: 32px; height: 32px; cursor: pointer; }
.navigator-drawer__close-icon { position: absolute; width: 20px; height: 20px; color: rgb(49, 52, 59); font-size: 20px; top: 25px; right: 25px; cursor: pointer; }
.navigator-drawer__close-icon:hover { color: rgb(0, 87, 255); }
.navigator-drawer__close-icon:active { color: rgb(0, 63, 210); }
.navigator-drawer__close-icon--hide { display: none; }
.navigator-drawer--rtl { direction: rtl; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
@keyframes v-okee-loading-opacity { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes v-okee-spin-loading-rotate { 
  100% { transform: rotate(1turn); }
}
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(9) { animation: 0.8s linear 0s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(8) { animation: 0.8s linear -0.1s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(7) { animation: 0.8s linear -0.2s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(6) { animation: 0.8s linear -0.3s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(5) { animation: 0.8s linear -0.4s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(4) { animation: 0.8s linear -0.5s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(3) { animation: 0.8s linear -0.6s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(2) { animation: 0.8s linear -0.7s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:first-child { animation: 0.8s linear -0.8s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__loading .navigator-icon__loading-path-item:nth-child(0) { animation: 0.8s linear -0.9s infinite normal none running v-okee-loading-opacity; }
.navigator-icon__spin-loading { transform: rotate(0deg); animation: 0.8s linear 0s infinite normal none running v-okee-spin-loading-rotate; }
.navigator-icon { display: inline-block; }
.navigator-icon svg { display: block; }.navigator-ocean-oc-iconpark-icon-wrap { display: inline-flex; align-items: center; justify-content: center; }
.navigator-ocean-oc-iconpark-icon-wrap .navigator-ocean-oc-iconpark-icon-svg { width: 1em; height: 1em; }.navigator-ocean-oc-popover { display: flex; }
.navigator-ocean-oc-popover .navigator-ocean-oc-popover-icon-wrapper { line-height: 0; font-size: 0px; }
.navigator-ocean-oc-popover .navigator-ocean-oc-popover-icon-wrapper > .navigator-ocean-oc-icon { color: rgb(185, 188, 195); }
.navigator-ocean-oc-popover .navigator-ocean-oc-popover-icon-wrapper > .navigator-ocean-oc-icon:hover { cursor: pointer; color: rgb(0, 87, 255); }
.navigator-ocean-oc-popover__header { display: flex; align-items: center; justify-content: space-between; font-weight: bolder; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-ocean-oc-popover__header .navigator-ocean-close { padding: 4px; color: rgb(147, 150, 157); }
.navigator-ocean-oc-popover__header .navigator-ocean-close:hover { color: rgb(0, 87, 255); cursor: pointer; }
.navigator-ocean-oc-popover__header-left { display: flex; align-items: center; }
.navigator-ocean-oc-popover__header-left-icon { margin-right: 8px; }
.navigator-ocean-oc-popover__header-left iconpark-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.navigator-ocean-oc-popover__header-left iconpark-icon[name="oc-icon-primary"] { color: rgb(0, 87, 255); }
.navigator-ocean-oc-popover__header-left iconpark-icon[name="oc-icon-danger"] { color: rgb(227, 73, 73); }
.navigator-ocean-oc-popover__header-left iconpark-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.navigator-ocean-oc-popover-body { max-width: var(--popover-max-width); max-height: var(--popover-max-height); }
.navigator-ocean-oc-popover-text .navigator-ocean-oc-msg-list__url-icon { vertical-align: -3px; }
.navigator-ocean-oc-popover-text .navigator-ocean-warn:not(.navigator-ocean-warn-all) { position: relative; padding-top: 8px; margin-top: 8px; }
.navigator-ocean-oc-popover-text .navigator-ocean-warn:not(.navigator-ocean-warn-all)::before { display: block; content: ""; position: absolute; top: 0px; width: 100%; height: 1px; background: rgb(222, 224, 227); }
.navigator-ocean-oc-popover-text .navigator-ocean-warn iconpark-icon[name="oc-icon-warning"] { color: rgb(235, 150, 23); }
.navigator-ocean-oc-popover-text .navigator-ocean-warn iconpark-icon[name="oc-icon-info"] { color: rgb(0, 87, 255); }
.navigator-ocean-oc-popover-text .navigator-ocean-warn iconpark-icon[name="oc-icon-success"] { color: rgb(13, 166, 0); }
.navigator-ocean-oc-popover-text .navigator-ocean-warn iconpark-icon[name="oc-icon-danger"] { color: rgb(227, 73, 73); }
.navigator-ocean-oc-popover-text__msg + .navigator-ocean-oc-popover-text__msg { margin-top: 4px; }
.navigator-ocean-oc-popover-operate .navigator-ocean-oc-popover-body { width: 320px; }
.navigator-ocean-oc-popover-operate__footer { height: 24px; display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.navigator-ocean-oc-popover-operate__footer .navigator-ocean-tip { display: flex; align-items: center; }
.navigator-ocean-oc-popover-operate__footer .navigator-ocean-tip__text { height: 20px; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(49, 52, 59); margin-left: 8px; }
.navigator-ocean-oc-popover-operate__footer .navigator-ocean-btn__common { min-width: 56px; height: 24px; line-height: 24px; box-sizing: border-box; padding: 0px; }
.navigator-ocean-oc-popover-operate__footer .navigator-ocean-btn__cancel { margin-right: 12px; }
.navigator-ocean-oc-popover-inline { display: inline-block; }
.navigator-ocean-oc-popover-inline .navigator-ocean-oc-popover-icon-wrapper { line-height: unset; font-size: unset; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
@keyframes bui-button-primary-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-info-fill-focus-wave { 
  0% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-success-fill-focus-wave { 
  0% { box-shadow: rgba(13, 166, 0, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(13, 166, 0, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-warning-fill-focus-wave { 
  0% { box-shadow: rgba(235, 150, 23, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(235, 150, 23, 0) 0px 0px 0px 6px; }
}
@keyframes bui-button-danger-fill-focus-wave { 
  0% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0) 0px 0px 0px 6px; }
}
.navigator-button { position: relative; display: inline-flex; justify-content: center; align-items: center; outline: none; border-radius: 8px; border: 1px solid transparent; user-select: none; appearance: none; white-space: nowrap; cursor: pointer; vertical-align: text-bottom; }
.navigator-button--default-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.navigator-button--default-fill[data-motion-wave="after"]::after, .navigator-button--default-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.navigator-button--default-fill:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.navigator-button--default-fill:hover[data-motion-wave="after"]::after, .navigator-button--default-fill:hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill:focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); transition: background-color 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); }
.navigator-button--default-fill:focus[data-motion-wave="after"]::after, .navigator-button--default-fill:focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-fill:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(245, 247, 250); transition: 0.1s ease-in-out; }
.navigator-button--default-fill:active[data-motion-wave="after"]::after, .navigator-button--default-fill:active[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--checked, .navigator-button--default-fill.navigator-button--checked:active, .navigator-button--default-fill.navigator-button--checked:focus, .navigator-button--default-fill.navigator-button--checked:hover { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-fill.navigator-button--disabled, .navigator-button--default-fill.navigator-button--disabled:active, .navigator-button--default-fill.navigator-button--disabled:focus, .navigator-button--default-fill.navigator-button--disabled:hover, .navigator-button--default-fill.navigator-button--loading, .navigator-button--default-fill.navigator-button--loading:active, .navigator-button--default-fill.navigator-button--loading:focus, .navigator-button--default-fill.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--default-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-fill[data-motion-wave="after"]::after, .navigator-button--primary-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.navigator-button--primary-fill:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--primary-fill:active[data-motion-wave="after"]::after, .navigator-button--primary-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-fill:focus { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--primary-fill:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill:focus[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--checked, .navigator-button--primary-fill.navigator-button--checked:active, .navigator-button--primary-fill.navigator-button--checked:focus, .navigator-button--primary-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-fill.navigator-button--disabled, .navigator-button--primary-fill.navigator-button--disabled:active, .navigator-button--primary-fill.navigator-button--disabled:focus, .navigator-button--primary-fill.navigator-button--disabled:hover, .navigator-button--primary-fill.navigator-button--loading, .navigator-button--primary-fill.navigator-button--loading:active, .navigator-button--primary-fill.navigator-button--loading:focus, .navigator-button--primary-fill.navigator-button--loading:hover { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-fill { color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-fill[data-motion-wave="after"]::after, .navigator-button--info-fill[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-fill:hover { color: rgb(255, 255, 255); background-color: rgb(46, 123, 255); border-color: rgb(46, 123, 255); transition: 0.1s ease-in-out; }
.navigator-button--info-fill:hover[data-motion-wave="after"]::after, .navigator-button--info-fill:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-fill:focus { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.navigator-button--info-fill:focus[data-motion-wave="after"]::after, .navigator-button--info-fill:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--info-fill:active[data-motion-wave="after"]::after, .navigator-button--info-fill:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--checked, .navigator-button--info-fill.navigator-button--checked:active, .navigator-button--info-fill.navigator-button--checked:focus, .navigator-button--info-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(0, 63, 210); border-color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-fill.navigator-button--disabled, .navigator-button--info-fill.navigator-button--disabled:active, .navigator-button--info-fill.navigator-button--disabled:focus, .navigator-button--info-fill.navigator-button--disabled:hover, .navigator-button--info-fill.navigator-button--loading, .navigator-button--info-fill.navigator-button--loading:active, .navigator-button--info-fill.navigator-button--loading:focus, .navigator-button--info-fill.navigator-button--loading:hover { color: rgb(232, 244, 255); background-color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--warning-fill { color: rgb(255, 255, 255); background-color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.navigator-button--warning-fill[data-motion-wave="after"]::after, .navigator-button--warning-fill[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-fill:hover { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s ease-in-out; }
.navigator-button--warning-fill:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill:hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill:focus { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.navigator-button--warning-fill:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill:focus[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill:active { color: rgb(255, 255, 255); background-color: rgb(226, 142, 17); border-color: rgb(226, 142, 17); transition: 0.1s ease-in-out; }
.navigator-button--warning-fill:active[data-motion-wave="after"]::after, .navigator-button--warning-fill:active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-fill.navigator-button--checked, .navigator-button--warning-fill.navigator-button--checked:active, .navigator-button--warning-fill.navigator-button--checked:focus, .navigator-button--warning-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(246, 183, 12); border-color: rgb(246, 183, 12); }
.navigator-button--warning-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-fill.navigator-button--disabled, .navigator-button--warning-fill.navigator-button--disabled:active, .navigator-button--warning-fill.navigator-button--disabled:focus, .navigator-button--warning-fill.navigator-button--disabled:hover, .navigator-button--warning-fill.navigator-button--loading, .navigator-button--warning-fill.navigator-button--loading:active, .navigator-button--warning-fill.navigator-button--loading:focus, .navigator-button--warning-fill.navigator-button--loading:hover { color: rgb(255, 249, 224); background-color: rgb(255, 221, 96); border-color: rgb(255, 221, 96); }
.navigator-button--warning-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-fill { color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.navigator-button--danger-fill[data-motion-wave="after"]::after, .navigator-button--danger-fill[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-fill:hover { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-button--danger-fill:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill:focus { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.navigator-button--danger-fill:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill:focus[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill:active { color: rgb(255, 255, 255); background-color: rgb(199, 16, 35); border-color: rgb(199, 16, 35); transition: 0.1s ease-in-out; }
.navigator-button--danger-fill:active[data-motion-wave="after"]::after, .navigator-button--danger-fill:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-fill.navigator-button--checked, .navigator-button--danger-fill.navigator-button--checked:active, .navigator-button--danger-fill.navigator-button--checked:focus, .navigator-button--danger-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(234, 121, 121); border-color: rgb(234, 121, 121); }
.navigator-button--danger-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-fill.navigator-button--disabled, .navigator-button--danger-fill.navigator-button--disabled:active, .navigator-button--danger-fill.navigator-button--disabled:focus, .navigator-button--danger-fill.navigator-button--disabled:hover, .navigator-button--danger-fill.navigator-button--loading, .navigator-button--danger-fill.navigator-button--loading:active, .navigator-button--danger-fill.navigator-button--loading:focus, .navigator-button--danger-fill.navigator-button--loading:hover { color: rgb(253, 242, 242); background-color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-button--danger-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--success-fill { color: rgb(255, 255, 255); background-color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.navigator-button--success-fill[data-motion-wave="after"]::after, .navigator-button--success-fill[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-fill:hover { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s ease-in-out; }
.navigator-button--success-fill:hover[data-motion-wave="after"]::after, .navigator-button--success-fill:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill:focus { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.navigator-button--success-fill:focus[data-motion-wave="after"]::after, .navigator-button--success-fill:focus[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill:active { color: rgb(255, 255, 255); background-color: rgb(0, 116, 48); border-color: rgb(0, 116, 48); transition: 0.1s ease-in-out; }
.navigator-button--success-fill:active[data-motion-wave="after"]::after, .navigator-button--success-fill:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-fill.navigator-button--checked, .navigator-button--success-fill.navigator-button--checked:active, .navigator-button--success-fill.navigator-button--checked:focus, .navigator-button--success-fill.navigator-button--checked:hover { color: rgb(255, 255, 255); background-color: rgb(9, 177, 96); border-color: rgb(9, 177, 96); }
.navigator-button--success-fill.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-fill.navigator-button--disabled, .navigator-button--success-fill.navigator-button--disabled:active, .navigator-button--success-fill.navigator-button--disabled:focus, .navigator-button--success-fill.navigator-button--disabled:hover, .navigator-button--success-fill.navigator-button--loading, .navigator-button--success-fill.navigator-button--loading:active, .navigator-button--success-fill.navigator-button--loading:focus, .navigator-button--success-fill.navigator-button--loading:hover { color: rgb(236, 248, 235); background-color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.navigator-button--success-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--default-stroke { color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); border-color: rgb(223, 224, 226); }
.navigator-button--default-stroke[data-motion-wave="after"]::after, .navigator-button--default-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-button--default-stroke:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke:hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--default-stroke:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s ease-in-out; }
.navigator-button--default-stroke:active[data-motion-wave="after"]::after, .navigator-button--default-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--default-stroke.navigator-button--checked, .navigator-button--default-stroke.navigator-button--checked:active, .navigator-button--default-stroke.navigator-button--checked:focus, .navigator-button--default-stroke.navigator-button--checked:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-stroke.navigator-button--disabled, .navigator-button--default-stroke.navigator-button--disabled:active, .navigator-button--default-stroke.navigator-button--disabled:focus, .navigator-button--default-stroke.navigator-button--disabled:hover, .navigator-button--default-stroke.navigator-button--loading, .navigator-button--default-stroke.navigator-button--loading:active, .navigator-button--default-stroke.navigator-button--loading:focus, .navigator-button--default-stroke.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-stroke[data-motion-wave="after"]::after, .navigator-button--primary-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-primary-fill-focus-wave; }
.navigator-button--primary-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-primary { 
  0% { box-shadow: rgba(46, 123, 255, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(46, 123, 255, 0) 0px 0px 0px 6px; }
}
.navigator-button--primary-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-stroke.navigator-button--disabled, .navigator-button--primary-stroke.navigator-button--disabled:active, .navigator-button--primary-stroke.navigator-button--disabled:focus, .navigator-button--primary-stroke.navigator-button--disabled:hover, .navigator-button--primary-stroke.navigator-button--loading, .navigator-button--primary-stroke.navigator-button--loading:active, .navigator-button--primary-stroke.navigator-button--loading:focus, .navigator-button--primary-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--success-stroke { color: rgb(13, 166, 0); background-color: rgb(255, 255, 255); border-color: rgb(13, 166, 0); }
.navigator-button--success-stroke[data-motion-wave="after"]::after, .navigator-button--success-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-stroke:hover { color: rgb(9, 177, 96); background-color: rgb(255, 255, 255); border-color: rgb(9, 177, 96); }
.navigator-button--success-stroke:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke:hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-stroke:focus { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-success-fill-focus-wave; }
.navigator-button--success-stroke:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
@keyframes bui-button-focus-wave-effect-success { 
  0% { box-shadow: rgba(9, 177, 96, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(9, 177, 96, 0) 0px 0px 0px 6px; }
}
.navigator-button--success-stroke:active { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.navigator-button--success-stroke:active[data-motion-wave="after"]::after, .navigator-button--success-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--checked, .navigator-button--success-stroke.navigator-button--checked:active, .navigator-button--success-stroke.navigator-button--checked:focus, .navigator-button--success-stroke.navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(255, 255, 255); border-color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-stroke.navigator-button--disabled, .navigator-button--success-stroke.navigator-button--disabled:active, .navigator-button--success-stroke.navigator-button--disabled:focus, .navigator-button--success-stroke.navigator-button--disabled:hover, .navigator-button--success-stroke.navigator-button--loading, .navigator-button--success-stroke.navigator-button--loading:active, .navigator-button--success-stroke.navigator-button--loading:focus, .navigator-button--success-stroke.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--warning-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 255, 255); border-color: rgb(235, 150, 23); }
.navigator-button--warning-stroke[data-motion-wave="after"]::after, .navigator-button--warning-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 255, 255); border-color: rgb(246, 183, 12); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-warning-fill-focus-wave; }
.navigator-button--warning-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
@keyframes bui-button-focus-wave-effect-warning { 
  0% { box-shadow: rgba(246, 183, 12, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(246, 183, 12, 0) 0px 0px 0px 6px; }
}
.navigator-button--warning-stroke:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 255, 255); border-color: rgb(226, 142, 17); }
.navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-stroke.navigator-button--disabled, .navigator-button--warning-stroke.navigator-button--disabled:active, .navigator-button--warning-stroke.navigator-button--disabled:focus, .navigator-button--warning-stroke.navigator-button--disabled:hover, .navigator-button--warning-stroke.navigator-button--loading, .navigator-button--warning-stroke.navigator-button--loading:active, .navigator-button--warning-stroke.navigator-button--loading:focus, .navigator-button--warning-stroke.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-stroke { color: rgb(227, 73, 73); background-color: rgb(255, 255, 255); border-color: rgb(227, 73, 73); }
.navigator-button--danger-stroke[data-motion-wave="after"]::after, .navigator-button--danger-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-stroke:hover { color: rgb(234, 121, 121); background-color: rgb(255, 255, 255); border-color: rgb(234, 121, 121); }
.navigator-button--danger-stroke:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke:hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-stroke:focus { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-danger-fill-focus-wave; }
.navigator-button--danger-stroke:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke:focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
@keyframes bui-button-focus-wave-effect-danger { 
  0% { box-shadow: rgba(234, 123, 123, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(234, 123, 123, 0) 0px 0px 0px 6px; }
}
.navigator-button--danger-stroke:active { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.navigator-button--danger-stroke:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke:active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--checked:active, .navigator-button--danger-stroke.navigator-button--checked:focus, .navigator-button--danger-stroke.navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(255, 255, 255); border-color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-stroke.navigator-button--disabled, .navigator-button--danger-stroke.navigator-button--disabled:active, .navigator-button--danger-stroke.navigator-button--disabled:focus, .navigator-button--danger-stroke.navigator-button--disabled:hover, .navigator-button--danger-stroke.navigator-button--loading, .navigator-button--danger-stroke.navigator-button--loading:active, .navigator-button--danger-stroke.navigator-button--loading:focus, .navigator-button--danger-stroke.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--info-stroke { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-stroke[data-motion-wave="after"]::after, .navigator-button--info-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-stroke:hover { color: rgb(46, 123, 255); background-color: rgb(255, 255, 255); border-color: rgb(46, 123, 255); }
.navigator-button--info-stroke:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke:hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-stroke:focus { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); transition: 0.1s cubic-bezier(0.08, 0.82, 0.17, 1); animation: 2s cubic-bezier(0.08, 0.82, 0.17, 1) 0s 1 normal none running bui-button-info-fill-focus-wave; }
.navigator-button--info-stroke:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke:focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
@keyframes bui-button-focus-wave-effect-info { 
  0% { box-shadow: rgba(0, 63, 210, 0.2) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 63, 210, 0) 0px 0px 0px 6px; }
}
.navigator-button--info-stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-stroke:active[data-motion-wave="after"]::after, .navigator-button--info-stroke:active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--checked, .navigator-button--info-stroke.navigator-button--checked:active, .navigator-button--info-stroke.navigator-button--checked:focus, .navigator-button--info-stroke.navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-stroke.navigator-button--disabled, .navigator-button--info-stroke.navigator-button--disabled:active, .navigator-button--info-stroke.navigator-button--disabled:focus, .navigator-button--info-stroke.navigator-button--disabled:hover, .navigator-button--info-stroke.navigator-button--loading, .navigator-button--info-stroke.navigator-button--loading:active, .navigator-button--info-stroke.navigator-button--loading:focus, .navigator-button--info-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--default-light-fill { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(242, 244, 247); }
.navigator-button--default-light-fill[data-motion-wave="after"]::after, .navigator-button--default-light-fill[data-motion-wave="before"]::before { color: rgb(242, 244, 247); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):focus { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 234, 237); }
.navigator-button--default-light-fill.navigator-button--disabled, .navigator-button--default-light-fill.navigator-button--disabled:active, .navigator-button--default-light-fill.navigator-button--disabled:focus, .navigator-button--default-light-fill.navigator-button--disabled:hover, .navigator-button--default-light-fill.navigator-button--loading, .navigator-button--default-light-fill.navigator-button--loading:active, .navigator-button--default-light-fill.navigator-button--loading:focus, .navigator-button--default-light-fill.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 247, 250); }
.navigator-button--default-light-stroke { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke[data-motion-wave="after"]::after, .navigator-button--default-light-stroke[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); border-color: rgb(0, 63, 210); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--default-light-stroke.navigator-button--disabled, .navigator-button--default-light-stroke.navigator-button--disabled:active, .navigator-button--default-light-stroke.navigator-button--disabled:focus, .navigator-button--default-light-stroke.navigator-button--disabled:hover, .navigator-button--default-light-stroke.navigator-button--loading, .navigator-button--default-light-stroke.navigator-button--loading:active, .navigator-button--default-light-stroke.navigator-button--loading:focus, .navigator-button--default-light-stroke.navigator-button--loading:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(223, 224, 226); }
.navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--default-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(223, 224, 226); }
.navigator-button--primary-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill[data-motion-wave="after"]::after, .navigator-button--primary-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--primary-light-fill.navigator-button--disabled, .navigator-button--primary-light-fill.navigator-button--disabled:active, .navigator-button--primary-light-fill.navigator-button--disabled:focus, .navigator-button--primary-light-fill.navigator-button--disabled:hover, .navigator-button--primary-light-fill.navigator-button--loading, .navigator-button--primary-light-fill.navigator-button--loading:active, .navigator-button--primary-light-fill.navigator-button--loading:focus, .navigator-button--primary-light-fill.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--primary-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.navigator-button--primary-light-stroke[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--primary-light-stroke.navigator-button--disabled, .navigator-button--primary-light-stroke.navigator-button--disabled:active, .navigator-button--primary-light-stroke.navigator-button--disabled:focus, .navigator-button--primary-light-stroke.navigator-button--disabled:hover, .navigator-button--primary-light-stroke.navigator-button--loading, .navigator-button--primary-light-stroke.navigator-button--loading:active, .navigator-button--primary-light-stroke.navigator-button--loading:focus, .navigator-button--primary-light-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--primary-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--success-light-fill { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill[data-motion-wave="after"]::after, .navigator-button--success-light-fill[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(166, 229, 200); border-color: rgb(166, 229, 200); }
.navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(166, 229, 200); }
.navigator-button--success-light-fill.navigator-button--disabled, .navigator-button--success-light-fill.navigator-button--disabled:active, .navigator-button--success-light-fill.navigator-button--disabled:focus, .navigator-button--success-light-fill.navigator-button--disabled:hover, .navigator-button--success-light-fill.navigator-button--loading, .navigator-button--success-light-fill.navigator-button--loading:active, .navigator-button--success-light-fill.navigator-button--loading:focus, .navigator-button--success-light-fill.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(236, 248, 235); }
.navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(236, 248, 235); }
.navigator-button--success-light-stroke { color: rgb(13, 166, 0); background-color: rgb(236, 248, 235); border-color: rgb(13, 166, 0); }
.navigator-button--success-light-stroke[data-motion-wave="after"]::after, .navigator-button--success-light-stroke[data-motion-wave="before"]::before { color: rgb(13, 166, 0); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):hover { color: rgb(9, 177, 96); background-color: rgb(236, 248, 235); border-color: rgb(9, 177, 96); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(9, 177, 96); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 116, 48); background-color: rgb(236, 248, 235); border-color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 116, 48); }
.navigator-button--success-light-stroke.navigator-button--disabled, .navigator-button--success-light-stroke.navigator-button--disabled:active, .navigator-button--success-light-stroke.navigator-button--disabled:focus, .navigator-button--success-light-stroke.navigator-button--disabled:hover, .navigator-button--success-light-stroke.navigator-button--loading, .navigator-button--success-light-stroke.navigator-button--loading:active, .navigator-button--success-light-stroke.navigator-button--loading:focus, .navigator-button--success-light-stroke.navigator-button--loading:hover { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(131, 219, 178); background-color: rgb(236, 248, 235); border-color: rgb(131, 219, 178); }
.navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--success-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(131, 219, 178); }
.navigator-button--warning-light-fill { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill[data-motion-wave="after"]::after, .navigator-button--warning-light-fill[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 235, 161); border-color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 235, 161); }
.navigator-button--warning-light-fill.navigator-button--disabled, .navigator-button--warning-light-fill.navigator-button--disabled:active, .navigator-button--warning-light-fill.navigator-button--disabled:focus, .navigator-button--warning-light-fill.navigator-button--disabled:hover, .navigator-button--warning-light-fill.navigator-button--loading, .navigator-button--warning-light-fill.navigator-button--loading:active, .navigator-button--warning-light-fill.navigator-button--loading:focus, .navigator-button--warning-light-fill.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 249, 224); }
.navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 249, 224); }
.navigator-button--warning-light-stroke { color: rgb(235, 150, 23); background-color: rgb(255, 249, 224); border-color: rgb(235, 150, 23); }
.navigator-button--warning-light-stroke[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke[data-motion-wave="before"]::before { color: rgb(235, 150, 23); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover { color: rgb(246, 183, 12); background-color: rgb(255, 249, 224); border-color: rgb(246, 183, 12); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(246, 183, 12); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):active { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(226, 142, 17); background-color: rgb(255, 249, 224); border-color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(226, 142, 17); }
.navigator-button--warning-light-stroke.navigator-button--disabled, .navigator-button--warning-light-stroke.navigator-button--disabled:active, .navigator-button--warning-light-stroke.navigator-button--disabled:focus, .navigator-button--warning-light-stroke.navigator-button--disabled:hover, .navigator-button--warning-light-stroke.navigator-button--loading, .navigator-button--warning-light-stroke.navigator-button--loading:active, .navigator-button--warning-light-stroke.navigator-button--loading:focus, .navigator-button--warning-light-stroke.navigator-button--loading:hover { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(255, 221, 96); background-color: rgb(255, 249, 224); border-color: rgb(255, 221, 96); }
.navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--warning-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(255, 221, 96); }
.navigator-button--danger-light-fill { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill[data-motion-wave="after"]::after, .navigator-button--danger-light-fill[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(248, 207, 207); border-color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(248, 207, 207); }
.navigator-button--danger-light-fill.navigator-button--disabled, .navigator-button--danger-light-fill.navigator-button--disabled:active, .navigator-button--danger-light-fill.navigator-button--disabled:focus, .navigator-button--danger-light-fill.navigator-button--disabled:hover, .navigator-button--danger-light-fill.navigator-button--loading, .navigator-button--danger-light-fill.navigator-button--loading:active, .navigator-button--danger-light-fill.navigator-button--loading:focus, .navigator-button--danger-light-fill.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(253, 242, 242); }
.navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(253, 242, 242); }
.navigator-button--danger-light-stroke { color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); }
.navigator-button--danger-light-stroke[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke[data-motion-wave="before"]::before { color: rgb(227, 73, 73); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover { color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(234, 121, 121); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):active { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(199, 16, 35); background-color: rgb(253, 242, 242); border-color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(199, 16, 35); }
.navigator-button--danger-light-stroke.navigator-button--disabled, .navigator-button--danger-light-stroke.navigator-button--disabled:active, .navigator-button--danger-light-stroke.navigator-button--disabled:focus, .navigator-button--danger-light-stroke.navigator-button--disabled:hover, .navigator-button--danger-light-stroke.navigator-button--loading, .navigator-button--danger-light-stroke.navigator-button--loading:active, .navigator-button--danger-light-stroke.navigator-button--loading:focus, .navigator-button--danger-light-stroke.navigator-button--loading:hover { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(245, 187, 187); background-color: rgb(253, 242, 242); border-color: rgb(245, 187, 187); }
.navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--danger-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(245, 187, 187); }
.navigator-button--info-light-fill { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill[data-motion-wave="after"]::after, .navigator-button--info-light-fill[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(182, 221, 253); border-color: rgb(182, 221, 253); }
.navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(182, 221, 253); }
.navigator-button--info-light-fill.navigator-button--disabled, .navigator-button--info-light-fill.navigator-button--disabled:active, .navigator-button--info-light-fill.navigator-button--disabled:focus, .navigator-button--info-light-fill.navigator-button--disabled:hover, .navigator-button--info-light-fill.navigator-button--loading, .navigator-button--info-light-fill.navigator-button--loading:active, .navigator-button--info-light-fill.navigator-button--loading:focus, .navigator-button--info-light-fill.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(232, 244, 255); }
.navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-fill.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(232, 244, 255); }
.navigator-button--info-light-stroke { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); border-color: rgb(0, 87, 255); }
.navigator-button--info-light-stroke[data-motion-wave="after"]::after, .navigator-button--info-light-stroke[data-motion-wave="before"]::before { color: rgb(0, 87, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):hover { color: rgb(46, 123, 255); background-color: rgb(232, 244, 255); border-color: rgb(46, 123, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):hover[data-motion-wave="before"]::before { color: rgb(46, 123, 255); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):focus { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):focus[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):active { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled):active[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover { color: rgb(0, 63, 210); background-color: rgb(232, 244, 255); border-color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke:not(.navigator-button--disabled).navigator-button--checked[data-motion-wave="before"]::before { color: rgb(0, 63, 210); }
.navigator-button--info-light-stroke.navigator-button--disabled, .navigator-button--info-light-stroke.navigator-button--disabled:active, .navigator-button--info-light-stroke.navigator-button--disabled:focus, .navigator-button--info-light-stroke.navigator-button--disabled:hover, .navigator-button--info-light-stroke.navigator-button--loading, .navigator-button--info-light-stroke.navigator-button--loading:active, .navigator-button--info-light-stroke.navigator-button--loading:focus, .navigator-button--info-light-stroke.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked { color: rgb(186, 218, 255); background-color: rgb(232, 244, 255); border-color: rgb(186, 218, 255); }
.navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--disabled:hover.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:active.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:focus.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--info-light-stroke.navigator-button--loading:hover.navigator-button--checked[data-motion-wave="before"]::before { color: rgb(186, 218, 255); }
.navigator-button--dashed { border-style: dashed; }
.navigator-button--text { color: rgb(0, 87, 255); background-color: transparent; border-color: transparent; }
.navigator-button--text[data-motion-wave="after"]::after, .navigator-button--text[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text:hover { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; }
.navigator-button--text:hover[data-motion-wave="after"]::after, .navigator-button--text:hover[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--checked, .navigator-button--text:focus { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; }
.navigator-button--text.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--text:focus[data-motion-wave="after"]::after, .navigator-button--text:focus[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text:active, .navigator-button--text:active:focus, .navigator-button--text:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; }
.navigator-button--text:active:focus[data-motion-wave="after"]::after, .navigator-button--text:active:focus[data-motion-wave="before"]::before, .navigator-button--text:active:hover[data-motion-wave="after"]::after, .navigator-button--text:active:hover[data-motion-wave="before"]::before, .navigator-button--text:active[data-motion-wave="after"]::after, .navigator-button--text:active[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--disabled, .navigator-button--text.navigator-button--disabled:focus, .navigator-button--text.navigator-button--disabled:hover, .navigator-button--text.navigator-button--loading, .navigator-button--text.navigator-button--loading:focus, .navigator-button--text.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.navigator-button--text.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--text.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--text.navigator-button--loading[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--text.navigator-button--lg, .navigator-button--text.navigator-button--md, .navigator-button--text.navigator-button--sm, .navigator-button--text.navigator-button--xl, .navigator-button--text.navigator-button--xs { padding: 0px; min-width: auto; }
.navigator-button--link { color: rgb(0, 87, 255); background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-button--link[data-motion-wave="after"]::after, .navigator-button--link[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link:hover { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; text-decoration: underline; }
.navigator-button--link:hover[data-motion-wave="after"]::after, .navigator-button--link:hover[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--checked, .navigator-button--link:focus { color: rgb(46, 123, 255); background-color: transparent; border-color: transparent; animation: auto ease 0s 1 normal none running none; text-decoration: underline; }
.navigator-button--link.navigator-button--checked[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--checked[data-motion-wave="before"]::before, .navigator-button--link:focus[data-motion-wave="after"]::after, .navigator-button--link:focus[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link:active, .navigator-button--link:active:focus, .navigator-button--link:active:hover { color: rgb(0, 63, 210); background-color: transparent; border-color: transparent; text-decoration: underline; }
.navigator-button--link:active:focus[data-motion-wave="after"]::after, .navigator-button--link:active:focus[data-motion-wave="before"]::before, .navigator-button--link:active:hover[data-motion-wave="after"]::after, .navigator-button--link:active:hover[data-motion-wave="before"]::before, .navigator-button--link:active[data-motion-wave="after"]::after, .navigator-button--link:active[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--disabled, .navigator-button--link.navigator-button--disabled:active, .navigator-button--link.navigator-button--disabled:focus, .navigator-button--link.navigator-button--disabled:hover, .navigator-button--link.navigator-button--loading, .navigator-button--link.navigator-button--loading:active, .navigator-button--link.navigator-button--loading:focus, .navigator-button--link.navigator-button--loading:hover { color: rgb(186, 218, 255); background-color: transparent; border-color: transparent; }
.navigator-button--link.navigator-button--disabled:active[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:active[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled:focus[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:focus[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled:hover[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled:hover[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--disabled[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--disabled[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:active[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:active[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:focus[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:focus[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading:hover[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading:hover[data-motion-wave="before"]::before, .navigator-button--link.navigator-button--loading[data-motion-wave="after"]::after, .navigator-button--link.navigator-button--loading[data-motion-wave="before"]::before { color: transparent; }
.navigator-button--link.navigator-button--lg, .navigator-button--link.navigator-button--md, .navigator-button--link.navigator-button--sm, .navigator-button--link.navigator-button--xl, .navigator-button--link.navigator-button--xs { padding: 0px; min-width: auto; }
.navigator-button--xs { min-width: 60px; padding: 2px 8px; font-size: 12px; line-height: 18px; }
.navigator-button--sm { min-width: 80px; padding: 4px 16px; font-size: 12px; line-height: 18px; }
.navigator-button--md { min-width: 100px; padding: 4px 16px; font-size: 14px; line-height: 22px; }
.navigator-button--lg { min-width: 120px; padding: 6px 16px; font-size: 14px; line-height: 22px; }
.navigator-button--xl { min-width: 140px; padding: 7px 16px; font-size: 16px; line-height: 24px; }
.navigator-button--circle.navigator-button--xs, .navigator-button--square.navigator-button--xs { min-width: 24px; width: 24px; height: 24px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--sm, .navigator-button--square.navigator-button--sm { min-width: 28px; width: 28px; height: 28px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--md, .navigator-button--square.navigator-button--md { min-width: 32px; width: 32px; height: 32px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--lg, .navigator-button--square.navigator-button--lg { width: 36px; min-width: 36px; height: 36px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle.navigator-button--xl, .navigator-button--square.navigator-button--xl { min-width: 40px; width: 40px; height: 40px; padding-left: 0px; padding-right: 0px; }
.navigator-button--circle { border-radius: 50%; }
.navigator-button--round.navigator-button--xs { border-radius: 24px; min-width: 24px; }
.navigator-button--round.navigator-button--sm { border-radius: 28px; min-width: 28px; }
.navigator-button--round.navigator-button--md { border-radius: 32px; min-width: 32px; }
.navigator-button--round.navigator-button--lg { border-radius: 36px; min-width: 36px; }
.navigator-button--round.navigator-button--xl { min-width: 40px; border-radius: 40px; }
.navigator-button--block { display: block; width: 100%; }
.navigator-button.navigator-button--disabled, .navigator-button.navigator-button--disabled:focus, .navigator-button.navigator-button--disabled:hover { animation: auto ease 0s 1 normal none running none; cursor: not-allowed; }
.navigator-button--loading, .navigator-button--loading:focus, .navigator-button--loading:hover { animation: auto ease 0s 1 normal none running none; }
.navigator-button--loading .navigator-button__loading-icon { margin-right: 4px; }
.navigator-button--active { z-index: 3; }
.navigator-button--rtl { direction: rtl; }
.navigator-button--rtl .navigator-button__loading-icon { margin-right: 0px; margin-left: 4px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-input-group { position: relative; width: 100%; display: flex; align-self: stretch; border-radius: 8px; }
.navigator-input-group > :not(:last-child):not(:first-child)[data-okee-fill="false"] { margin-right: -1px; }
.navigator-input-group > :not(:last-child):not(:first-child), .navigator-input-group > :not(:last-child):not(:first-child) .navigator-custom-input, .navigator-input-group > :not(:last-child):not(:first-child) .navigator-input__wrapper { border-radius: 0px; }
.navigator-input-group > :first-child:not(:last-child)[data-okee-fill="false"] { margin-right: -1px; }
.navigator-input-group > :first-child:not(:last-child), .navigator-input-group > :first-child:not(:last-child) .navigator-custom-input, .navigator-input-group > :first-child:not(:last-child) .navigator-input__wrapper { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-input-group > :last-child:not(:first-child), .navigator-input-group > :last-child:not(:first-child) .navigator-custom-input, .navigator-input-group > :last-child:not(:first-child) .navigator-input__wrapper { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-input-group > .navigator-button:not(.navigator-button--disabled):active, .navigator-input-group > .navigator-button:not(.navigator-button--disabled):focus, .navigator-input-group > .navigator-button:not(.navigator-button--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled).navigator-custom-input--error { z-index: 1; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled).navigator-custom-input--focused { z-index: 4; }
.navigator-input-group .navigator-custom-input:not(.navigator-custom-input--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled).navigator-input__wrapper--error { z-index: 1; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled).navigator-input__wrapper--focused { z-index: 4; }
.navigator-input-group .navigator-input__wrapper:not(.navigator-input__wrapper--disabled):hover { z-index: 3; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled).navigator-textarea__wrapper--error { z-index: 1; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled).navigator-textarea__wrapper--focused { z-index: 4; }
.navigator-input-group .navigator-textarea__wrapper:not(.navigator-textarea__wrapper--disabled):hover { z-index: 3; }
.navigator-input-group--sm, .navigator-input-group--xs { font-size: 12px; line-height: 18px; }
.navigator-input-group--lg, .navigator-input-group--md { font-size: 14px; line-height: 22px; }
.navigator-input-group--xl { font-size: 16px; line-height: 24px; }
.navigator-input-group__addon { padding: 0px 5px; border: 1px solid; white-space: nowrap; display: flex; align-self: stretch; align-items: center; justify-content: center; }
.navigator-input-group__addon:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; margin-right: -1px; }
.navigator-input-group__addon:last-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.navigator-input-group__addon--stroke { background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.navigator-input-group__addon--stroke.navigator-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(242, 244, 247); border-color: rgb(222, 224, 227); color: rgb(49, 52, 59); }
.navigator-input-group__addon--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); border-color: rgb(242, 244, 247); }
.navigator-input-group__addon--fill.navigator-input-group__addon--disabled { cursor: not-allowed; background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.navigator-input-group--rtl { direction: rtl; }
.navigator-input-group--rtl > :first-child:not(:last-child)[data-okee-fill="false"] { margin-left: -1px; margin-right: 0px; }
.navigator-input-group--rtl > :first-child:not(:last-child), .navigator-input-group--rtl > :first-child:not(:last-child) .navigator-custom-input, .navigator-input-group--rtl > :first-child:not(:last-child) .navigator-input__wrapper { border-radius: 0px 8px 8px 0px; }
.navigator-input-group--rtl > :last-child:not(:first-child), .navigator-input-group--rtl > :last-child:not(:first-child) .navigator-custom-input, .navigator-input-group--rtl > :last-child:not(:first-child) .navigator-input__wrapper { border-radius: 8px 0px 0px 8px; }
.navigator-input-group--rtl .navigator-input-group__addon { border-radius: 8px; }
.navigator-input-group--rtl .navigator-input-group__addon:first-child { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgb(222, 224, 227); margin-left: -1px; margin-right: 0px; }
.navigator-input-group--rtl .navigator-input-group__addon:last-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input__wrapper { display: inline-flex; position: relative; border-radius: 8px; width: 100%; }
.navigator-input__wrapper .navigator-input { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; }
.navigator-input__wrapper .navigator-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-input__wrapper .navigator-input[type="number"], .navigator-input__wrapper .navigator-input[type="password"], .navigator-input__wrapper .navigator-input[type="text"] { appearance: none; }
.navigator-input__wrapper .navigator-input[type="number"]::-webkit-inner-spin-button { appearance: none; }
.navigator-input__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-input__wrapper--fill .navigator-input::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-input__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--fill.navigator-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.navigator-input__wrapper--fill.navigator-input__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.navigator-input__wrapper--fill.navigator-input__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--fill.navigator-input__wrapper--error.navigator-input__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.navigator-input__wrapper--fill.navigator-input__wrapper--disabled, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled.navigator-input__wrapper--focused, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-input__wrapper--fill.navigator-input__wrapper--disabled .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled.navigator-input__wrapper--focused .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--fill.navigator-input__wrapper--disabled:hover .navigator-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-input__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.navigator-input__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.navigator-input__wrapper--stroke.navigator-input__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.navigator-input__wrapper--stroke.navigator-input__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--error.navigator-input__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
@keyframes bui-input-focus-effect_error { 
  0% { box-shadow: rgb(227, 73, 73) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
}
.navigator-input__wrapper--stroke.navigator-input__wrapper--disabled, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled.navigator-input__wrapper--focused, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-input__wrapper--stroke.navigator-input__wrapper--disabled .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled.navigator-input__wrapper--focused .navigator-input::-webkit-input-placeholder, .navigator-input__wrapper--stroke.navigator-input__wrapper--disabled:hover .navigator-input::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-input__wrapper--xs { padding: 2px 8px; }
.navigator-input__wrapper--xs, .navigator-input__wrapper--xs .navigator-input { font-size: 12px; line-height: 18px; }
.navigator-input__wrapper--sm { padding: 4px 8px; }
.navigator-input__wrapper--sm, .navigator-input__wrapper--sm .navigator-input { font-size: 12px; line-height: 18px; }
.navigator-input__wrapper--md { padding: 4px 8px; }
.navigator-input__wrapper--md, .navigator-input__wrapper--md .navigator-input { font-size: 14px; line-height: 22px; }
.navigator-input__wrapper--lg { padding: 6px 8px; }
.navigator-input__wrapper--lg, .navigator-input__wrapper--lg .navigator-input { font-size: 14px; line-height: 22px; }
.navigator-input__wrapper--xl { padding: 7px 8px; }
.navigator-input__wrapper--xl, .navigator-input__wrapper--xl .navigator-input { font-size: 16px; line-height: 24px; }
.navigator-input__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-input__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-input__wrapper .navigator-input__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-input__wrapper .navigator-input__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.navigator-input__wrapper .navigator-input__clear--margin-right { margin-right: 4px; }
.navigator-input__wrapper .navigator-input__clear:hover { color: rgb(98, 101, 108); }
.navigator-input__wrapper .navigator-input__clear:active { color: rgb(49, 52, 59); }
.navigator-input__wrapper .navigator-input__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.navigator-input__wrapper .navigator-input__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.navigator-input__wrapper .navigator-input__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-input__wrapper .navigator-input__suffix .navigator-input__clear { opacity: 0; pointer-events: none; }
.navigator-input__wrapper .navigator-input__suffix .navigator-input__clear--show { opacity: 1; pointer-events: auto; }
.navigator-input__wrapper .navigator-input__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-input__wrapper .navigator-input__after--has-clear .navigator-icon { opacity: 0; }
.navigator-input__wrapper .navigator-input__after .navigator-input__clear { display: none; }
.navigator-input__wrapper .navigator-input__after .navigator-input__clear--show { display: block; opacity: 1; }
.navigator-input__wrapper--disabled, .navigator-input__wrapper--disabled .navigator-input { cursor: not-allowed; }
.navigator-input__wrapper--disabled .navigator-input__prefix, .navigator-input__wrapper--disabled .navigator-input__suffix { color: rgb(205, 209, 216); }
.navigator-input__wrapper:hover:not(.navigator-input__wrapper--disabled):not(.navigator-input__wrapper--error) .navigator-input--stroke { border-color: rgb(0, 87, 255); }
.navigator-input__wrapper--rtl, .navigator-input__wrapper--rtl .navigator-input { direction: rtl; }
.navigator-input__wrapper--rtl .navigator-input__clear--absolute { right: auto; left: 12px; }
.navigator-input__wrapper--rtl .navigator-input__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.navigator-input__wrapper--rtl .navigator-input__prefix { padding-right: 0px; padding-left: 4px; }
.navigator-input__wrapper--rtl .navigator-input__after, .navigator-input__wrapper--rtl .navigator-input__suffix { padding-left: 0px; padding-right: 4px; }.navigator-ocean-oc-checkbox--blue .navigator-checkbox:not(.navigator-checkbox--disabled) .navigator-checkbox__inner:hover { border-color: rgb(0, 87, 255); }
.navigator-ocean-oc-checkbox--blue .navigator-checkbox:not(.navigator-checkbox--disabled).navigator-checkbox--checked .navigator-checkbox__inner, .navigator-ocean-oc-checkbox--blue .navigator-checkbox:not(.navigator-checkbox--disabled).navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-ocean-oc-checkbox--blue .navigator-checkbox:not(.navigator-checkbox--disabled).navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-ocean-oc-checkbox--blue .navigator-checkbox:not(.navigator-checkbox--disabled).navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); }
.navigator-ocean-oc-checkbox--blue .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-ocean-oc-checkbox--blue .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(186, 218, 255); background-color: rgb(186, 218, 255); }
.navigator-ocean-oc-checkbox__popover-wrap { display: inline-flex; margin-left: 4px; }
.navigator-ocean-oc-checkbox, .navigator-ocean-oc-checkbox__popover-wrap > .navigator-ocean-oc-popover { display: inline-flex; }
.navigator-ocean-oc-checkbox .navigator-checkbox > .navigator-checkbox__label { display: flex; align-items: center; }
.navigator-ocean-oc-checkbox--no-label .navigator-checkbox > .navigator-checkbox__label { margin: 0px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-checkbox-option { position: relative; display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; cursor: default; border-radius: 2px; }
.navigator-checkbox-option--stroke { color: rgb(98, 101, 108); }
.navigator-checkbox-option--stroke:hover { background-color: rgb(242, 244, 247); }
.navigator-checkbox-option--stroke:active { background-color: rgb(232, 234, 237); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--checked, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--disabled, .navigator-checkbox-option--stroke.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--stroke.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.navigator-checkbox-option--fill { color: rgb(98, 101, 108); }
.navigator-checkbox-option--fill:hover { background-color: rgb(222, 224, 227); }
.navigator-checkbox-option--fill:active { background-color: rgb(205, 209, 216); }
.navigator-checkbox-option--fill.navigator-checkbox-option--checked, .navigator-checkbox-option--fill.navigator-checkbox-option--checked:active, .navigator-checkbox-option--fill.navigator-checkbox-option--checked:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-option--fill.navigator-checkbox-option--disabled, .navigator-checkbox-option--fill.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--fill.navigator-checkbox-option--disabled:hover { cursor: not-allowed; background-color: transparent; color: rgb(185, 188, 195); }
.navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled, .navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:active, .navigator-checkbox-option--fill.navigator-checkbox-option--checked.navigator-checkbox-option--disabled:hover { background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-checkbox-option--checked::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(0, 87, 255); transform: rotate(-45deg); border-radius: 2px; }
.navigator-checkbox-option--checked.navigator-checkbox-option--disabled::after { border-left-color: rgb(186, 218, 255); }
.navigator-checkbox-option--single::after { display: none; }
.navigator-checkbox-option--xs { font-size: 12px; line-height: 18px; padding: 0px 12px; }
.navigator-checkbox-option--sm { font-size: 12px; line-height: 18px; padding: 1px 12px; }
.navigator-checkbox-option--md { font-size: 14px; line-height: 22px; padding: 2px 12px; }
.navigator-checkbox-option--lg { font-size: 14px; line-height: 22px; padding: 4px 12px; }
.navigator-checkbox-option--xl { font-size: 16px; line-height: 24px; padding: 5px 12px; }
.navigator-checkbox-group { display: inline-flex; position: relative; }
.navigator-checkbox-group .navigator-checkbox-button:not(:first-child):not(:last-child) { border-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:not(:last-child) { margin-right: -1px; }
.navigator-checkbox-group .navigator-checkbox-button:first-child:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:last-child:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-checkbox-group .navigator-checkbox-button::after { content: ""; position: absolute; right: 1px; top: -2px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(222, 224, 227); transform: rotate(-45deg); border-radius: 2px; }
.navigator-checkbox-group .navigator-checkbox-button--single::after { border-top: 0px; border-bottom: 0px; border-left: 0px; }
.navigator-checkbox-group .navigator-checkbox-button:active, .navigator-checkbox-group .navigator-checkbox-button:focus, .navigator-checkbox-group .navigator-checkbox-button:hover { z-index: 1; }
.navigator-checkbox-group .navigator-checkbox-button:active::after, .navigator-checkbox-group .navigator-checkbox-button:focus::after, .navigator-checkbox-group .navigator-checkbox-button:hover::after { border-left-color: rgb(0, 87, 255); }
.navigator-checkbox-group .navigator-checkbox-button--checked, .navigator-checkbox-group .navigator-checkbox-button--checked:active, .navigator-checkbox-group .navigator-checkbox-button--checked:focus, .navigator-checkbox-group .navigator-checkbox-button--checked:hover { z-index: 3; }
.navigator-checkbox-group .navigator-checkbox-button--checked:active::after, .navigator-checkbox-group .navigator-checkbox-button--checked::after, .navigator-checkbox-group .navigator-checkbox-button--checked:focus::after, .navigator-checkbox-group .navigator-checkbox-button--checked:hover::after { border-left-color: rgb(0, 87, 255); }
.navigator-checkbox-group .navigator-checkbox-button[disabled]:active::after, .navigator-checkbox-group .navigator-checkbox-button[disabled]:focus::after, .navigator-checkbox-group .navigator-checkbox-button[disabled]:hover::after { border-left-color: rgb(222, 224, 227); }
.navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:active::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:focus::after, .navigator-checkbox-group .navigator-checkbox-button[disabled].navigator-checkbox-button--checked:hover::after { border-left-color: rgb(186, 218, 255); }
.navigator-checkbox-group .navigator-checkbox:not(:first-child) { margin-left: 16px; }
.navigator-checkbox-option-group { display: inline-flex; border-radius: 4px; padding: 0px 2px; }
.navigator-checkbox-option-group.navigator-checkbox-group--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.navigator-checkbox-option-group.navigator-checkbox-group--fill { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); }
.navigator-checkbox-option-group .navigator-checkbox-option--xs { margin: 2px; }
.navigator-checkbox-option-group .navigator-checkbox-option--lg, .navigator-checkbox-option-group .navigator-checkbox-option--md, .navigator-checkbox-option-group .navigator-checkbox-option--sm, .navigator-checkbox-option-group .navigator-checkbox-option--xl { margin: 3px 2px; }
.navigator-checkbox-item-group { display: inline-flex; border-radius: 4px; }
.navigator-checkbox-item-group.navigator-checkbox-group--stroke::before { z-index: 1; pointer-events: none; content: ""; position: absolute; inset: 0px; margin-top: 8px; border-radius: 4px; border: 1px solid rgb(222, 224, 227); }
.navigator-checkbox-item-group.navigator-checkbox-group--stroke.navigator-checkbox-group--disabled::before { border: 1px solid rgb(242, 244, 247); }
.navigator-checkbox-item-group .navigator-checkbox-item:not(:first-child):not(:last-child), .navigator-checkbox-item-group .navigator-checkbox-item:not(:first-child):not(:last-child)::after { border-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item:not(:last-child) { margin-right: -1px; }
.navigator-checkbox-item-group .navigator-checkbox-item:first-child:not(:last-child), .navigator-checkbox-item-group .navigator-checkbox-item:first-child:not(:last-child)::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item:last-child:not(:first-child), .navigator-checkbox-item-group .navigator-checkbox-item:last-child:not(:first-child)::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-checkbox-item-group .navigator-checkbox-item--initial + .navigator-checkbox-item-group .navigator-checkbox-item--initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-checkbox-group--rtl { direction: rtl; }
.navigator-checkbox-group--rtl .navigator-checkbox-button { margin-right: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:not(:first-child) { margin-right: -1px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:first-child:not(:last-child) { border-radius: 0px 8px 8px 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-button:last-child:not(:first-child) { border-radius: 8px 0px 0px 8px; }
.navigator-checkbox-group--rtl .navigator-checkbox:first-child { margin-left: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox:not(:last-child) { margin-left: 16px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item { margin-right: 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:not(:first-child) { margin-right: -1px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:first-child:not(:last-child), .navigator-checkbox-group--rtl .navigator-checkbox-item:first-child:not(:last-child)::after { border-radius: 0px 8px 8px 0px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item:last-child:not(:first-child), .navigator-checkbox-group--rtl .navigator-checkbox-item:last-child:not(:first-child)::after { border-radius: 8px 0px 0px 8px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item .navigator-checkbox-item__checkbox { margin-right: 0px; margin-left: 4px; }
.navigator-checkbox-group--rtl .navigator-checkbox-item .navigator-checkbox-item--empty .navigator-checkbox-item__checkbox { margin-left: 0px; }
.navigator-checkbox-item { display: inline-flex; position: relative; cursor: pointer; border-radius: 8px; }
.navigator-checkbox-item--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--border-initial::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-checkbox-item--stroke:hover { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke:hover::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--checked, .navigator-checkbox-item--stroke:focus { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--checked::after, .navigator-checkbox-item--stroke:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--stroke:active { color: rgb(0, 63, 210); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke:active::after { z-index: 1; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 63, 210); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:active, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:focus, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:hover { color: rgb(147, 150, 157); background-color: rgb(245, 247, 250); cursor: not-allowed; }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:active::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:focus::after, .navigator-checkbox-item--stroke.navigator-checkbox-item--disabled:hover::after { z-index: inherit; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(223, 224, 226); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled.navigator-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--stroke.navigator-checkbox-item--disabled.navigator-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-checkbox-item--fill { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-checkbox-item--fill:hover { background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); }
.navigator-checkbox-item--fill:active { background-color: rgb(245, 247, 250); color: rgb(0, 63, 210); }
.navigator-checkbox-item--fill.navigator-checkbox-item--checked, .navigator-checkbox-item--fill:focus { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--checked::after, .navigator-checkbox-item--fill:focus::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled { background-color: rgb(245, 247, 250); color: rgb(147, 150, 157); cursor: not-allowed; }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled.navigator-checkbox-item--checked { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); }
.navigator-checkbox-item--fill.navigator-checkbox-item--disabled.navigator-checkbox-item--checked::after { z-index: 3; border-radius: 8px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(186, 218, 255); }
.navigator-checkbox-item--divider-initial + .navigator-checkbox-item--divider-initial::before { content: " "; pointer-events: none; position: absolute; top: 50%; left: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(222, 224, 227); }
.navigator-checkbox-item--xs { font-size: 12px; line-height: 18px; padding: 3px 16px; }
.navigator-checkbox-item--sm { font-size: 12px; line-height: 18px; padding: 5px 16px; }
.navigator-checkbox-item--md { font-size: 14px; line-height: 22px; padding: 5px 16px; }
.navigator-checkbox-item--lg { font-size: 14px; line-height: 22px; padding: 7px 16px; }
.navigator-checkbox-item--xl { font-size: 16px; line-height: 24px; padding: 8px 16px; }
.navigator-checkbox-item .navigator-checkbox-item__checkbox { margin-right: 4px; }
.navigator-checkbox-item--empty .navigator-checkbox-item__checkbox { margin-right: 0px; }
.navigator-checkbox { display: inline-flex; position: relative; margin: 0px; padding: 0px; list-style: none; cursor: pointer; }
.navigator-checkbox__wrapper { position: relative; display: inline-block; }
.navigator-checkbox__input { position: absolute; inset: 0px; opacity: 0; width: 100%; height: 100%; }
.navigator-checkbox .navigator-checkbox__checked-icon, .navigator-checkbox .navigator-checkbox__indeterminate-icon { display: none; }
.navigator-checkbox .navigator-checkbox__inner { display: block; position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgb(185, 188, 195); border-radius: 4px; transition: 0.1s ease-in-out; }
.navigator-checkbox .navigator-checkbox__inner:hover { border-color: rgb(69, 68, 91); background-color: rgb(255, 255, 255); }
.navigator-checkbox .navigator-checkbox__inner:active { background-color: rgba(56, 55, 79, 0.1); }
.navigator-checkbox .navigator-checkbox__label { color: rgb(49, 52, 59); word-break: break-all; }
.navigator-checkbox .navigator-checkbox__label:active, .navigator-checkbox .navigator-checkbox__label:hover { color: rgb(49, 52, 59); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner { color: rgb(255, 255, 255); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__checked-icon { display: block; }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner { color: rgb(255, 255, 255); }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(56, 55, 79); background-color: rgb(56, 55, 79); }
.navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__indeterminate-icon { display: block; }
.navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__label:hover, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__label:hover { color: rgb(49, 52, 59); }
.navigator-checkbox.navigator-checkbox--disabled, .navigator-checkbox.navigator-checkbox--disabled:hover { cursor: not-allowed; color: rgb(205, 209, 216); }
.navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--disabled:hover .navigator-checkbox__inner { border-color: rgb(243, 243, 244); background-color: rgb(245, 247, 250); }
.navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled .navigator-checkbox__label:hover { color: rgb(185, 188, 195); }
.navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(179, 178, 187); background-color: rgb(179, 178, 187); }
.navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__label:hover, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label:active, .navigator-checkbox.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__label:hover { color: rgb(185, 188, 195); }
.navigator-checkbox--light.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); }
.navigator-checkbox--light.navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-checkbox--light.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); }
.navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(232, 244, 255); background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); }
.navigator-checkbox--xl { font-size: 14px; line-height: 22px; }
.navigator-checkbox--xl .navigator-checkbox__wrapper { margin: 1px 0px; }
.navigator-checkbox--xl .navigator-checkbox__inner { width: 20px; height: 20px; }
.navigator-checkbox--xl .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--xl .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 18px; }
.navigator-checkbox--xl .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--lg { font-size: 14px; line-height: 22px; }
.navigator-checkbox--lg .navigator-checkbox__wrapper { margin: 1px 0px; }
.navigator-checkbox--lg .navigator-checkbox__inner { width: 20px; height: 20px; }
.navigator-checkbox--lg .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--lg .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 18px; }
.navigator-checkbox--lg .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--md { font-size: 14px; line-height: 22px; }
.navigator-checkbox--md .navigator-checkbox__wrapper { margin: 3px 0px; }
.navigator-checkbox--md .navigator-checkbox__inner { width: 16px; height: 16px; }
.navigator-checkbox--md .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--md .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 14px; }
.navigator-checkbox--md .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--sm { font-size: 12px; line-height: 18px; }
.navigator-checkbox--sm .navigator-checkbox__wrapper { margin: 2px 0px; }
.navigator-checkbox--sm .navigator-checkbox__inner { width: 14px; height: 14px; }
.navigator-checkbox--sm .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--sm .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 12px; }
.navigator-checkbox--sm .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--xs { font-size: 12px; line-height: 18px; }
.navigator-checkbox--xs .navigator-checkbox__wrapper { margin: 3px 0px; }
.navigator-checkbox--xs .navigator-checkbox__inner { width: 12px; height: 12px; }
.navigator-checkbox--xs .navigator-checkbox__inner .navigator-checkbox__checked-icon, .navigator-checkbox--xs .navigator-checkbox__inner .navigator-checkbox__indeterminate-icon { font-size: 10px; }
.navigator-checkbox--xs .navigator-checkbox__label { margin: 0px 8px; }
.navigator-checkbox--rtl { direction: rtl; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-message-fade-enter-from, .navigator-message-fade-leave-to { opacity: 0; transform: translateY(-100%); }
.navigator-message-fade-enter-active, .navigator-message-fade-leave-active { transition: 0.2s ease-in-out; }
.navigator-message { padding: 6px; text-align: center; }
.navigator-message:first-child { margin-top: -6px; }
.navigator-message__content { display: inline-flex; align-items: center; pointer-events: all; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-radius: 8px; padding: 8px 16px; font-size: 12px; font-weight: 400; line-height: 22px; color: rgb(49, 52, 59); word-break: break-all; }
.navigator-message__icon + .navigator-message__text { margin-left: 8px; }
.navigator-message__text { display: inline-flex; }
.navigator-message--info .navigator-message__icon { color: rgb(0, 87, 255); }
.navigator-message--success .navigator-message__icon { color: rgb(13, 166, 0); }
.navigator-message--warning .navigator-message__icon { color: rgb(235, 150, 23); }
.navigator-message--danger .navigator-message__icon { color: rgb(227, 73, 73); }
.navigator-message--loading .navigator-message__icon { color: rgb(0, 87, 255); }
.navigator-message--rtl { direction: rtl; }
.navigator-message--rtl .navigator-message__icon + .navigator-message__text { margin-right: 8px; margin-left: 0px; }
.navigator-message--teleport { position: absolute; transform: translateX(-50%); left: 50%; z-index: 9999; }
#okee-message-container { position: fixed; width: 100%; top: 16px; left: 0px; pointer-events: none; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-modal-fade-enter-active, .navigator-modal-fade-leave-active { transition: 0.2s ease-in-out; }
.navigator-modal-fade-enter-from, .navigator-modal-fade-leave-to { transform: scale(0.8); }
.navigator-modal-fade-enter-to, .navigator-modal-fade-leave-from { transform: scale(1); }
.navigator-modal { position: relative; width: 600px; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; margin: auto; }
.navigator-modal--topfix { align-items: flex-start; }
.navigator-modal--hide { display: none; }
.navigator-modal__wrap { display: flex; overflow: auto; position: fixed; inset: 0px; align-items: center; }
.navigator-modal__wrap--hide { display: none; }
.navigator-modal__header { padding: 24px 24px 20px; color: rgb(49, 52, 59); }
.navigator-modal__header-with-close { margin-right: 25px; }
.navigator-modal__title { font-size: 16px; line-height: 24px; font-weight: 600; color: rgb(49, 52, 59); }
.navigator-modal__body { padding: 0px 24px; color: inherit; font-size: inherit; line-height: inherit; }
.navigator-modal__body-with-status { padding-left: 50px; }
.navigator-modal__footer { padding: 24px; }
.navigator-modal__close-icon { position: absolute; width: 20px; height: 20px; font-size: 20px; color: rgb(49, 52, 59); top: 25px; right: 25px; cursor: pointer; z-index: 1; }
.navigator-modal__close-icon--hide { display: none; }
.navigator-modal__close-icon:hover { color: rgb(0, 87, 255); }
.navigator-modal__close-icon:active { color: rgb(0, 63, 210); }
.navigator-modal__header-error, .navigator-modal__header-info, .navigator-modal__header-success, .navigator-modal__header-warning { display: flex; align-items: center; font-weight: 600; font-size: 16px; line-height: 24px; }
.navigator-modal__header-error .navigator-icon, .navigator-modal__header-info .navigator-icon, .navigator-modal__header-success .navigator-icon, .navigator-modal__header-warning .navigator-icon { font-size: 18px; margin-right: 8px; }
.navigator-modal__header-info .navigator-icon { color: rgb(0, 87, 255); }
.navigator-modal__header-success .navigator-icon { color: rgb(13, 166, 0); }
.navigator-modal__header-warning .navigator-icon { color: rgb(235, 150, 23); }
.navigator-modal__header-error .navigator-icon { color: rgb(227, 73, 73); }
.navigator-modal__footer-btn-box { display: flex; justify-content: flex-end; }
.navigator-modal__footer-btn-box .navigator-button + .navigator-button { margin-left: 12px; }
.navigator-modal--divider .navigator-modal__header { padding: 24px; }
.navigator-modal--divider .navigator-modal__body { background: rgb(247, 249, 252); border-top: 1px solid rgb(222, 224, 227); border-bottom: 1px solid rgb(222, 224, 227); padding: 0px; }
.navigator-modal--rtl { direction: rtl; }
.navigator-modal--rtl .navigator-modal__close-icon { right: auto; left: 25px; }.navigator-ocean-oc-msg { display: flex; }
.navigator-ocean-oc-msg-size-xs { font-size: 12px; line-height: 18px; }
.navigator-ocean-oc-msg-size-sm { font-size: 14px; line-height: 22px; }
.navigator-ocean-oc-msg-size-md { font-size: 16px; line-height: 24px; }
.navigator-ocean-oc-msg-size-lg { font-size: 18px; line-height: 26px; }
.navigator-ocean-oc-msg-size-xl { font-size: 20px; line-height: 28px; }
.navigator-ocean-oc-msg-icon { height: 14px; margin: 2px 4px 0px 0px; font-size: 0px; }
.navigator-ocean-oc-msg-icon svg { display: block; }
.navigator-ocean-oc-msg-icon-success { color: rgb(13, 166, 0); }
.navigator-ocean-oc-msg-icon-primary { color: rgb(0, 87, 255); }
.navigator-ocean-oc-msg-icon-danger { color: rgb(227, 73, 73); }
.navigator-ocean-oc-msg-icon-warning { color: rgb(235, 150, 23); }
.navigator-ocean-oc-msg-list { line-height: 0; }
.navigator-ocean-oc-msg-list .navigator-ocean-oc-typography { display: inline; }
.navigator-ocean-oc-typography + .navigator-ocean-oc-msg-list__item-image, .navigator-ocean-oc-typography + .navigator-ocean-oc-msg-list__item-video { margin-top: 8px; }
.navigator-ocean-oc-msg-list__item-a + .navigator-ocean-oc-typography { margin-left: 4px; }
.navigator-ocean-oc-msg-list__item-a + .navigator-ocean-oc-msg-list__url-icon { margin-left: 2px; }
.navigator-ocean-oc-msg-list__item-image { width: 100%; }
.navigator-ocean-oc-msg-list__url-icon { vertical-align: middle; color: rgb(0, 87, 255); }
.navigator-ocean-oc-msg-list__url-icon:hover { cursor: pointer; }
.navigator-ocean-oc-msg-list__item-a + .navigator-ocean-oc-msg-list__item-a, .navigator-ocean-oc-msg-list__url-icon + .navigator-ocean-oc-typography, .navigator-ocean-oc-typography + .navigator-ocean-oc-msg-list__item-a { margin-left: 4px; }@keyframes oc-typography-glow { 
  0% { background-position: 150% 0px; }
  100% { background-position: -50% 0px; }
}
@keyframes sweep-left-to-right { 
  0% { background-position: 100% 50%; }
  100% { background-position: -100% 50%; }
}
.navigator-ocean-oc-typography { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; font-weight: 400; word-break: break-all; white-space: normal; display: -webkit-box; text-rendering: auto; }
.navigator-ocean-oc-typography ol, .navigator-ocean-oc-typography ul { padding: 0px; margin: 0px; }
.navigator-ocean-oc-typography ol li, .navigator-ocean-oc-typography ul li { margin-left: 14px; }
.navigator-ocean-oc-typography ul { list-style: initial; }
.navigator-ocean-oc-typography li + li { margin-top: 4px; }
.navigator-ocean-oc-typography .navigator-ocean-oc-typography-value-em { color: rgb(0, 87, 255); font-style: normal; }
.navigator-ocean-oc-typography-size-xs { font-size: 12px; line-height: 18px; }
.navigator-ocean-oc-typography-size-sm { font-size: 14px; line-height: 22px; }
.navigator-ocean-oc-typography-size-md { font-size: 16px; line-height: 24px; }
.navigator-ocean-oc-typography-size-lg { font-size: 18px; line-height: 26px; }
.navigator-ocean-oc-typography-size-xl { font-size: 20px; line-height: 28px; }
.navigator-ocean-oc-typography-color-inherit { color: inherit; }
.navigator-ocean-oc-typography-color-default { color: rgb(49, 52, 59); }
.navigator-ocean-oc-typography-color-auxiliary { color: rgb(98, 101, 108); }
.navigator-ocean-oc-typography-color-secondary { color: rgb(147, 150, 157); }
.navigator-ocean-oc-typography-color-primary { color: rgb(0, 87, 255); }
.navigator-ocean-oc-typography-color-ai-light { background-clip: text; position: relative; overflow: hidden; background-image: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.navigator-ocean-oc-typography-color-ai-light .navigator-ocean-oc-typography-value-int { color: transparent; }
.navigator-ocean-oc-typography-color-ai { background-clip: text; overflow: hidden; background-image: linear-gradient(90deg, rgb(71, 215, 250), rgb(59, 126, 244) 33.18%, rgb(255, 255, 255) 50%, rgb(184, 78, 241) 67%, rgb(59, 126, 244) 87.5%, rgb(71, 215, 250)); background-size: 200% 100%; animation: 2s linear 0s infinite normal none running sweep-left-to-right; }
.navigator-ocean-oc-typography-color-ai .navigator-ocean-oc-typography-value-int { color: transparent; }
.navigator-ocean-oc-typography-color-danger { color: rgb(227, 73, 73); }
.navigator-ocean-oc-typography-color-success { color: rgb(13, 166, 0); }
.navigator-ocean-oc-typography-color-warning { color: rgb(235, 150, 23); }
.navigator-ocean-oc-typography-disabled { color: rgb(185, 188, 195); }
.navigator-ocean-oc-typography-color-primary.navigator-ocean-oc-typography.navigator-ocean-oc-typography-disabled { color: rgb(186, 218, 255); }
.navigator-ocean-oc-typography-bold { font-weight: 700; }
.navigator-ocean-oc-typography-italic { font-style: italic; }
.navigator-ocean-oc-typography-dashed span { font-weight: 700; white-space: break-spaces; word-break: break-word; text-rendering: auto; -webkit-font-smoothing: antialiased; border-image-slice: 1; border-image-source: repeating-linear-gradient(90deg, rgb(147, 150, 157), rgb(147, 150, 157) 3px, transparent 0px, transparent 5px); border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image-outset: 0; }
.navigator-ocean-oc-typography-dashed span:hover { border-image-source: repeating-linear-gradient(90deg, rgb(147, 150, 157), rgb(147, 150, 157) 1px, transparent 0px, transparent 1px); }
.navigator-ocean-oc-typography-underline { text-decoration-line: underline; text-decoration-style: solid; }
.navigator-ocean-oc-typography-line-through { text-decoration-line: line-through; text-decoration-style: solid; }
.navigator-ocean-oc-typography-type-number, .navigator-ocean-oc-typography-type-number * { font-family: OC-OPPOSans, "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.navigator-ocean-oc-typography-type-douyin, .navigator-ocean-oc-typography-type-douyin *, .navigator-ocean-oc-typography-type-market, .navigator-ocean-oc-typography-type-market * { font-family: "Douyin Sans", "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.navigator-ocean-oc-typography-type-number.navigator-ocean-oc-typography.navigator-ocean-oc-typography-bold, .navigator-ocean-oc-typography-type-number.navigator-ocean-oc-typography.navigator-ocean-oc-typography-bold * { font-family: OC-OPPOSans-Bold, "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; }
.navigator-ocean-oc-typography-type-text { display: inline-block; }
.navigator-ocean-oc-typography-type-span { display: inline; }
.navigator-ocean-oc-typography-cursor, .navigator-ocean-oc-typography-dashed, .navigator-ocean-oc-typography-overflow { cursor: pointer; }
.navigator-ocean-oc-typography-color-auxiliary.navigator-ocean-oc-typography.navigator-ocean-oc-typography-cursor:not(.navigator-ocean-oc-typography-disabled):hover, .navigator-ocean-oc-typography-color-default.navigator-ocean-oc-typography.navigator-ocean-oc-typography-cursor:not(.navigator-ocean-oc-typography-disabled):hover, .navigator-ocean-oc-typography-color-primary.navigator-ocean-oc-typography.navigator-ocean-oc-typography-cursor:not(.navigator-ocean-oc-typography-disabled):hover, .navigator-ocean-oc-typography-color-secondary.navigator-ocean-oc-typography.navigator-ocean-oc-typography-cursor:not(.navigator-ocean-oc-typography-disabled):hover { color: rgb(46, 123, 255); }
.navigator-ocean-oc-typography-operation-expand { margin: 0px 0px 0px 4px; cursor: pointer; color: rgb(0, 87, 255); }
.navigator-ocean-oc-typography-operation-icon { margin-left: 4px; margin-top: -2px; vertical-align: middle; }
.navigator-ocean-oc-typography-list-span { word-break: break-all; white-space: normal; }
.navigator-ocean-oc-typography-list-span-nowrap { white-space: nowrap; }
.navigator-ocean-oc-typography-list-icon { margin-left: 4px; margin-top: -2px; vertical-align: middle; }
.navigator-ocean-oc-typography-span-nowrap { white-space: nowrap; }
.navigator-ocean-oc-typography .navigator-ocean-oc-popover { display: inline-flex; }
.navigator-ocean-oc-operation-expand { margin: 0px 0px 0px 4px; cursor: pointer; color: rgb(0, 87, 255); gap: 4px; }
.navigator-ocean-oc-operation-expand, .navigator-ocean-oc-operation-icon { display: inline-flex; align-items: center; }
.navigator-ocean-oc-typography-list-style { width: 8px; height: 8px; flex: 1 1 0%; display: inline-block; margin-right: 4px; background-color: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; box-sizing: border-box; border: 1px solid rgb(255, 255, 255); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-circle { border-radius: 100%; }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-primary { background: rgb(0, 87, 255); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-danger { background: rgb(227, 73, 73); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-success { background: rgb(13, 166, 0); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-warning { background: rgb(235, 150, 23); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-auxiliary { background: rgb(98, 101, 108); }
.navigator-ocean-oc-typography-list-style.navigator-ocean-oc-typography-list-style-color-secondary { background: rgb(147, 150, 157); }.navigator-ocean-oc-help-feedback { width: 100%; font-size: 12px; font-weight: 400; margin-top: 6px; }
.navigator-ocean-oc-help-feedback .navigator-ocean-result { color: rgb(147, 150, 157); }
.navigator-ocean-oc-help-feedback .navigator-ocean-header-item { color: rgb(98, 101, 108); display: flex; cursor: pointer; }
.navigator-ocean-oc-help-feedback .navigator-ocean-header-item.navigator-ocean-active, .navigator-ocean-oc-help-feedback .navigator-ocean-header-item:hover { color: rgb(0, 87, 255); }
.navigator-ocean-oc-help-feedback .navigator-ocean-header-item .navigator-ocean-msg-text { margin-left: 4px; }
.navigator-ocean-oc-help-feedback--light .navigator-ocean-header-item { color: rgb(255, 255, 255); opacity: 0.6; }
.navigator-ocean-oc-help-feedback--light .navigator-ocean-header-item.navigator-ocean-active, .navigator-ocean-oc-help-feedback--light .navigator-ocean-header-item:hover { opacity: 1; color: rgb(255, 255, 255); }
.navigator-ocean-oc-help-feedback--light .navigator-ocean-result { color: rgb(255, 255, 255); }
.navigator-ocean-oc-help-feedback-popper .navigator-ocean-content { margin-top: 4px; }
.navigator-ocean-oc-help-feedback-popper .navigator-ocean-content .navigator-textarea__wrapper--md .navigator-textarea, .navigator-ocean-oc-help-feedback-popper .navigator-ocean-content.navigator-textarea__wrapper--md { font-size: 12px; }
.navigator-ocean-oc-help-feedback-popper .navigator-ocean-footer { text-align: right; margin-top: 4px; }.navigator-ocean-oc-title, .navigator-ocean-oc-title-prefix { display: flex; justify-content: flex-start; align-items: center; }
.navigator-ocean-oc-title-text + div { margin-left: 4px; }
.navigator-ocean-oc-title-text .navigator-ocean-oc-title-required { vertical-align: 3px; margin-left: 4px; }
.navigator-ocean-oc-title-text .navigator-ocean-oc-title-new, .navigator-ocean-oc-title-text .navigator-ocean-oc-title-popover { height: 16px; margin-left: 4px; vertical-align: sub; }
.navigator-ocean-oc-title-text .navigator-ocean-oc-title-new, .navigator-ocean-oc-title-text .navigator-ocean-oc-title-popover, .navigator-ocean-oc-title-text .navigator-ocean-oc-title-required, .navigator-ocean-oc-title-text .navigator-ocean-oc-title-slot { display: inline-block; }
.navigator-ocean-oc-title-popover { display: flex; align-items: center; }
.navigator-ocean-oc-title-popover + div { margin-left: 4px; }
.navigator-ocean-oc-title-before-popover { display: flex; align-items: center; }
.navigator-ocean-oc-title-before-popover + div { margin-left: 4px; }
.navigator-ocean-oc-title-slot { display: flex; }
.navigator-ocean-oc-title-slot + div { margin-left: 4px; }
.navigator-ocean-oc-title-new { display: flex; align-items: center; }
.navigator-ocean-oc-title-new + div { margin-left: 4px; }
.navigator-ocean-oc-title-required { width: 4px; height: 4px; background: rgb(227, 73, 73); border-radius: 2px; }
.navigator-ocean-oc-title-suffix { margin-left: 4px; }
.navigator-ocean-oc-title.navigator-ocean-oc-title__align .navigator-ocean-oc-title-suffix { flex: 1 1 0%; display: inline-flex; }
.navigator-ocean-oc-title.navigator-ocean-oc-title__align-center .navigator-ocean-oc-title-suffix { justify-content: center; }
.navigator-ocean-oc-title.navigator-ocean-oc-title__align-end .navigator-ocean-oc-title-suffix { justify-content: flex-end; }.navigator-ocean-oc-row-input { width: 100%; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-wrap { display: flex; align-items: center; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group .navigator-custom-input { cursor: text; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group .navigator-textarea__suffix { height: 22px; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group .navigator-ocean-suffix-count { color: rgb(147, 150, 157); }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group .navigator-textarea__wrapper .navigator-textarea__count { font-size: 14px; line-height: 18px; bottom: 6px; }
.navigator-ocean-oc-row-input .navigator-ocean-append-string, .navigator-ocean-oc-row-input .navigator-ocean-prefix-icon, .navigator-ocean-oc-row-input .navigator-ocean-prepend-string, .navigator-ocean-oc-row-input .navigator-ocean-suffix-icon, .navigator-ocean-oc-row-input .navigator-ocean-suffix-string { color: rgb(147, 150, 157); cursor: pointer; }
.navigator-ocean-oc-row-input .navigator-ocean-append-icon, .navigator-ocean-oc-row-input .navigator-ocean-prepend-icon { color: rgb(49, 52, 59); cursor: pointer; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-prepend { position: relative; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-append { position: relative; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-append * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-append-divider::before { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; }
.navigator-ocean-oc-row-input .navigator-ocean-oc-input-group-prepend-divider::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-textarea__wrapper { display: inline-flex; position: relative; border-radius: 8px; width: 100%; }
.navigator-textarea__wrapper .navigator-textarea { width: 100%; flex: 1 1 0%; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: rgba(255, 255, 255, 0); color: inherit; cursor: inherit; vertical-align: bottom; }
.navigator-textarea__wrapper .navigator-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-textarea__wrapper .navigator-textarea[type="number"], .navigator-textarea__wrapper .navigator-textarea[type="password"], .navigator-textarea__wrapper .navigator-textarea[type="text"] { appearance: none; }
.navigator-textarea__wrapper .navigator-textarea[type="number"]::-webkit-inner-spin-button { appearance: none; }
.navigator-textarea__wrapper--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--fill .navigator-textarea::-webkit-input-placeholder { color: rgb(147, 150, 157); }
.navigator-textarea__wrapper--fill:hover { color: rgb(49, 52, 59); background-color: rgb(242, 244, 247); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error { border: 1px solid transparent; background-color: rgb(253, 242, 242); color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error:hover { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(234, 121, 121); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--error.navigator-textarea__wrapper--focused { color: rgb(49, 52, 59); background-color: rgb(253, 242, 242); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--fill.navigator-textarea__wrapper--disabled:hover .navigator-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-textarea__wrapper--stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(223, 224, 226); }
.navigator-textarea__wrapper--stroke:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); transition: 0.1s ease-in-out; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_primary; }
@keyframes bui-input-focus-effect_primary { 
  0% { box-shadow: rgb(0, 87, 255) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
}
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(227, 73, 73); }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error:hover { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(234, 121, 121); transition: border-color 0.1s ease-in-out; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--error.navigator-textarea__wrapper--focused { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; animation: 0.1s ease-in-out 0s 1 normal none running bui-input-focus-effect_error; }
@keyframes bui-input-focus-effect_error { 
  0% { box-shadow: rgb(227, 73, 73) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
}
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border: 1px solid rgb(242, 244, 247); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
.navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled.navigator-textarea__wrapper--focused .navigator-textarea::-webkit-input-placeholder, .navigator-textarea__wrapper--stroke.navigator-textarea__wrapper--disabled:hover .navigator-textarea::-webkit-input-placeholder { color: rgb(185, 188, 195); }
.navigator-textarea__wrapper--xs { padding: 2px 8px; }
.navigator-textarea__wrapper--xs, .navigator-textarea__wrapper--xs .navigator-textarea { font-size: 12px; line-height: 18px; }
.navigator-textarea__wrapper--sm { padding: 4px 8px; }
.navigator-textarea__wrapper--sm, .navigator-textarea__wrapper--sm .navigator-textarea { font-size: 12px; line-height: 18px; }
.navigator-textarea__wrapper--md { padding: 4px 8px; }
.navigator-textarea__wrapper--md, .navigator-textarea__wrapper--md .navigator-textarea { font-size: 14px; line-height: 22px; }
.navigator-textarea__wrapper--lg { padding: 6px 8px; }
.navigator-textarea__wrapper--lg, .navigator-textarea__wrapper--lg .navigator-textarea { font-size: 14px; line-height: 22px; }
.navigator-textarea__wrapper--xl { padding: 7px 8px; }
.navigator-textarea__wrapper--xl, .navigator-textarea__wrapper--xl .navigator-textarea { font-size: 16px; line-height: 24px; }
.navigator-textarea__wrapper--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-textarea__wrapper--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-textarea__wrapper .navigator-textarea__clear { color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-textarea__wrapper .navigator-textarea__clear--absolute { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); }
.navigator-textarea__wrapper .navigator-textarea__clear--margin-right { margin-right: 4px; }
.navigator-textarea__wrapper .navigator-textarea__clear:hover { color: rgb(98, 101, 108); }
.navigator-textarea__wrapper .navigator-textarea__clear:active { color: rgb(49, 52, 59); }
.navigator-textarea__wrapper .navigator-textarea__count { color: rgb(147, 150, 157); background: transparent; position: absolute; font-size: 12px; line-height: 14px; bottom: 4px; }
.navigator-textarea__wrapper .navigator-textarea__prefix { z-index: 1; display: flex; align-self: stretch; align-items: center; padding-right: 4px; color: rgb(49, 52, 59); }
.navigator-textarea__wrapper .navigator-textarea__suffix { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-textarea__wrapper .navigator-textarea__suffix .navigator-textarea__clear { opacity: 0; pointer-events: none; }
.navigator-textarea__wrapper .navigator-textarea__suffix .navigator-textarea__clear--show { opacity: 1; pointer-events: auto; }
.navigator-textarea__wrapper .navigator-textarea__after { z-index: 1; align-self: stretch; align-items: center; color: rgb(49, 52, 59); display: flex; padding-left: 4px; }
.navigator-textarea__wrapper .navigator-textarea__after--has-clear .navigator-icon { opacity: 0; }
.navigator-textarea__wrapper .navigator-textarea__after .navigator-textarea__clear { display: none; }
.navigator-textarea__wrapper .navigator-textarea__after .navigator-textarea__clear--show { display: block; opacity: 1; }
.navigator-textarea__wrapper--disabled, .navigator-textarea__wrapper--disabled .navigator-textarea { cursor: not-allowed; }
.navigator-textarea__wrapper--disabled .navigator-textarea__prefix, .navigator-textarea__wrapper--disabled .navigator-textarea__suffix { color: rgb(205, 209, 216); }
.navigator-textarea__wrapper:hover:not(.navigator-textarea__wrapper--disabled):not(.navigator-textarea__wrapper--error) .navigator-textarea--stroke { border-color: rgb(0, 87, 255); }
.navigator-textarea__wrapper--rtl, .navigator-textarea__wrapper--rtl .navigator-textarea { direction: rtl; }
.navigator-textarea__wrapper--rtl .navigator-textarea__clear--absolute { right: auto; left: 12px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__clear--margin-right { margin-right: 0px; margin-left: 4px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__prefix { padding-right: 0px; padding-left: 4px; }
.navigator-textarea__wrapper--rtl .navigator-textarea__after, .navigator-textarea__wrapper--rtl .navigator-textarea__suffix { padding-left: 0px; padding-right: 4px; }.navigator-ocean-oc-row .navigator-ocean-oc-row-msg.navigator-ocean-oc-msg-secondary { margin-top: 8px; }
.navigator-ocean-oc-row .navigator-ocean-oc-row-msg.navigator-ocean-oc-msg-danger, .navigator-ocean-oc-row .navigator-ocean-oc-row-msg.navigator-ocean-oc-msg-success, .navigator-ocean-oc-row .navigator-ocean-oc-row-msg.navigator-ocean-oc-msg-warning { margin-top: 4px; }
.navigator-ocean-oc-row.navigator-ocean-oc-row-horizontal { display: flex; align-items: flex-start; gap: 12px; }
.navigator-ocean-oc-row.navigator-ocean-oc-row-horizontal .navigator-ocean-oc-row-title { word-break: break-all; flex-shrink: 0; }
.navigator-ocean-oc-row.navigator-ocean-oc-row-horizontal .navigator-ocean-oc-row-title .navigator-ocean-oc-title-text { padding-top: calc((var(--oc-row-title-align-height) - 1lh)/2); }
.navigator-ocean-oc-row.navigator-ocean-oc-row-horizontal .navigator-ocean-oc-row-content { flex: 1 1 0%; }.navigator-popover--tooltip.navigator-ocean-oc-input-group-unit { padding: 2px 6px; border-radius: 4px; left: var(--input-number-unit-offset) !important; }
.navigator-popover--tooltip.navigator-ocean-oc-input-group-unit .navigator-popover__arrow { display: none; }
.navigator-popover--tooltip.navigator-ocean-oc-input-group-unit::after { content: ""; position: absolute; left: calc(50% - 4px); top: 100%; width: 0px; height: 0px; border-width: 4px 4px 0px; border-style: solid; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px 0px; border-color: rgba(50, 51, 53, 0.95) transparent transparent; }
.navigator-ocean-oc-row-input-number { --input-number-unit-offset: 0px; }
.navigator-ocean-oc-row-input-number .navigator-ocean-append-icon, .navigator-ocean-oc-row-input-number .navigator-ocean-append-string, .navigator-ocean-oc-row-input-number .navigator-ocean-prepend-icon, .navigator-ocean-oc-row-input-number .navigator-ocean-prepend-string { color: rgb(147, 150, 157); }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-wrap { display: flex; align-items: center; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group { width: auto; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-wrap .navigator-ocean-oc-input-group .navigator-custom-input { cursor: text; flex: 1 1 0%; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-prepend { position: relative; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-prepend * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-append { position: relative; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-append * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-append-divider::before { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; left: 0px; transform: translateY(-50%); z-index: 1; }
.navigator-ocean-oc-row-input-number .navigator-ocean-oc-input-group-prepend-divider::after { content: ""; width: 1px; height: 16px; position: absolute; display: block; background-color: rgb(223, 224, 226); top: 50%; right: 0px; transform: translateY(-50%); z-index: 1; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-input-number { width: auto; }
.navigator-input-number__content-wrapper { width: auto; flex: 1 1 0%; }
.navigator-input-number__content { flex-wrap: nowrap; }
.navigator-input-number__vertical-wrapper { display: flex; flex-direction: column; justify-content: center; align-self: stretch; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.navigator-input-number__down, .navigator-input-number__up { display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; flex: 1 1 0%; cursor: pointer; }
.navigator-input-number__down:hover, .navigator-input-number__up:hover { color: rgb(0, 87, 255); }
.navigator-input-number__down:active, .navigator-input-number__up:active { color: rgb(0, 63, 210); }
.navigator-input-number__angle-up { transform: rotate(180deg); }
.navigator-input-number__prev { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.navigator-input-number__prev::after { content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input-number__next { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.navigator-input-number__next::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; border-left: 1px solid rgb(222, 224, 227); }
.navigator-input-number__next, .navigator-input-number__prev { position: relative; width: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); align-self: stretch; }
.navigator-input-number__next:hover, .navigator-input-number__prev:hover { color: rgb(0, 87, 255); }
.navigator-input-number__next:active, .navigator-input-number__prev:active { color: rgb(0, 63, 210); }
.navigator-input-number--stroke .navigator-custom-input__prefix, .navigator-input-number--stroke .navigator-custom-input__prefix .navigator-input-number__prev { height: 100%; }
.navigator-input-number--stroke .navigator-input-number__next, .navigator-input-number--stroke .navigator-input-number__prev { background-color: rgb(247, 249, 252); }
.navigator-input-number--fill .navigator-input-number__prev::after { border-color: rgb(223, 224, 226); }
.navigator-input-number--fill .navigator-input-number__next::after { border-color: rgb(223, 224, 226); top: 8px; bottom: 8px; }
.navigator-input-number.navigator-input-number--horizontal { padding: 0px; }
.navigator-input-number.navigator-input-number--default-vertical, .navigator-input-number.navigator-input-number--display-vertical { padding-right: 0px; }
.navigator-input-number.navigator-input-number--default-vertical .navigator-input-number__suffix { visibility: hidden; }
.navigator-input-number.navigator-input-number--default-vertical .navigator-input-number__suffix--focused, .navigator-input-number.navigator-input-number--default-vertical:hover .navigator-input-number__suffix { visibility: visible; }
.navigator-input-number--disabled, .navigator-input-number--disabled .navigator-input-number__content-wrapper { cursor: not-allowed; color: inherit; }
.navigator-input-number--disabled .navigator-input-number__next, .navigator-input-number--disabled .navigator-input-number__vertical-wrapper .navigator-input-number__prev { background-color: transparent; }
.navigator-input-number .navigator-input-number__down--disabled, .navigator-input-number .navigator-input-number__next--disabled, .navigator-input-number .navigator-input-number__prev--disabled, .navigator-input-number .navigator-input-number__up--disabled, .navigator-input-number--disabled .navigator-input-number__divider, .navigator-input-number--disabled .navigator-input-number__down, .navigator-input-number--disabled .navigator-input-number__next, .navigator-input-number--disabled .navigator-input-number__prev, .navigator-input-number--disabled .navigator-input-number__up { cursor: not-allowed; border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.navigator-input-number--rtl.navigator-input-number--default-vertical, .navigator-input-number--rtl.navigator-input-number--display-vertical { padding-right: 8px; padding-left: 0px; }
.navigator-input-number--rtl .navigator-input-number__vertical-wrapper { border-radius: 8px 0px 0px 8px; }
.navigator-input-number--rtl .navigator-input-number__prev { border-radius: 0px 4px 4px 0px; }
.navigator-input-number--rtl .navigator-input-number__prev::after { left: 0px; right: auto; }
.navigator-input-number--rtl .navigator-input-number__next { border-radius: 8px 0px 0px 8px; }
.navigator-input-number--rtl .navigator-input-number__next::after { right: 0px; left: auto; }
.navigator-input-number--rtl.navigator-input-number--stroke .navigator-input-number__down, .navigator-input-number--rtl.navigator-input-number--stroke .navigator-input-number__up { border-right: 1px solid rgb(222, 224, 227); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper { width: 24px; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__down svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__down:hover svg { width: 14px; height: 14px; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__up:has(+ .navigator-input-number__down:hover) svg { width: 10px; height: 10px; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__up svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover svg { width: 14px; height: 14px; }
.navigator-custom-input--xs .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover + .navigator-input-number__down svg { width: 10px; height: 10px; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper { width: 24px; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__down svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__down:hover svg { width: 14px; height: 14px; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__up:has(+ .navigator-input-number__down:hover) svg { width: 10px; height: 10px; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__up svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover svg { width: 14px; height: 14px; }
.navigator-custom-input--sm .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover + .navigator-input-number__down svg { width: 10px; height: 10px; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper { width: 28px; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__down svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__down:hover svg { width: 18px; height: 18px; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__up:has(+ .navigator-input-number__down:hover) svg { width: 12px; height: 12px; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__up svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover svg { width: 18px; height: 18px; }
.navigator-custom-input--md .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover + .navigator-input-number__down svg { width: 12px; height: 12px; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper { width: 32px; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__down svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__down:hover svg { width: 18px; height: 18px; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__up:has(+ .navigator-input-number__down:hover) svg { width: 12px; height: 12px; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__up svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover svg { width: 18px; height: 18px; }
.navigator-custom-input--xl .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover + .navigator-input-number__down svg { width: 12px; height: 12px; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper { width: 28px; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__down svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__down:hover svg { width: 20px; height: 20px; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__up:has(+ .navigator-input-number__down:hover) svg { width: 14px; height: 14px; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__up svg { transition: 0.1s ease-in-out; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover svg { width: 20px; height: 20px; }
.navigator-custom-input--lg .navigator-input-number__vertical-wrapper .navigator-input-number__up:hover + .navigator-input-number__down svg { width: 14px; height: 14px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-option { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-option__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-option__content { flex: 1 1 0%; align-items: center; }
.navigator-option__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-option__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-option__expand--icon { color: rgb(49, 52, 59); }
.navigator-option.navigator-option--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-option--single.navigator-option--selected { color: rgb(0, 87, 255); }
.navigator-option.navigator-option--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-option.navigator-option--disabled .navigator-option__expand--icon { color: rgb(185, 188, 195); }
.navigator-option.navigator-option--disabled.navigator-option--single.navigator-option--selected { color: rgb(186, 218, 255); }
.navigator-option:hover:not(.navigator-option--disabled) { background-color: rgb(242, 244, 247); }
.navigator-option--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-option--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-option--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-option--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-option--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-option--rtl { direction: rtl; }
.navigator-option--rtl .navigator-option__action { margin-right: 0px; margin-left: 8px; }
.navigator-option--rtl .navigator-option__expand { margin-left: 0px; margin-right: 8px; }
.navigator-optgroup { display: none; }
.navigator-optgroup__label { color: rgb(147, 150, 157); cursor: default; }
.navigator-optgroup__label--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-optgroup--visible { display: block; }
.navigator-optgroup--xs { font-size: 12px; line-height: 18px; }
.navigator-optgroup--xs .navigator-optgroup__label { padding: 3px 12px; }
.navigator-optgroup--sm { font-size: 12px; line-height: 18px; }
.navigator-optgroup--sm .navigator-optgroup__label { padding: 5px 12px; }
.navigator-optgroup--md { font-size: 14px; line-height: 22px; }
.navigator-optgroup--md .navigator-optgroup__label { padding: 6px 12px; }
.navigator-optgroup--lg { font-size: 14px; line-height: 22px; }
.navigator-optgroup--lg .navigator-optgroup__label { padding: 7px 12px; }
.navigator-optgroup--xl { font-size: 16px; line-height: 24px; }
.navigator-optgroup--xl .navigator-optgroup__label { padding: 8px 12px; }
.navigator-custom-input { position: relative; width: 100%; outline: none; padding: 0px 8px; border-radius: 8px; display: inline-flex; cursor: pointer; }
.navigator-custom-input::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-custom-input::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-custom-input::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-custom-input::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-custom-input__content { flex: 1 1 0%; display: flex; flex-wrap: wrap; max-width: 100%; word-break: break-all; align-items: center; gap: 4px; }
.navigator-custom-input__prefix { display: flex; align-items: center; margin-right: 4px; }
.navigator-custom-input__after, .navigator-custom-input__suffix { position: sticky; top: 0px; display: inline-flex; color: rgb(49, 52, 59); padding-left: 4px; align-items: center; }
.navigator-custom-input__search { max-width: 100%; width: 100%; min-width: 4px; flex: 1 1 0%; }
.navigator-custom-input__after--has-clear .navigator-icon { opacity: 0; }
.navigator-custom-input__after--has-clear .navigator-custom-input__clear { opacity: 1; }
.navigator-custom-input__clear { visibility: hidden; color: rgb(147, 150, 157); z-index: 3; cursor: pointer; transition: opacity 0.1s ease-in; }
.navigator-custom-input__clear--absolute { position: absolute; display: none; right: 0px; }
.navigator-custom-input__clear--margin-right { margin-right: 12px; }
.navigator-custom-input__clear--show { visibility: visible; display: block; }
.navigator-custom-input__clear:hover { color: rgb(98, 101, 108); }
.navigator-custom-input__clear:active { color: rgb(49, 52, 59); }
.navigator-custom-input--collapsible { overflow-y: hidden; }
.navigator-custom-input--open { z-index: 3; border-radius: 8px; background-color: rgb(255, 255, 255); position: absolute; overflow-y: auto; }
.navigator-custom-input--expand { position: relative; }
.navigator-custom-input--stroke { border: 1px solid rgb(222, 224, 227); background-color: rgb(255, 255, 255); }
.navigator-custom-input--stroke:hover { border-color: rgb(0, 87, 255); }
.navigator-custom-input--stroke.navigator-custom-input--focused, .navigator-custom-input--stroke.navigator-custom-input--focused:hover { border-color: rgb(0, 87, 255); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--stroke.navigator-custom-input--focused.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--focused.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--stroke.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); }
.navigator-custom-input--stroke.navigator-custom-input--disabled, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--error, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--error:hover, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--focused, .navigator-custom-input--stroke.navigator-custom-input--disabled.navigator-custom-input--focused:hover, .navigator-custom-input--stroke.navigator-custom-input--disabled:hover { background-color: rgb(245, 247, 250); border-color: rgb(242, 244, 247); color: rgb(185, 188, 195); }
.navigator-custom-input--fill { border: 1px solid transparent; background-color: rgb(242, 244, 247); }
.navigator-custom-input--fill:hover { border-color: rgb(0, 87, 255); background-color: rgb(242, 244, 247); }
.navigator-custom-input--fill.navigator-custom-input--error { border-color: transparent; background-color: rgb(253, 242, 242); }
.navigator-custom-input--fill.navigator-custom-input--error:hover { border-color: rgb(234, 121, 121); background-color: rgb(253, 242, 242); }
.navigator-custom-input--fill.navigator-custom-input--focused, .navigator-custom-input--fill.navigator-custom-input--focused:hover { border-color: rgb(0, 87, 255); background-color: rgb(232, 234, 237); box-shadow: rgba(0, 87, 255, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--fill.navigator-custom-input--focused.navigator-custom-input--error, .navigator-custom-input--fill.navigator-custom-input--focused.navigator-custom-input--error:hover { border-color: rgb(227, 73, 73); background-color: rgb(253, 242, 242); box-shadow: rgba(227, 73, 73, 0.2) 0px 0px 0px 2px; }
.navigator-custom-input--fill.navigator-custom-input--disabled, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--error, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--error:hover, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--focused, .navigator-custom-input--fill.navigator-custom-input--disabled.navigator-custom-input--focused:hover, .navigator-custom-input--fill.navigator-custom-input--disabled:hover { background-color: rgb(245, 247, 250); border-color: transparent; color: rgb(185, 188, 195); }
.navigator-custom-input--unstyle { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; color: rgb(49, 52, 59); }
.navigator-custom-input--noborder { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(255, 255, 255); }
.navigator-custom-input--disabled, .navigator-custom-input--disabled:hover { box-shadow: none; cursor: not-allowed; animation: auto ease 0s 1 normal none running none; }
.navigator-custom-input--disabled .navigator-custom-input__after, .navigator-custom-input--disabled .navigator-custom-input__suffix { color: rgb(205, 209, 216); }
.navigator-custom-input--xs { font-size: 12px; line-height: 18px; min-height: 24px; }
.navigator-custom-input--xs .navigator-custom-input__content { gap: 3px 4px; }
.navigator-custom-input--xs .navigator-custom-input__search { margin: 2px 4px 2px 0px; }
.navigator-custom-input--xs .navigator-custom-input__suffix { height: 22px; }
.navigator-custom-input--xs .navigator-custom-input__suffix--center { top: calc(50% - 11px); }
.navigator-custom-input--xs.navigator-custom-input--collapsible { max-height: 24px; }
.navigator-custom-input--xs.navigator-custom-input--open { max-height: 86px; }
.navigator-custom-input--sm { font-size: 12px; line-height: 18px; min-height: 28px; }
.navigator-custom-input--sm .navigator-custom-input__search { margin: 4px 4px 4px 0px; }
.navigator-custom-input--sm .navigator-custom-input__suffix .navigator-custom-input__after { height: 26px; }
.navigator-custom-input--sm .navigator-custom-input__suffix .navigator-custom-input__after--center { top: calc(50% - 13px); }
.navigator-custom-input--sm.navigator-custom-input--collapsible { max-height: 28px; }
.navigator-custom-input--sm.navigator-custom-input--open { max-height: 93px; }
.navigator-custom-input--md { font-size: 14px; line-height: 22px; min-height: 32px; }
.navigator-custom-input--md .navigator-custom-input__search { margin: 5px 4px 5px 0px; }
.navigator-custom-input--md .navigator-custom-input__after, .navigator-custom-input--md .navigator-custom-input__suffix { height: 30px; }
.navigator-custom-input--md .navigator-custom-input__after--center, .navigator-custom-input--md .navigator-custom-input__suffix--center { top: calc(50% - 15px); }
.navigator-custom-input--md.navigator-custom-input--collapsible { max-height: 32px; }
.navigator-custom-input--md.navigator-custom-input--open { max-height: 107px; }
.navigator-custom-input--lg { font-size: 14px; line-height: 22px; min-height: 36px; }
.navigator-custom-input--lg .navigator-custom-input__search { margin: 6px 4px 6px 0px; }
.navigator-custom-input--lg .navigator-custom-input, .navigator-custom-input--lg .navigator-custom-input__after { height: 34px; }
.navigator-custom-input--lg .navigator-custom-input--center, .navigator-custom-input--lg .navigator-custom-input__after--center { top: calc(50% - 17px); }
.navigator-custom-input--lg.navigator-custom-input--collapsible { max-height: 36px; }
.navigator-custom-input--lg.navigator-custom-input--open { max-height: 121px; }
.navigator-custom-input--xl { font-size: 16px; line-height: 24px; min-height: 40px; }
.navigator-custom-input--xl .navigator-custom-input__search { margin: 8px 4px 8px 0px; }
.navigator-custom-input--xl .navigator-custom-input__after, .navigator-custom-input--xl .navigator-custom-input__suffix { height: 38px; }
.navigator-custom-input--xl .navigator-custom-input__after--center, .navigator-custom-input--xl .navigator-custom-input__suffix--center { top: calc(50% - 19px); }
.navigator-custom-input--xl.navigator-custom-input--collapsible { max-height: 40px; }
.navigator-custom-input--xl.navigator-custom-input--open { max-height: 135px; }
.navigator-custom-input__wrapper { width: 100%; position: relative; }
.navigator-custom-input__wrapper--xs { height: 24px; }
.navigator-custom-input__wrapper--sm { height: 28px; }
.navigator-custom-input__wrapper--md { height: 32px; }
.navigator-custom-input__wrapper--lg { height: 36px; }
.navigator-custom-input__wrapper--xl { height: 40px; }
.navigator-custom-input__wrapper--expand { height: unset; }
.navigator-custom-input--rtl { direction: rtl; }
.navigator-custom-input--rtl .navigator-custom-input__clear--absolute { right: auto; left: 0px; }
.navigator-custom-input--rtl .navigator-custom-input__clear--margin-right { margin-right: 0px; margin-left: 12px; }
.navigator-custom-input--rtl .navigator-custom-input__prefix { margin-left: 4px; margin-right: 0px; }
.navigator-custom-input--rtl .navigator-custom-input__after, .navigator-custom-input--rtl .navigator-custom-input__suffix { padding-right: 4px; padding-left: 0px; }
.navigator-custom-input--rtl.navigator-custom-input--lg .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--md .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--sm .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--xl .navigator-custom-input__search, .navigator-custom-input--rtl.navigator-custom-input--xs .navigator-custom-input__search { margin-left: 4px; margin-right: 0px; }
.navigator-select { display: inline-flex; width: 100%; position: relative; vertical-align: bottom; }
.navigator-select__tips { text-align: center; user-select: none; border: 1px solid transparent; font-size: 14px; line-height: 22px; min-width: 26px; border-radius: 13px; padding: 1px 8px; margin-right: 4px; }
.navigator-select__arrow { color: rgb(147, 150, 157); }
.navigator-select__arrow--open { transform: rotate(180deg); }
.navigator-select__input:not(.navigator-input__wrapper--disabled) { cursor: pointer; }
.navigator-select__tag-content { max-width: calc(100% - 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navigator-select__empty { height: 192px; display: flex; justify-content: center; align-items: center; }
.navigator-select--stroke .navigator-select__tips { background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-select--stroke.navigator-select--disabled .navigator-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-select--fill .navigator-select__tips { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(255, 255, 255); }
.navigator-select--fill.navigator-select--disabled .navigator-select__tips { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(245, 247, 250); }
.navigator-select--text { color: rgb(49, 52, 59); width: auto; cursor: pointer; }
.navigator-select--text .navigator-select__text-wrapper--active, .navigator-select--text:hover { color: rgb(0, 87, 255); }
.navigator-select--text .navigator-select__text-wrapper--active:active, .navigator-select--text:hover:active { color: rgb(0, 63, 210); }
.navigator-select--text .navigator-select__text-wrapper { display: inline-flex; align-self: stretch; align-items: center; }
.navigator-select--text .navigator-select__arrow { margin-right: 0px; }
.navigator-select--text.navigator-select--disabled, .navigator-select--text.navigator-select--disabled:hover { color: rgb(205, 209, 216); cursor: not-allowed; }
.navigator-select--xs { font-size: 12px; line-height: 18px; }
.navigator-select--xs .navigator-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-select--sm { font-size: 12px; line-height: 18px; }
.navigator-select--sm .navigator-select__tips { font-size: 12px; line-height: 18px; min-width: 22px; border-radius: 11px; padding: 1px 8px; }
.navigator-select--lg, .navigator-select--md { font-size: 14px; line-height: 22px; }
.navigator-select--xl { font-size: 16px; line-height: 24px; }
.navigator-select--disabled .navigator-select__tips { background-color: rgb(247, 249, 252); color: rgb(205, 209, 216); border-color: rgb(242, 244, 247); }
.navigator-select--disabled .navigator-select__arrow { color: rgb(205, 209, 216); }
.navigator-select__multiple .navigator-custom-input { padding: 3px 8px; color: rgb(49, 52, 59); }
.navigator-select__multiple .navigator-custom-input__content { padding-right: 54px; overflow-y: auto; }
.navigator-select__multiple .navigator-custom-input__after { position: absolute; right: 8px; }
.navigator-select__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 8px; display: none; background-color: rgb(255, 255, 255); }
.navigator-select__popper--show { display: block; }
.navigator-select__popper-header { border-bottom: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-select__popper-footer { border-top: 1px solid rgb(232, 234, 237); padding: 6px 12px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-select--rtl { direction: rtl; }
.navigator-select--rtl .navigator-select__tips { margin-right: 0px; margin-left: 4px; }
.navigator-select__popper--rtl { direction: rtl; }
.navigator-select-fade-enter-active, .navigator-select-fade-leave-active { transition: opacity 0.1s ease-in-out; }
.navigator-select-fade-enter-from, .navigator-select-fade-leave-to { opacity: 0; }
.navigator-select-fade-enter-to, .navigator-select-fade-leave-from { opacity: 1; }
.navigator-select__filter { border-bottom: 1px solid rgb(232, 234, 237); }
.navigator-select__filter-icon { color: rgb(185, 188, 195); }
.navigator-select__options { max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-select__options::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-select__options::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-select__options::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-select__options::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-tag { display: inline-flex; align-items: center; border-radius: 4px; border-width: 1px; border-style: solid; border-color: transparent; position: relative; background-clip: padding-box; white-space: nowrap; cursor: pointer; }
.navigator-tag__close { display: inline-flex; margin-left: 4px; }
.navigator-tag--default-stroke { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border-color: rgb(223, 224, 226); }
.navigator-tag--default-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.navigator-tag--default-stroke.navigator-tag--disabled, .navigator-tag--default-stroke.navigator-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-fill, .navigator-tag--default-fill:hover { background-color: rgb(49, 52, 59); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--default-fill.navigator-tag--disabled, .navigator-tag--default-fill.navigator-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-light-fill, .navigator-tag--default-light-fill:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.navigator-tag--default-light-fill.navigator-tag--disabled, .navigator-tag--default-light-fill.navigator-tag--disabled:hover { background-color: rgb(242, 244, 247); color: rgb(185, 188, 195); border-color: rgb(242, 244, 247); }
.navigator-tag--default-light-stroke, .navigator-tag--default-light-stroke:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: rgb(223, 224, 226); }
.navigator-tag--default-light-stroke.navigator-tag--disabled, .navigator-tag--default-light-stroke.navigator-tag--disabled:hover { background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); border-color: rgb(223, 224, 226); }
.navigator-tag--info-fill, .navigator-tag--info-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--info-fill.navigator-tag--disabled, .navigator-tag--info-fill.navigator-tag--disabled:hover { background-color: rgb(186, 218, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--info-stroke, .navigator-tag--info-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-tag--info-stroke.navigator-tag--disabled, .navigator-tag--info-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-tag--info-light-fill, .navigator-tag--info-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--info-light-fill.navigator-tag--disabled, .navigator-tag--info-light-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--info-light-stroke, .navigator-tag--info-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--info-light-stroke.navigator-tag--disabled, .navigator-tag--info-light-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--success-fill, .navigator-tag--success-fill:hover { background-color: rgb(13, 166, 0); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--success-fill.navigator-tag--disabled, .navigator-tag--success-fill.navigator-tag--disabled:hover { background-color: rgb(131, 219, 178); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--success-stroke, .navigator-tag--success-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(13, 166, 0); border-color: rgb(13, 166, 0); }
.navigator-tag--success-stroke.navigator-tag--disabled, .navigator-tag--success-stroke.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgb(131, 219, 178); }
.navigator-tag--success-light-fill, .navigator-tag--success-light-fill:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--success-light-fill.navigator-tag--disabled, .navigator-tag--success-light-fill.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: transparent; }
.navigator-tag--success-light-stroke, .navigator-tag--success-light-stroke:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: rgba(0, 148, 62, 0.2); }
.navigator-tag--success-light-stroke.navigator-tag--disabled, .navigator-tag--success-light-stroke.navigator-tag--disabled:hover { background-color: rgb(236, 248, 235); color: rgb(131, 219, 178); border-color: rgba(0, 148, 62, 0.2); }
.navigator-tag--warning-fill, .navigator-tag--warning-fill:hover { background-color: rgb(235, 150, 23); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--warning-fill.navigator-tag--disabled, .navigator-tag--warning-fill.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--warning-stroke, .navigator-tag--warning-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(235, 150, 23); border-color: rgb(235, 150, 23); }
.navigator-tag--warning-stroke.navigator-tag--disabled, .navigator-tag--warning-stroke.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--warning-light-fill, .navigator-tag--warning-light-fill:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--warning-light-fill.navigator-tag--disabled, .navigator-tag--warning-light-fill.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--warning-light-stroke, .navigator-tag--warning-light-stroke:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--warning-light-stroke.navigator-tag--disabled, .navigator-tag--warning-light-stroke.navigator-tag--disabled:hover { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: rgba(235, 150, 23, 0.2); }
.navigator-tag--danger-fill, .navigator-tag--danger-fill:hover { background-color: rgb(227, 73, 73); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--danger-fill.navigator-tag--disabled, .navigator-tag--danger-fill.navigator-tag--disabled:hover { background-color: rgb(245, 187, 187); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--danger-stroke, .navigator-tag--danger-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(227, 73, 73); border-color: rgb(227, 73, 73); }
.navigator-tag--danger-stroke.navigator-tag--disabled, .navigator-tag--danger-stroke.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-tag--danger-light-fill, .navigator-tag--danger-light-fill:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--danger-light-fill.navigator-tag--disabled, .navigator-tag--danger-light-fill.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--danger-light-stroke, .navigator-tag--danger-light-stroke:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: rgba(227, 73, 73, 0.2); }
.navigator-tag--danger-light-stroke.navigator-tag--disabled, .navigator-tag--danger-light-stroke.navigator-tag--disabled:hover { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: rgb(245, 187, 187); }
.navigator-tag--primary-fill, .navigator-tag--primary-fill:hover { background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); border-color: transparent; }
.navigator-tag--primary-fill.navigator-tag--disabled, .navigator-tag--primary-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--primary-stroke, .navigator-tag--primary-stroke:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); }
.navigator-tag--primary-stroke.navigator-tag--disabled, .navigator-tag--primary-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgb(186, 218, 255); }
.navigator-tag--primary-light-fill, .navigator-tag--primary-light-fill:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--primary-light-fill.navigator-tag--disabled, .navigator-tag--primary-light-fill.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--primary-light-stroke, .navigator-tag--primary-light-stroke:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--primary-light-stroke.navigator-tag--disabled, .navigator-tag--primary-light-stroke.navigator-tag--disabled:hover { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: rgba(42, 85, 229, 0.2); }
.navigator-tag--text.navigator-tag--primary, .navigator-tag--text.navigator-tag--primary-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light:hover, .navigator-tag--text.navigator-tag--primary:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--primary.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--primary-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--primary.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--default, .navigator-tag--text.navigator-tag--default-light { background-color: transparent; color: rgb(49, 52, 59); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light:hover, .navigator-tag--text.navigator-tag--default:hover { background-color: rgb(242, 244, 247); color: rgb(98, 101, 108); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--default-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--default.navigator-tag--checked, .navigator-tag--text.navigator-tag--default.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled:hover { background-color: transparent; color: rgb(205, 209, 216); border-color: transparent; }
.navigator-tag--text.navigator-tag--default-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--default.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info, .navigator-tag--text.navigator-tag--info-light { background-color: transparent; color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light:hover, .navigator-tag--text.navigator-tag--info:hover { background-color: rgb(232, 244, 255); color: rgb(46, 123, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--info-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--info.navigator-tag--checked, .navigator-tag--text.navigator-tag--info.navigator-tag--checked:hover { background-color: rgb(232, 244, 255); color: rgb(0, 87, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled:hover { background-color: transparent; color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--info-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--info.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(232, 244, 255); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning, .navigator-tag--text.navigator-tag--warning-light { background-color: transparent; color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light:hover, .navigator-tag--text.navigator-tag--warning:hover { background-color: rgb(255, 249, 224); color: rgb(246, 183, 12); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--warning.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning.navigator-tag--checked:hover { background-color: rgb(255, 249, 224); color: rgb(235, 150, 23); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled:hover { background-color: transparent; color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--warning-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--warning.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(255, 249, 224); color: rgb(255, 221, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--success, .navigator-tag--text.navigator-tag--success-light { background-color: transparent; color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light:hover, .navigator-tag--text.navigator-tag--success:hover { background-color: rgb(236, 248, 235); color: rgb(9, 177, 96); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--success-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--success.navigator-tag--checked, .navigator-tag--text.navigator-tag--success.navigator-tag--checked:hover { background-color: rgb(236, 248, 235); color: rgb(13, 166, 0); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled:hover { background-color: transparent; color: rgb(131, 219, 178); border-color: transparent; }
.navigator-tag--text.navigator-tag--success-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--success.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(236, 248, 235); color: rgb(186, 218, 255); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger, .navigator-tag--text.navigator-tag--danger-light { background-color: transparent; color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light:hover, .navigator-tag--text.navigator-tag--danger:hover { background-color: rgb(253, 242, 242); color: rgb(234, 121, 121); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger-light.navigator-tag--checked:hover, .navigator-tag--text.navigator-tag--danger.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger.navigator-tag--checked:hover { background-color: rgb(253, 242, 242); color: rgb(227, 73, 73); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled, .navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled:hover, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled:hover { background-color: transparent; color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--text.navigator-tag--danger-light.navigator-tag--disabled.navigator-tag--checked, .navigator-tag--text.navigator-tag--danger.navigator-tag--disabled.navigator-tag--checked { background-color: rgb(253, 242, 242); color: rgb(245, 187, 187); border-color: transparent; }
.navigator-tag--xs { padding: 0px 8px; font-size: 12px; height: 16px; }
.navigator-tag--sm { padding: 0px 8px; font-size: 12px; height: 20px; }
.navigator-tag--md { padding: 0px 8px; font-size: 12px; height: 24px; }
.navigator-tag--lg { padding: 0px 8px; font-size: 14px; height: 28px; }
.navigator-tag--xl { padding: 0px 8px; font-size: 14px; height: 32px; }
.navigator-tag--disabled, .navigator-tag--disabled.navigator-tag--closable .navigator-tag__close { cursor: not-allowed; }
.navigator-tag--dashed.navigator-tag--border { border-style: dashed; }
.navigator-tag--hidden { display: none; }
.navigator-tag--rtl { direction: rtl; }
.navigator-tag--rtl .navigator-tag__close { margin-right: 4px; margin-left: 0px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-empty { color: rgb(185, 188, 195); line-height: 22px; font-size: 14px; }
.navigator-empty__image { text-align: center; margin: auto; width: 38px; height: 38px; }
.navigator-empty__image .navigator-empty__image-icon { width: 100%; height: 100%; }
.navigator-empty__content, .navigator-empty__description { margin-top: 8px; text-align: center; line-height: 22px; font-size: 14px; }
.navigator-empty__content { padding: 0px 12px 12px; }.navigator-ocean-oc-affix { display: flex; }
.navigator-ocean-oc-affix .navigator-ocean-oc-typography-dashed span { font-weight: unset; -webkit-font-smoothing: unset; }
.navigator-ocean-oc-affix.navigator-ocean-oc-affix-disabled .navigator-ocean-oc-typography-dashed span { border-image-source: repeating-linear-gradient(90deg, rgb(185, 188, 195), rgb(185, 188, 195) 3px, transparent 0px, transparent 5px); }
.navigator-ocean-oc-affix .navigator-ocean-oc-affix-typography { font-size: unset; line-height: unset; color: unset; }.navigator-ocean-oc-button-wrap { display: inline-flex; }
.navigator-ocean-oc-button-wrap-block { width: 100%; }
.navigator-ocean-oc-button-wrap-block .navigator-button { white-space: normal; display: flex; }
.navigator-ocean-oc-button-wrap .navigator-button--md:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text) { min-width: 88px; }
.navigator-ocean-oc-button-wrap .navigator-button--sm:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text) { min-width: 56px; padding: 3px 15px; }
.navigator-ocean-oc-button-wrap .navigator-button--xs:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text) { min-width: 56px; }
.navigator-ocean-oc-button-wrap .navigator-ocean-oc-button-color-inherit { color: inherit; }
.navigator-ocean-oc-button-wrap .navigator-button--text { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: unset !important; }
.navigator-ocean-oc-button-wrap .navigator-ocean-custom-icon { position: absolute; top: -1px; right: -1px; line-height: 0; }
.navigator-ocean-oc-button-wrap .navigator-ocean-prefixIcon + span, .navigator-ocean-oc-button-wrap span + .navigator-ocean-suffixIcon { margin-left: 4px; }
.navigator-ocean-oc-button-wrap .navigator-button--loading.navigator-ocean-oc-button-icon .navigator-ocean-prefixIcon, .navigator-ocean-oc-button-wrap .navigator-button--loading.navigator-ocean-oc-button-icon .navigator-ocean-suffixIcon { display: none; }
.navigator-ocean-oc-button-wrap .navigator-button--loading.navigator-ocean-oc-button-icon .navigator-button__loading-icon { margin-right: 0px; }
.navigator-ocean-oc-button-selected-wrap .navigator-button--default-stroke { border: 1px solid rgb(0, 87, 255); color: rgb(0, 87, 255); }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill { position: relative; background: none; border: 1px solid transparent; }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill::before { content: ""; position: absolute; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); z-index: -1; inset: -1px; border-radius: inherit; isolation: isolate; }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill:hover::before { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill:active::before, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill:focus-visible::before { background: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill.navigator-button--disabled { color: rgb(255, 255, 255); }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-fill.navigator-button--disabled::before { background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text) { border: 1px solid transparent !important; }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text)::before { content: ""; z-index: -1; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); border-radius: inherit; position: absolute; inset: -1px; }
.navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:not(.navigator-button--link, .navigator-button--square, .navigator-button--circle, .navigator-button--text)::after { content: ""; z-index: -1; background: rgb(255, 255, 255); border-radius: 7px; position: absolute; inset: 0px; }
.navigator-ocean-oc-button-scene-ai .navigator-button--link, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke, .navigator-ocean-oc-button-scene-ai .navigator-button--text { background-clip: text; background-image: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link .navigator-ocean-button-text, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke .navigator-ocean-button-text, .navigator-ocean-oc-button-scene-ai .navigator-button--text .navigator-ocean-button-text { color: transparent; }
.navigator-ocean-oc-button-scene-ai .navigator-button--link:hover, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:hover, .navigator-ocean-oc-button-scene-ai .navigator-button--text:hover { background-image: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link:hover::before, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:hover::before, .navigator-ocean-oc-button-scene-ai .navigator-button--text:hover::before { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link:active, .navigator-ocean-oc-button-scene-ai .navigator-button--link:focus-visible, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:active, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:focus-visible, .navigator-ocean-oc-button-scene-ai .navigator-button--text:active, .navigator-ocean-oc-button-scene-ai .navigator-button--text:focus-visible { background-image: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link:active::before, .navigator-ocean-oc-button-scene-ai .navigator-button--link:focus-visible::before, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:active::before, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:focus-visible::before, .navigator-ocean-oc-button-scene-ai .navigator-button--text:active::before, .navigator-ocean-oc-button-scene-ai .navigator-button--text:focus-visible::before { background: linear-gradient(115deg, rgb(55, 154, 199) 0.02%, rgb(48, 102, 195) 28.15%, rgb(119, 74, 194) 59.13%, rgb(175, 66, 170) 78.95%, rgb(198, 94, 99) 95.91%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link:active::after, .navigator-ocean-oc-button-scene-ai .navigator-button--link:focus-visible::after, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:active::after, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke:focus-visible::after, .navigator-ocean-oc-button-scene-ai .navigator-button--text:active::after, .navigator-ocean-oc-button-scene-ai .navigator-button--text:focus-visible::after { background: linear-gradient(122deg, rgb(240, 252, 255) 10.27%, rgb(239, 245, 254) 38.69%, rgb(249, 241, 254) 58.77%, rgb(254, 241, 250) 75.03%, rgb(255, 245, 242) 88.94%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link.navigator-button--disabled, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke.navigator-button--disabled, .navigator-ocean-oc-button-scene-ai .navigator-button--text.navigator-button--disabled { background-image: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link.navigator-button--disabled::before, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke.navigator-button--disabled::before, .navigator-ocean-oc-button-scene-ai .navigator-button--text.navigator-button--disabled::before { background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); }
.navigator-ocean-oc-button-scene-ai .navigator-button--link.navigator-button--disabled::after, .navigator-ocean-oc-button-scene-ai .navigator-button--primary-stroke.navigator-button--disabled::after, .navigator-ocean-oc-button-scene-ai .navigator-button--text.navigator-button--disabled::after { background: rgb(255, 255, 255); }
.navigator-ocean-hide-border button { border-color: rgb(255, 255, 255) !important; box-shadow: unset !important; }
.navigator-ocean-hide-border .navigator-button--primary-stroke::after, .navigator-ocean-hide-border .navigator-button--primary-stroke::before { display: none; }.navigator-ocean-oc-checkbox-group__hint-wrap { display: inline-flex; margin-left: 4px; }
.navigator-ocean-oc-checkbox-group__hint-wrap > .navigator-ocean-oc-popover { display: inline-flex; align-items: center; }
.navigator-ocean-oc-checkbox-group__item-tag { position: absolute; top: 0px; right: 0px; z-index: 9; }
.navigator-ocean-oc-checkbox-group-plain .navigator-checkbox-group { flex-wrap: wrap; gap: 8px 0px; }
.navigator-ocean-oc-checkbox-group-plain .navigator-ocean-oc-checkbox, .navigator-ocean-oc-checkbox-group-plain .navigator-ocean-oc-checkbox-group-all { margin-right: 16px; }
.navigator-ocean-oc-checkbox-group-plain :last-child { margin-right: unset; }
.navigator-ocean-oc-checkbox-group { display: inline-flex; align-items: center; }
.navigator-ocean-oc-checkbox-group-all { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.navigator-ocean-oc-checkbox-group-all-button { margin-top: 0px; min-width: 88px; background-color: rgb(242, 244, 247); border-radius: 4px 0px 0px 4px; font-size: 14px; line-height: 22px; padding: 5px 16px; position: relative; margin-right: -1px; z-index: 2; }
.navigator-ocean-oc-checkbox-group-all-button:hover { background-color: rgb(245, 247, 250); }
.navigator-ocean-oc-checkbox-group-all-button:hover .navigator-checkbox .navigator-checkbox__label { color: rgb(0, 87, 255); }
.navigator-ocean-oc-checkbox-group-all-button::before { content: " "; pointer-events: none; position: absolute; top: 50%; right: 0px; width: 1px; height: 16px; margin-top: -8px; background-color: rgb(223, 224, 226); }
.navigator-ocean-oc-checkbox-group-all-button.navigator-ocean-oc-checkbox-group-all-button-checked { background-color: rgb(255, 255, 255); }
.navigator-ocean-oc-checkbox-group-all-button.navigator-ocean-oc-checkbox-group-all-button-checked .navigator-checkbox .navigator-checkbox__label { color: rgb(0, 87, 255); }
.navigator-ocean-oc-checkbox-group-all-button.navigator-ocean-oc-checkbox-group-all-button-checked::after { z-index: 3; border-radius: 4px 0px 0px 4px; pointer-events: none; content: ""; position: absolute; inset: 0px; border: 1px solid rgb(0, 87, 255); }
.navigator-ocean-oc-checkbox-group-all-button .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-ocean-oc-checkbox-group-all-button .navigator-checkbox.navigator-checkbox--checked .navigator-checkbox__inner:hover, .navigator-ocean-oc-checkbox-group-all-button .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner, .navigator-ocean-oc-checkbox-group-all-button .navigator-checkbox.navigator-checkbox--indeterminate .navigator-checkbox__inner:hover { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item-group { flex-wrap: wrap; gap: 8px 0px; }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item-group .navigator-checkbox-item { margin-top: 0px; }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item { min-width: 88px; justify-content: center; margin-top: 8px; }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item .navigator-checkbox.navigator-checkbox--disabled:not(.navigator-checkbox--checked):not(.navigator-checkbox--indeterminate) .navigator-checkbox__inner { border-color: rgb(242, 244, 247); background-color: rgb(255, 255, 255); }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item:last-child .navigator-ocean-oc-checkbox-group__item-tag { border-top-right-radius: 4px; overflow: hidden; }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item .navigator-checkbox--light.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-ocean-oc-checkbox-group .navigator-checkbox-item .navigator-checkbox--light.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(0, 87, 255); background-color: rgb(0, 87, 255); color: rgb(255, 255, 255); }
.navigator-ocean-oc-checkbox-group .navigator-checkbox-item .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--checked .navigator-checkbox__inner, .navigator-ocean-oc-checkbox-group .navigator-checkbox-item .navigator-checkbox--light.navigator-checkbox--disabled.navigator-checkbox--indeterminate .navigator-checkbox__inner { border-color: rgb(186, 218, 255); background-color: rgb(186, 218, 255); }
.navigator-ocean-oc-checkbox-group .navigator-ocean-a-checkbox-item-single .navigator-checkbox { display: none; }
.navigator-ocean-oc-checkbox-group .navigator-ocean-a-checkbox-item-all, .navigator-ocean-oc-checkbox-group .navigator-ocean-a-checkbox-item-all::after { border-radius: 0px !important; }.navigator-ocean-oc-dropdown-button-container { display: inline-block; }
.navigator-ocean-oc-dropdown-button-container .navigator-ocean-oc-dropdown-button-icon-up { transform: rotate(180deg); }
.navigator-ocean-oc-dropdown-button-text { margin-right: 4px; }
.navigator-ocean-oc-dropdown-button-dark .navigator-button { color: rgb(49, 52, 59); }
.navigator-ocean-oc-dropdown-button-bold .navigator-button { font-weight: 700; }
.navigator-ocean-oc-dropdown-item-active { color: rgb(0, 87, 255); }
.navigator-ocean-oc-dropdown-item-title { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; padding: 6px 12px; }
.navigator-ocean-oc-dropdown-content-footer { margin: 0px 12px; border-top: 1px solid rgb(222, 224, 227); }
.navigator-ocean-oc-dropdown-item { display: flex; justify-content: space-between; align-items: center; }
.navigator-ocean-oc-dropdown-item .navigator-ocean-oc-dropdown-item-text { display: flex; align-items: center; }
.navigator-ocean-oc-dropdown-item .navigator-ocean-oc-dropdown-item-operation { display: flex; }
.navigator-ocean-oc-dropdown-item .navigator-ocean-oc-dropdown-item-operation .navigator-ocean-oc-dropdown-item-operation-icon { font-size: 14px; margin-left: 4px; color: rgb(147, 150, 157); }
.navigator-ocean-oc-dropdown-item .navigator-ocean-oc-dropdown-item-operation .navigator-ocean-oc-dropdown-item-operation-icon:hover { color: rgb(0, 87, 255); }
.navigator-ocean-oc-dropdown-item .navigator-ocean-oc-dropdown-item-operation .navigator-ocean-oc-dropdown-item-operation-icon-disabled { font-size: 14px; margin-left: 4px; color: rgb(147, 150, 157); }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-dropdown-item { display: flex; align-self: stretch; color: rgb(49, 52, 59); cursor: pointer; }
.navigator-dropdown-item__action { margin-right: 8px; display: inline-flex; align-items: center; }
.navigator-dropdown-item__content { flex: 1 1 0%; align-items: center; }
.navigator-dropdown-item__content--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.navigator-dropdown-item__expand { margin-left: 8px; display: inline-flex; align-items: center; }
.navigator-dropdown-item__expand--icon { color: rgb(49, 52, 59); }
.navigator-dropdown-item.navigator-dropdown-item--grouped { padding-left: 24px; padding-right: 24px; }
.navigator-dropdown-item--single.navigator-dropdown-item--selected { color: rgb(0, 87, 255); }
.navigator-dropdown-item.navigator-dropdown-item--disabled { cursor: not-allowed; color: rgb(185, 188, 195); }
.navigator-dropdown-item.navigator-dropdown-item--disabled .navigator-dropdown-item__expand--icon { color: rgb(185, 188, 195); }
.navigator-dropdown-item.navigator-dropdown-item--disabled.navigator-dropdown-item--single.navigator-dropdown-item--selected { color: rgb(186, 218, 255); }
.navigator-dropdown-item:hover:not(.navigator-dropdown-item--disabled) { background-color: rgb(242, 244, 247); }
.navigator-dropdown-item--xs { line-height: 18px; font-size: 12px; padding: 3px 12px; }
.navigator-dropdown-item--sm { line-height: 18px; font-size: 12px; padding: 5px 12px; }
.navigator-dropdown-item--md { line-height: 22px; font-size: 14px; padding: 6px 12px; }
.navigator-dropdown-item--lg { line-height: 24px; font-size: 16px; padding: 7px 12px; }
.navigator-dropdown-item--xl { line-height: 26px; font-size: 18px; padding: 8px 12px; }
.navigator-dropdown-item--rtl { direction: rtl; }
.navigator-dropdown-item--rtl .navigator-dropdown-item__action { margin-right: 0px; margin-left: 8px; }
.navigator-dropdown-item--rtl .navigator-dropdown-item__expand { margin-left: 0px; margin-right: 8px; }
.navigator-dropdown__popper { box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 9px 0px; border-radius: 8px; background-color: rgb(255, 255, 255); max-height: 192px; overflow-y: auto; padding: 6px 0px; }
.navigator-dropdown__popper--hide { display: none; }
.navigator-dropdown__popper--show { display: block; }
.navigator-dropdown__popper::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-dropdown__popper::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-dropdown__popper::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-dropdown__popper::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.dropdown-transition-enter-active, .dropdown-transition-leave-active { transition: opacity 0.1s ease-in-out; }
.dropdown-transition-enter-from, .dropdown-transition-leave-to { opacity: 0; }
.dropdown-transition-enter-to, .dropdown-transition-leave-from { opacity: 1; }.navigator-ocean-oc-banner { padding: 16px; min-height: 82px; border-radius: 8px; background-color: rgb(232, 244, 255); display: flex; position: relative; width: 100%; box-sizing: border-box; }
.navigator-ocean-oc-banner .navigator-ocean-oc-banner-left-wrapper { display: flex; flex: 1 1 0%; }
.navigator-ocean-oc-banner .navigator-ocean-oc-banner-left-wrapper .navigator-ocean-oc-banner-image-wrapper { display: flex; align-items: center; width: 58px; }
.navigator-ocean-oc-banner .navigator-ocean-oc-banner-left-wrapper .navigator-ocean-oc-banner-image-wrapper img { width: 100%; }
.navigator-ocean-oc-banner .navigator-ocean-oc-banner-right { margin-left: 8px; padding-top: 2px; display: flex; gap: 8px; }
.navigator-ocean-oc-banner .navigator-ocean-oc-banner-right-large { padding-top: 4px; }
.navigator-ocean-oc-banner-slot-text { display: inline-block; }
.navigator-ocean-oc-banner-slot-text-inner-style { font-family: "pingfang sc", -apple-system, blinkmacsystemfont, "segoe ui", "hiragino sans gb", "microsoft yahei", "helvetica neue", sans-serif, "apple color emoji", "segoe ui emoji"; font-style: normal; font-weight: 400; word-break: break-all; white-space: normal; display: -webkit-box; text-rendering: auto; font-size: 12px; line-height: 18px; color: rgb(49, 52, 59); }
.navigator-ocean-oc-banner-slot-text-inner-style p { margin: 0px; }
.navigator-ocean-oc-banner-slot-text-inner-style a { color: rgb(0, 87, 255); text-decoration: none; }
.navigator-ocean-oc-banner-slot-text-inner-style a:hover { color: rgb(46, 123, 255); }
.navigator-ocean-oc-banner-tip { min-height: 34px; border-radius: 8px; padding: 8px 16px; display: flex; }
.navigator-ocean-oc-banner-tip-title { padding: 16px; }
.navigator-ocean-oc-banner-tip-title-xs { padding: 8px 16px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left { flex: 1 1 0%; display: flex; align-items: flex-start; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left .navigator-ocean-oc-banner-tip-left-content-title { display: flex; align-items: center; gap: 6px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left-content { display: flex; flex-direction: column; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left-content .navigator-ocean-oc-banner-tip-left-content-title { margin-bottom: 4px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left-content-single { display: flex; align-items: center; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-left-content-single .navigator-ocean-oc-banner-tip-left-content-title { margin-right: 8px; flex-shrink: 0; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-right { display: flex; gap: 5px; padding-top: 1px; margin-left: 8px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-right-large { padding-top: 4px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-right .navigator-ocean-oc-banner-switch { margin-left: 15px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-banner-tip-right-center { align-items: center; padding-top: 0px; }
.navigator-ocean-oc-banner-tip .navigator-ocean-oc-msg-icon { margin-top: 2px; }
.navigator-ocean-oc-banner-tip-success { background-color: rgb(236, 248, 235); }
.navigator-ocean-oc-banner-tip-error { background-color: rgb(253, 242, 242); }
.navigator-ocean-oc-banner-tip-info { background-color: rgb(232, 244, 255); }
.navigator-ocean-oc-banner-tip-warning { background-color: rgb(255, 249, 224); }
.navigator-ocean-oc-banner-tip-success-border { border: 1px solid rgba(0, 148, 62, 0.2); }
.navigator-ocean-oc-banner-tip-error-border { border: 1px solid rgba(227, 73, 73, 0.2); }
.navigator-ocean-oc-banner-tip-info-border { border: 1px solid rgba(42, 85, 229, 0.2); }
.navigator-ocean-oc-banner-tip-warning-border { border: 1px solid rgba(235, 150, 23, 0.2); }
.navigator-ocean-oc-banner-tip-text { background-color: transparent; padding-left: 0px; padding-right: 0px; }
.navigator-ocean-oc-banner-close { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
.navigator-ocean-oc-banner-close:hover { cursor: pointer; color: rgb(147, 150, 157); }
.navigator-ocean-oc-banner-expand { height: 16px; font-size: 14px; display: flex; align-items: center; justify-content: center; color: rgb(49, 52, 59); }
.navigator-ocean-oc-banner-expand:hover { cursor: pointer; color: rgb(46, 123, 255); }
.navigator-ocean-oc-banner-expand-text { margin-left: 4px; }
.navigator-ocean-oc-banner-data-content { display: flex; flex: 1 1 0%; flex-direction: column; justify-content: flex-start; margin-left: 16px; color: rgb(98, 101, 108); }
.navigator-ocean-oc-banner-data-content .navigator-ocean-oc-banner-data-content-title { line-height: 24px; margin-bottom: 4px; color: rgb(49, 52, 59); font-size: 16px; font-weight: bolder; }
.navigator-ocean-oc-banner-data-content-center { justify-content: center; }.navigator-ocean-oc-pagination-wrapper .navigator-ocean-oc-pagination .navigator-ocean-oc-table-pagination-item { margin-left: 16px; }
.navigator-ocean-oc-pagination-wrapper .navigator-ocean-oc-pagination .navigator-ocean-oc-table-pagination-item .navigator-page-select { margin: 0px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-pagination .navigator-page-turner { display: inline-flex; align-items: center; list-style: none; margin: 0px; padding: 0px; }
.navigator-pagination .navigator-page-turner__item { display: flex; align-items: center; justify-content: center; height: 24px; font-size: 12px; color: rgb(49, 52, 59); border: 1px solid rgb(222, 224, 227); border-radius: 8px; margin-left: 8px; padding: 0px 5px; box-sizing: border-box; min-width: 24px; background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner__item:first-of-type { margin-left: 0px; }
.navigator-pagination .navigator-page-turner__item .navigator-page-turner__prev-icon { transform: rotate(90deg); }
.navigator-pagination .navigator-page-turner__item .navigator-page-turner__next-icon { transform: rotate(-90deg); }
.navigator-pagination .navigator-page-turner__item--active { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner__item:hover { background-color: rgb(255, 255, 255); color: rgb(0, 87, 255); border: 1px solid rgb(0, 87, 255); cursor: pointer; }
.navigator-pagination .navigator-page-turner__item:active { background-color: rgb(255, 255, 255); color: rgb(0, 63, 210); border: 1px solid rgb(0, 63, 210); }
.navigator-pagination .navigator-page-turner__item--disabled, .navigator-pagination .navigator-page-turner__item--disabled:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination .navigator-page-turner__item--disabled--active, .navigator-pagination .navigator-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination .navigator-page-turner__next-ellipsis, .navigator-pagination .navigator-page-turner__prev-ellipsis { display: flex; align-items: center; margin-left: 8px; }
.navigator-pagination .navigator-page-turner__next-ellipsis span, .navigator-pagination .navigator-page-turner__prev-ellipsis span { padding-bottom: 0.6em; }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item { border: rgb(255, 255, 255); color: rgb(49, 52, 59); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item:active { color: rgb(49, 52, 59); background-color: rgb(232, 234, 237); border-color: rgb(232, 234, 237); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item:hover { color: rgb(0, 87, 255); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--active { color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); border-color: rgb(0, 87, 255); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--disabled { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination .navigator-page-turner--text .navigator-page-turner__item--disabled:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-pagination .navigator-page-turner--rtl .navigator-page-turner__item:last-of-type { margin-left: 0px; }
.navigator-pagination .navigator-page-turner--rtl .navigator-page-turner__item:first-of-type { margin-left: 8px; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item { border: 1px solid rgb(242, 244, 247); background-color: rgb(242, 244, 247); color: rgb(49, 52, 59); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item:hover { border: 1px solid rgb(0, 87, 255); background-color: rgb(245, 247, 250); color: rgb(0, 87, 255); cursor: pointer; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--active, .navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--active:hover { color: rgb(0, 87, 255); border-color: rgb(0, 87, 255); background-color: rgb(255, 255, 255); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item:active { border: 1px solid rgb(232, 234, 237); background-color: rgb(232, 234, 237); color: rgb(49, 52, 59); }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled, .navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled--active, .navigator-pagination .navigator-page-turner--fill .navigator-page-turner__item--disabled--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination--sm .navigator-page-turner__item { min-width: 28px; height: 28px; font-size: 12px; }
.navigator-pagination--disabled .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner__item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination--disabled .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-pagination--disabled .navigator-page-turner__next-ellipsis, .navigator-pagination--disabled .navigator-page-turner__prev-ellipsis { color: rgb(205, 209, 216); }
.navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item:hover { color: rgb(185, 188, 195); background-color: rgb(245, 247, 250); border-color: rgb(245, 247, 250); }
.navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner--text .navigator-page-turner__item--active:hover { color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); border-color: rgb(186, 218, 255); }
.navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item, .navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item--active, .navigator-pagination--disabled .navigator-page-turner--fill .navigator-page-turner__item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item, .disabled-pagination-item:hover { border-color: rgb(222, 224, 227); background-color: rgb(255, 255, 255); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item--active, .disabled-pagination-item--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.disabled-pagination-item-fill, .disabled-pagination-item-fill:hover { border-color: rgb(245, 247, 250); background-color: rgb(245, 247, 250); color: rgb(185, 188, 195); cursor: not-allowed; }
.disabled-pagination-item-fill--active, .disabled-pagination-item-fill--active:hover { border-color: rgb(186, 218, 255); background-color: rgb(255, 255, 255); color: rgb(186, 218, 255); }
.navigator-page-total { display: inline-flex; font-size: 14px; color: rgb(49, 52, 59); }
.navigator-page-jumper { display: inline-flex; align-items: center; }
.navigator-page-jumper__label { flex-shrink: 0; color: rgb(49, 52, 59); font-size: 14px; margin-right: 8px; }
.navigator-page-jumper__input { width: 56px; }
.navigator-page-jumper__input.navigator-input--sm { padding: 4px 8px !important; }
.navigator-page-jumper--rtl .navigator-page-jumper__label { margin-right: auto; margin-left: 8px; }
.navigator-page-select { margin: 0px 10px; min-width: 100px; }
.navigator-pagination { display: inline-flex; align-items: center; }
.navigator-pagination--rtl { direction: rtl; }.navigator-ocean-oc-page-switch-wrapper { display: flex; align-items: center; }
.navigator-ocean-oc-page-switch-wrapper .navigator-ocean-oc-page-switch-icon { color: rgb(49, 52, 59); }
.navigator-ocean-oc-page-switch-wrapper .navigator-ocean-oc-page-switch-icon:hover { cursor: pointer; }
.navigator-ocean-oc-page-switch-wrapper .navigator-ocean-oc-page-switch-icon-disabled { color: rgb(185, 188, 195); }
.navigator-ocean-oc-page-switch-wrapper .navigator-ocean-oc-page-switch-text { color: rgb(49, 52, 59); font-size: 12px; margin: 0px 16px; }
.navigator-ocean-oc-page-switch-wrapper .navigator-ocean-oc-page-switch-text .navigator-ocean-text-slash { margin: 0px 8px; }.navigator-ocean-oc-new-badge { position: relative; display: flex; align-items: center; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-point { width: 6px; height: 6px; background: rgb(227, 73, 73); border-radius: 50%; }
.navigator-ocean-oc-new-badge:has(.navigator-ocean-oc-new-badge-point-right-top) { align-items: flex-start; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-count { background: rgb(227, 73, 73); font-size: 10px; line-height: 16px; text-align: center; font-weight: 500; color: rgb(255, 255, 255); height: 16px; border: 1px solid rgb(255, 255, 255); }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-count-xs { width: 16px; border-radius: 50%; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-count-sm { width: 20px; border-radius: 10px; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-count-md { width: 27px; border-radius: 10px; }
.navigator-ocean-oc-new-badge-right-top:has(.navigator-ocean-oc-new-badge-count) { width: fit-content; }
.navigator-ocean-oc-new-badge-right-top .navigator-ocean-oc-new-badge-count-right-top { position: absolute; top: -11px; }
.navigator-ocean-oc-new-badge-right-top .navigator-ocean-oc-new-badge-count { box-sizing: content-box; }
.navigator-ocean-oc-new-badge-right-top .navigator-ocean-oc-new-badge-count-xs { right: -8px; }
.navigator-ocean-oc-new-badge-right-top .navigator-ocean-oc-new-badge-count-sm { right: -12px; }
.navigator-ocean-oc-new-badge-right-top .navigator-ocean-oc-new-badge-count-md { right: -19px; }
.navigator-ocean-oc-new-badge-right .navigator-ocean-oc-new-badge-count { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-count-right, .navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-icon-right, .navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-point-right { margin-left: 4px; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-icon-right { font-size: 0px; }
.navigator-ocean-oc-new-badge .navigator-ocean-oc-new-badge-point-left { margin-right: 4px; }.navigator-ocean-nav-empty-drop { margin-top: 11px; max-height: none; }
.navigator-ocean-nav-empty-drop .navigator-ocean-empty-dropdown-content { border-radius: 12px; background: rgb(255, 255, 255); }
.navigator-ocean-navigator-dropdown-wrapper { position: relative; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-tag-number { position: absolute; top: -2px; left: 16px; margin: 0px; color: rgb(255, 255, 255); background-color: rgb(227, 73, 73); min-width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 8px; font-size: 12px; padding: 0px 4px; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-tag-number__text { transform: scale(0.8); display: inline-block; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-navigator-dropdown-badges { position: absolute; top: 6px; left: 24px; display: flex; align-items: center; gap: 4px; z-index: 1; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-tag-red { margin-left: 2px; background-color: rgb(227, 73, 73); width: 6px; height: 6px; border-radius: 8px; flex: 0 0 auto; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-navigator-dropdown-tag { flex: 0 0 auto; position: relative; top: -6px; left: -6px; }
.navigator-ocean-navigator-dropdown-wrapper .navigator-ocean-dropdown-button { display: inline-block; width: 32px; height: 32px; border-radius: 8px; padding: 6px; cursor: pointer; }
.navigator-ocean-navigator-dropdown-pop { margin-top: 11px; border-radius: 12px; background: rgb(255, 255, 255); max-height: none; padding: 8px 0px; color: rgb(49, 52, 59); font-size: 14px; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-oc-dropdown-item-text { width: 100%; display: inline-block; text-align: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-oc-dropdown-item-text .navigator-ocean-oc-typography-color-inherit { display: inline-block; text-align: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-oc-dropdown-item { padding: 3px 4px; font-size: 14px; text-align: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-oc-dropdown-content-footer { margin: 8px 16px 0px; text-align: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-navigator-dropdown-header { display: flex; height: 48px; padding: 7px 16px 13px; border-bottom: 1px solid rgb(242, 244, 247); justify-content: space-between; align-items: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-navigator-dropdown-header .navigator-ocean-navigator-dropdown-header-left { display: flex; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-navigator-dropdown-header .navigator-ocean-dropdown-title { color: rgb(49, 52, 59); font-size: 14px; font-weight: bolder; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-navigator-dropdown-header .navigator-ocean-dropdown-subtitle { margin-left: 8px; color: rgb(147, 150, 157); font-size: 12px; font-weight: 400; line-height: 18px; display: flex; align-items: center; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-navigator-dropdown-header .navigator-ocean-drop-message-footer-setting { color: rgb(0, 87, 255); right: 16px; cursor: pointer; position: absolute; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-dropdown-message-footer { height: 40px; border-top: 1px solid rgb(242, 244, 247); justify-content: space-between; align-items: center; display: flex; padding: 8px 16px 0px; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-dropdown-message-footer .navigator-ocean-drop-message-footer-all { color: rgb(0, 87, 255); left: 16px; line-height: 22px; position: absolute; cursor: pointer; }
.navigator-ocean-navigator-dropdown-pop .navigator-ocean-dropdown-message-footer .navigator-ocean-drop-message-footer-ignore { color: rgb(0, 87, 255); line-height: 22px; right: 16px; cursor: pointer; position: absolute; }
.navigator-ocean-navigator-pop { margin-top: 11px; padding: 8px 16px; }
.navigator-ocean-nav-message-title-drop { box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 4px; }
.navigator-ocean-navigator-dropdown-header-left .navigator-button--text { color: rgb(49, 52, 59) !important; font-weight: bolder !important; }
.navigator-ocean-nav-message-title-drop-content { display: block; }
.navigator-ocean-nav-message-title-drop-content .navigator-ocean-nav-message-title-drop-item { padding: 6px 12px; height: 34px; }
.navigator-ocean-nav-message-title-drop-content .navigator-ocean-nav-message-title-drop-item:hover { cursor: pointer; background: rgb(242, 244, 247); }
.navigator-ocean-navigator-dropdown-button-default { color: rgb(147, 150, 157); }
.navigator-ocean-navigator-dropdown-button-default:hover { background-color: rgba(42, 85, 229, 0.08); }
.navigator-ocean-navigator-dropdown-button-transparent { color: rgb(255, 255, 255); opacity: 0.5; }
.navigator-ocean-navigator-dropdown-button-transparent:hover { background-color: rgba(255, 255, 255, 0.5); }.navigator-ocean-oc-tag { font-size: 0px; line-height: 0; }
.navigator-ocean-oc-tag.navigator-ocean-oc-tag-type-flex { display: inline-flex; align-items: center; }
.navigator-ocean-oc-tag .navigator-tag { cursor: default; }
.navigator-ocean-oc-tag .navigator-tag--white { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); }
.navigator-ocean-oc-tag .navigator-tag--white.navigator-tag--disabled, .navigator-ocean-oc-tag .navigator-tag--white.navigator-tag--disabled:hover { color: rgb(185, 188, 195); }
.navigator-ocean-oc-tag .navigator-tag--white-light { background-color: rgb(255, 255, 255); color: rgb(49, 52, 59); border: 1px solid rgb(222, 224, 227); }
.navigator-ocean-oc-tag .navigator-tag--white-light.navigator-tag--disabled, .navigator-ocean-oc-tag .navigator-tag--white-light.navigator-tag--disabled:hover { color: rgb(185, 188, 195); border: 1px solid rgb(242, 244, 247); }
.navigator-ocean-oc-tag .navigator-tag--xs .navigator-ocean-oc-tag-text { zoom: 0.833333; line-height: 12px; }
.navigator-ocean-oc-tag .navigator-tag--sm, .navigator-ocean-oc-tag .navigator-tag--xs { padding: 0px 4px; border-width: 0px; }
.navigator-ocean-oc-tag .navigator-tag--sm.navigator-tag--border, .navigator-ocean-oc-tag .navigator-tag--xs.navigator-tag--border { padding: 0px 3px; border-width: 1px; }
.navigator-ocean-oc-tag-text { font-family: "PingFang SC"; font-style: normal; }
.navigator-ocean-oc-tag-text-bold { font-weight: bolder; }
.navigator-ocean-oc-tag-wrap { display: inline-flex; align-items: center; justify-content: center; }
.navigator-ocean-oc-tag-icon { margin-right: 2px; display: inline-flex; align-items: center; }
.navigator-ocean-oc-tag-suffixIcon { margin-left: 2px; display: inline-flex; align-items: center; }
.navigator-ocean-oc-tag-douyin .navigator-tag { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-ocean-oc-tag-douyin .navigator-tag--danger-light-fill { background: linear-gradient(135deg, rgb(255, 23, 100), rgb(237, 52, 149)); }
.navigator-ocean-oc-tag-douyin .navigator-tag--default-light-fill { background: linear-gradient(135deg, rgb(171, 173, 186), rgb(132, 135, 154)); }
.navigator-ocean-oc-tag-market .navigator-tag { font-weight: bolder; border-radius: 4px 0px; }
.navigator-ocean-oc-tag-operate .navigator-tag { border-radius: 12px 12px 12px 0px; }
.navigator-ocean-oc-tag-operate-normal .navigator-tag { border-radius: 4px; }
.navigator-ocean-oc-tag-ai .navigator-ocean-oc-tag-text { font-family: "PingFang SC"; font-style: normal; line-height: 12px; color: transparent; }
.navigator-ocean-oc-tag-ai .navigator-ocean-oc-tag-wrap { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; position: relative; z-index: 3; }
.navigator-ocean-oc-tag-ai .navigator-tag { position: relative; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-ocean-oc-tag-ai .navigator-tag::before { content: ""; position: absolute; background: linear-gradient(105deg, rgba(71, 215, 250, 0.2) -20.46%, rgba(59, 126, 244, 0.2) 36.73%, rgba(184, 78, 241, 0.2) 107.72%, rgba(243, 85, 193, 0.2) 192.67%); z-index: 1; inset: -1px; border-radius: 5px; }
.navigator-ocean-oc-tag-ai .navigator-tag::after { content: ""; position: absolute; background: linear-gradient(122deg, rgb(240, 252, 255) 10.27%, rgb(239, 245, 254) 38.69%, rgb(249, 241, 254) 58.77%, rgb(254, 241, 250) 75.03%, rgb(255, 245, 242) 88.94%); z-index: 2; inset: 0px; border-radius: inherit; }
.navigator-ocean-oc-tag-ai .navigator-tag--sm { height: 18px; }
.navigator-ocean-oc-tag-ai .navigator-tag--xs { height: 14px; }
.navigator-ocean-oc-tag-ai .navigator-tag--md { height: 22px; }
.navigator-ocean-oc-tag-operate .navigator-tag, .navigator-ocean-oc-tag-operate-normal .navigator-tag { font-weight: bolder; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.navigator-ocean-oc-tag-operate .navigator-tag--danger-fill, .navigator-ocean-oc-tag-operate-normal .navigator-tag--danger-fill { background: linear-gradient(102deg, rgb(250, 80, 137) 23.92%, rgb(252, 150, 184) 105.66%); }
.navigator-ocean-oc-tag-operate .navigator-tag--warning-fill, .navigator-ocean-oc-tag-operate-normal .navigator-tag--warning-fill { background: linear-gradient(103deg, rgb(255, 115, 77) 3.67%, rgb(250, 180, 38) 97.07%); }
.navigator-ocean-oc-tag-operate .navigator-tag--success-fill, .navigator-ocean-oc-tag-operate-normal .navigator-tag--success-fill { background: linear-gradient(101deg, rgb(52, 186, 123) 31.95%, rgb(182, 215, 15) 140.28%); }
.navigator-ocean-oc-tag-operate .navigator-tag--info-fill, .navigator-ocean-oc-tag-operate-normal .navigator-tag--info-fill { background: linear-gradient(103deg, rgb(56, 101, 233) 6.94%, rgb(56, 161, 255)); }
.navigator-ocean-oc-tag-round .navigator-tag--xs { border-radius: 4px; }
.navigator-ocean-oc-tag-round .navigator-tag--sm { border-radius: 20px; }.navigator-ocean-navigator-list-message { position: relative; width: 560px; }
.navigator-ocean-navigator-list-message-empty .navigator-ocean-oc-empty { height: 100%; }
.navigator-ocean-navigator-list-message-body { overflow: auto; }
.navigator-ocean-navigator-list-message-body .navigator-ocean-isRollingLoad { max-height: none; }
.navigator-ocean-navigator-list-message-list { padding-top: 8px; }
.navigator-ocean-navigator-list-message-spin-text { font-size: 12px; margin-left: 4px; align-items: center; color: rgb(0, 87, 255); display: flex; }
.navigator-ocean-navigator-list-message-item-content { color: rgb(147, 150, 157); font-size: 12px; line-height: 18px; margin-top: 8px; }
.navigator-ocean-navigator-list-message-item { padding: 8px 16px; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-item-title-content { display: flex; align-content: space-between; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-item-title-content-left { display: flex; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-item-title-content-date { margin-left: auto; color: rgb(147, 150, 157); font-size: 12px; flex: 0 0 auto; line-height: 18px; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-item-title-content .navigator-ocean-text { flex: 1 1 0%; }
.navigator-ocean-navigator-list-message-item:hover { background-color: rgb(242, 244, 247); cursor: pointer; }
.navigator-ocean-navigator-list-message-item:hover .navigator-ocean-text { color: rgb(0, 87, 255); }
.navigator-ocean-navigator-list-message-item:hover .navigator-ocean-oc-item-group-content-title .navigator-ocean-oc-typography-type-text { font-size: 14px; font-weight: bolder; color: rgb(0, 87, 255); }
.navigator-ocean-navigator-list-message-item .navigator-ocean-text:hover { color: rgb(0, 87, 255); }
.navigator-ocean-navigator-list-message-item .navigator-ocean-tag { display: inline; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-read-status { display: flex; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background-color: rgb(227, 73, 73); }
.navigator-ocean-navigator-list-message-item .navigator-tag { padding: 0px 4px; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-oc-item-group-description { pointer-events: none; margin-top: 8px; padding-left: 10px; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-oc-item-group-content-title .navigator-ocean-oc-typography-type-text { font-size: 14px; font-weight: bolder; }
.navigator-ocean-navigator-list-message-item .navigator-ocean-oc-item-group-content-title .navigator-ocean-oc-typography-type-text:hover { color: rgb(0, 87, 255); }
.navigator-ocean-navigator-list-message-item .navigator-ocean-date { color: rgb(147, 150, 157); font-size: 12px; margin: 0px 0px 0px 8px; }
.navigator-ocean-navigator-list-message-item.navigator-ocean-read .navigator-ocean-oc-item-group-content-title .navigator-ocean-oc-typography-type-text { font-weight: 400; }
.navigator-ocean-navigator-list-message-item.navigator-ocean-read .navigator-ocean-read-status { background-color: rgb(222, 224, 227); }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-spin__block { position: absolute; inset: 0px; }
.navigator-spin__fullscreen { position: fixed; margin: 0px; inset: 0px; }
.navigator-spin .navigator-icon__loading { color: rgb(46, 123, 255); }
.navigator-spin__block-mask { position: absolute; background: rgba(255, 255, 255, 0.7); }
.navigator-spin__content { display: inline-flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.navigator-inline-spin { display: inline-flex; color: rgb(46, 123, 255); }.navigator-ocean-oc-empty { min-height: 74px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.navigator-ocean-oc-empty__icon { width: 42px; height: 42px; }
.navigator-ocean-oc-empty__img-md { width: 200px; height: 118px; }
.navigator-ocean-oc-empty__img-sm { width: 120px; height: 70px; }.navigator-ocean-oc-rolling-load { width: 100%; height: 100%; overflow: scroll; position: relative; }
.navigator-ocean-oc-rolling-load .navigator-infinite-scroll { overscroll-behavior: none; }
.navigator-ocean-oc-rolling-load .navigator-ocean-oc-rolling-load-content { height: 100%; }
.navigator-ocean-oc-rolling-load::-webkit-scrollbar { display: none; }
.navigator-ocean-oc-rolling-load__empty { display: flex; align-items: center; justify-content: center; height: 100%; padding: 80px 0px; }
.navigator-ocean-oc-rolling-load__append { display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px 0px; }
.navigator-ocean-oc-rolling-load__append-text { margin-left: 4px; }
.navigator-ocean-oc-rolling-load__append-xl .navigator-inline-spin { height: 56px; }
.navigator-ocean-oc-rolling-load__append-lg .navigator-inline-spin { height: 36px; }
.navigator-ocean-oc-rolling-load__append-md .navigator-inline-spin { height: 18px; }
.navigator-ocean-oc-rolling-load__append-sm .navigator-inline-spin { height: 14px; }
.navigator-ocean-oc-rolling-load__append-xs .navigator-inline-spin { height: 12px; }
.navigator-ocean-oc-rolling-load .navigator-spin__content .navigator-inline-spin { height: 18px; }@font-face { font-family: OC-OPPOSans; src: url("assets/advertiser/d4afcbb91071c17b30d3.ttf"); }
@font-face { font-family: OC-OPPOSans-Bold; src: url("assets/advertiser/56b91a0f51a3dd349276.ttf"); }
.navigator-infinite-scroll { overflow: auto; }
.navigator-infinite-scroll::-webkit-scrollbar-track-piece { background-color: transparent; }
.navigator-infinite-scroll::-webkit-scrollbar { width: 6px; height: 9px; }
.navigator-infinite-scroll::-webkit-scrollbar-thumb { background-color: rgb(232, 234, 237); border-radius: 3px; background-clip: padding-box; min-height: 28px; }
.navigator-infinite-scroll::-webkit-scrollbar-thumb:hover { background-color: rgb(222, 224, 227); }
.navigator-infinite-scroll__loader { display: flex; justify-content: center; font-size: 14px; line-height: 22px; }.navigator-ocean-navigator-tabs { padding: 16px 16px 8px; background-color: rgb(255, 255, 255); display: flex; }
.navigator-ocean-navigator-tabs-list { margin-right: 16px; padding-right: 16px; border-right: 1px solid rgb(242, 244, 247); }
.navigator-ocean-navigator-tabs-list .navigator-ocean-navigator-tab { padding: 4px 8px; border-radius: 8px; font-size: 14px; line-height: 22px; margin-bottom: 4px; cursor: pointer; }
.navigator-ocean-navigator-tabs-list .navigator-ocean-navigator-tab:last-child { margin-bottom: 0px; }
.navigator-ocean-navigator-tabs-list .navigator-ocean-navigator-tab-active { color: rgb(0, 87, 255); background-color: rgb(232, 244, 255); }.drop-icon-con[data-v-63fc479e] { display: flex; height: auto; align-items: center; margin: 0px 12px; cursor: pointer; }
.drop-icon-con:hover .super-icon-color[data-v-63fc479e] { color: rgb(42, 85, 229); }
.drop-icon-con:hover .nav-icon-color[data-v-63fc479e] { opacity: 1; }
.navigator-dropdown__popper[data-v-63fc479e] { max-height: 245px !important; }
.cursor-pointer[data-v-63fc479e] { cursor: pointer; }
.mes-con[data-v-63fc479e] { background-color: rgb(243, 38, 38); border-radius: 9999px; display: inline-block; margin-top: -14px; width: 16px; height: 16px; gap: 4px; position: absolute; left: 22px; }
.mes-con-text[data-v-63fc479e] { display: block; width: 8px; height: 16px; font-family: "PingFang SC"; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: rgb(255, 255, 255); margin-bottom: 4px; margin-left: 4px; }
.drop-con-mes[data-v-63fc479e] { width: 560px; margin-top: 10px; padding: 0px !important; }
.info-con[data-v-63fc479e] { background: rgb(255, 255, 255); border-radius: 9999px; font-size: 12px; padding: 6px 0px; }
.info-con a[data-v-63fc479e] { text-decoration: none; }
.info-con .info-title[data-v-63fc479e] { display: flex; justify-content: space-between; align-items: center; height: 22px; margin-bottom: 6px; padding: 0px 16px; }
.info-con .info-title-account[data-v-63fc479e] { font-weight: 600; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.info-con .info-title-timer[data-v-63fc479e] { font-weight: 400; font-size: 12px; line-height: 20px; color: rgb(147, 150, 157); margin-left: 8px; }
.info-con .info-item[data-v-63fc479e] { padding: 6px 16px; overflow: hidden; line-height: 20px; height: 32px; width: 560px; font-weight: 600; display: flex; align-items: center; }
.info-con .info-item-danger[data-v-63fc479e] { width: 6px; height: 6px; display: block; border-radius: 50%; margin-right: 4px; }
.info-con .info-item-importance[data-v-63fc479e] { height: 20px; border-radius: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 3px 4px; gap: 4px; margin-right: 4px; }
.info-con .info-item-importance span[data-v-63fc479e] { height: 18px; font-family: "PingFang SC"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; }
.info-con .item-opacity[data-v-63fc479e] { opacity: 0.5; }
.info-con .info-item[data-v-63fc479e]:hover { background: rgb(242, 244, 247); }
.info-con .info-item:hover .menu-superior-text[data-v-63fc479e], .info-con .info-item:hover .nav-superior-text[data-v-63fc479e] { color: rgb(0, 87, 255); cursor: pointer; }
.info-con .info-item:hover .menu-class-text[data-v-63fc479e], .info-con .info-item:hover .nav-class-text[data-v-63fc479e] { color: rgb(88, 160, 255); cursor: pointer; }
.info-con .info-item-a[data-v-63fc479e] { line-height: 20px; }
.info-con .info-item-a-en[data-v-63fc479e] { line-height: 20px; flex: 0 1 auto; }
.info-con .info-item-a-en[data-v-63fc479e], .info-con .info-item-text[data-v-63fc479e] { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 20px; }
.info-con .info-item-text[data-v-63fc479e] { max-width: 455px; }
.info-con .info-item-blue[data-v-63fc479e] { color: rgb(0, 87, 255); }
.info-con .info-item-p[data-v-63fc479e] { color: rgb(147, 150, 157); margin-left: 8px; opacity: 1; }
.info-con .info-button[data-v-63fc479e] { padding: 12px 16px 0px; display: flex; justify-content: space-between; border-top: 1px solid rgb(232, 234, 237); line-height: 20px; }.msgRefGuide { top: -12px !important; }
.msgRefGuide .darwin-venus-poptip-arrow { top: 12px !important; }
.navigator-dropdown-content.drop-con-mes.navigator-dropdown__popper-show { z-index: 2001 !important; }[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-button, [darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-poptip, [darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-poptip-arrow::before { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-button-default { color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-modal-dark, [darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-popper-arrow::before { background: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-modal-dark .darwin-venus-button { color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-modal-dark .darwin-venus-popper-arrow::before { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-pin::before { border: 2px solid rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v1"] .darwin-venus-pin::after { background-color: rgb(51, 138, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-button, [darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-poptip, [darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-poptip-arrow::before { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-button-default { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-popper-arrow::before { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-modal .darwin-venus-button-default { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-modal-dark { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-modal-dark .darwin-venus-button { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-modal-dark .darwin-venus-popper-arrow::before { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-pin::before { border: 2px solid rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="v2"] .darwin-venus-pin::after { background-color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-poptip { background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(49, 52, 59); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-poptip-arrow::before { background-color: rgb(251, 253, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-poptip-close { fill: rgb(147, 150, 157); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-poptip-title { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; -webkit-text-fill-color: transparent; }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-ai-bg { position: absolute; left: 0px; right: 0px; top: 0px; content: ""; height: 48px; z-index: -1; overflow: hidden; border-radius: 12px 12px 0px 0px; }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-ai-bg::before { background: linear-gradient(125deg, rgb(240, 252, 255) 1.2%, rgb(239, 245, 254) 35.8%, rgb(249, 241, 254) 60.25%, rgb(254, 241, 250) 80.04%, rgb(255, 245, 242) 96.99%); position: absolute; left: 0px; right: 0px; top: -24px; content: ""; height: 48px; z-index: -1; filter: blur(20px); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-button, [darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-button-text { color: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-button-default { color: rgb(255, 255, 255); background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-popper-arrow::before { background: rgb(0, 87, 255); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-pin::before { border: 2px; background: linear-gradient(105deg, rgba(71, 215, 250, 0.01) 1.44231%, rgba(59, 126, 244, 0.2) 27.891%, rgba(184, 78, 241, 0.2) 60.7166%, rgba(243, 85, 193, 0.2)); }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-pin::after { background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); animation: auto ease 0s 1 normal none running none; }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-modal-header { background: linear-gradient(115deg, rgb(71, 215, 250) 0.02%, rgb(59, 126, 244) 28.15%, rgb(184, 78, 241) 59.13%, rgb(243, 85, 193) 78.95%, rgb(249, 131, 95) 95.91%) text; -webkit-text-fill-color: transparent; }
[darwin-version="0.0.2-beta.47"] [darwin-theme="ai"] .darwin-venus-modal .darwin-venus-ai-bg { border-radius: 16px 16px 0px 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-wrapper { display: none; position: fixed; inset: 0px; z-index: 3001; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-wrapper.darwin-venus-modal-wrapper_show { display: flex; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-mask { display: none; position: fixed; opacity: 0.5; height: 100vh; width: 100vw; top: 0px; left: 0px; z-index: 3000; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-mask.darwin-venus-mask_show { display: block; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal { font-family: "PingFang SC", "Microsoft YaHei"; font-size: 14px; line-height: 22px; color: rgb(51, 51, 51); position: relative; margin: auto; width: 288px; background-color: rgb(255, 255, 255); box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; border-radius: 16px; z-index: 3001; padding: 24px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-tip { position: absolute; height: 86px; width: 112px; right: -32px; top: -32px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-header { display: flex; line-height: 24px; font-size: 16px; font-weight: 600; color: rgb(51, 51, 51); text-align: center; margin-bottom: 24px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-title-icon { margin-right: 4px; margin-top: 3px; height: 16px; line-height: 1; font-size: 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal .darwin-venus-poptip-close { top: 24px; right: 24px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal .darwin-venus-popper-arrow::before { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step { padding: 16px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-modal-header { margin-bottom: 8px; font-size: 14px; line-height: 22px; font-weight: 600; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-modal-body { font-size: 12px; line-height: 20px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-modal-footer { margin-top: 16px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-progress { padding-top: 10px; padding-bottom: 10px; gap: 4px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-progress .darwin-venus-progress-item { margin: 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-button-text { line-height: 24px; font-size: 12px; font-weight: 400; margin-right: 16px !important; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-step .darwin-venus-button { font-family: "PingFang SC"; font-style: normal; font-size: 12px; font-weight: 400; line-height: 24px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button { box-sizing: border-box; cursor: pointer; min-width: 100px; padding: 6px 16px; font-size: 14px; line-height: 22px; border-radius: 8px; color: rgb(255, 255, 255); text-align: center; display: inline-block; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-default { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-default:hover { background-color: rgb(88, 160, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-xs { font-size: 12px; min-width: 80px; line-height: 24px; padding: 0px 16px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-link, [darwin-version="0.0.2-beta.47"] .darwin-venus-button-link:hover { background-color: inherit !important; min-width: auto; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-link:hover, [darwin-version="0.0.2-beta.47"] .darwin-venus-button-link:hover:hover { text-decoration: underline; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-text { cursor: pointer; line-height: 34px; color: rgb(102, 102, 102); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper { position: absolute; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper-arrow::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 2px; transform: rotate(45deg); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -10px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper[data-popper-placement^="right"] > [data-popper-arrow] { left: -4px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -10px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-popper[data-popper-placement^="left"] > [data-popper-arrow] { right: -4px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark { box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark .darwin-venus-modal-header { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark .darwin-venus-progress .darwin-venus-progress-item { background: rgb(255, 255, 255); opacity: 0.4; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark .darwin-venus-progress .darwin-venus-progress-item_active { opacity: 1; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark .darwin-venus-button-text { color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-dark .darwin-venus-button { background: rgb(250, 250, 250); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-progress { display: flex; align-items: center; padding: 12px 4px 12px 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-progress.darwin-venus-progress-hide { display: none; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-progress-item { width: 4px; height: 4px; margin: 2px; background-color: rgba(186, 189, 196, 0.4); border-radius: 50%; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-progress-item_active { background-color: rgb(185, 188, 195); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-button-box { display: flex; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-footer { display: flex; justify-content: space-between; margin-top: 32px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-footer { display: block; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-progress { justify-content: center; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-handle { position: absolute; left: 0px; bottom: 73px; padding: 0px; width: 100%; z-index: 1000000; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-before, [darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-next { position: absolute; top: 0px; display: inline-block; width: 16px; height: 16px; cursor: pointer; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-before { left: 25px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-modal-new .darwin-venus-modal-handle .darwin-venus-step-next { right: 25px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip { display: none; color: rgb(255, 255, 255); padding: 16px; border-radius: 12px; box-shadow: rgba(42, 85, 229, 0.24) 0px 6px 12px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-reference-hidden] { visibility: hidden; pointer-events: none; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip_show { display: block; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-arrow { line-height: 1.5; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-arrow::before { content: ""; display: inline-block; border-radius: 2px; width: 10px; height: 10px; transform: rotate(45deg); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-placement^="top"] > [data-popper-arrow] { bottom: -10px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-placement^="right"] > [data-popper-arrow] { left: -4px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-placement^="right"] > [data-popper-arrow]::before { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-placement^="bottom"] > [data-popper-arrow] { top: -11px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip[data-popper-placement^="left"] > [data-popper-arrow] { right: -4px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-close { position: absolute; top: 18px; right: 16px; width: 16px; height: 16px; display: flex; fill: rgb(255, 255, 255); cursor: pointer; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-close-dark { fill: rgb(153, 153, 153); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-close-dark:hover { fill: rgb(51, 51, 51); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-header { margin-bottom: 8px; margin-right: 18px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-header.no-content { margin-bottom: 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-header.no-close { margin-right: 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-title { font-weight: 600; font-size: 14px; line-height: 22px; display: flex; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-title-icon { margin-right: 4px; margin-top: 3px; height: 16px; line-height: 1; font-size: 0px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-content { font-size: 12px; line-height: 20px; font-weight: 400; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip-footer { margin-top: 16px; display: flex; justify-content: flex-end; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip .darwin-venus-button:hover { background-color: rgb(88, 160, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip .darwin-venus-button-default, [darwin-version="0.0.2-beta.47"] .darwin-venus-poptip .darwin-venus-button-default:hover { background-color: rgb(255, 255, 255); }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip .darwin-venus-button-link:hover { text-decoration: none; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip.darwin-venus-poptip-small { padding: 16px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-poptip.darwin-venus-poptip-small .darwin-venus-poptip-close { top: 19px; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-pin { position: absolute; width: 22px; height: 22px; top: 0px; left: 0px; cursor: pointer; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-pin::before { content: ""; display: block; width: 22px; height: 22px; background-color: rgba(24, 144, 255, 0.2); border-radius: 50%; box-sizing: border-box; opacity: 0.9; animation: 1.2s ease-in-out 0s infinite normal none running joyride-beacon-outer; }
[darwin-version="0.0.2-beta.47"] .darwin-venus-pin::after { content: ""; display: block; width: 12px; height: 12px; animation: 1.2s ease-in-out 0s infinite normal none running joyride-beacon-inner; position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; }
@keyframes joyride-beacon-inner { 
  20% { opacity: 0.9; }
  90% { opacity: 0.7; }
}
@keyframes joyride-beacon-outer { 
  0% { transform: scale(1); }
  45% { opacity: 0.7; transform: scale(0.75); }
  100% { opacity: 0.9; transform: scale(1); }
}.link-con[data-v-63674816] { color: rgb(49, 52, 59); line-height: 20px; text-align: center; font-size: 14px; padding-bottom: 12px; }
.link-con .link-con-a[data-v-63674816], .link-con .link-con-span[data-v-63674816] { width: 100%; display: inline-block; }
.que-icon[data-v-63674816] { padding: 0px 12px; cursor: pointer; display: flex; align-items: center; }
.que-con[data-v-63674816] { font-size: 12px; padding: 12px 16px; }
.que-con-d[data-v-63674816] { text-align: center; color: rgb(49, 52, 59); }
.que-con-d-diveder[data-v-63674816] { width: 100%; height: 1px; background: rgb(222, 224, 227); margin-bottom: 12px; }
.que-con-d-up[data-v-63674816] { margin-bottom: 8px; }
.que-con-d-img[data-v-63674816] { display: inline-block; width: 56px; }
.que-con-d-down[data-v-63674816] { margin-top: 8px; font-size: 12px; color: rgb(98, 101, 108); }
.qrcode-container[data-v-63674816] { box-sizing: content-box; margin: 16px auto; }
.qrcode-container .description[data-v-63674816] { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; }
.qrcode-container .qrcode-container-img[data-v-63674816] { display: inline-flex; }.drop-con-question { max-height: 270px !important; margin-top: 10px; }
.guide-question .darwin-venus-poptip-arrow { top: -10px !important; }
.navigator-en-question { width: 220px !important; }
.navigator-question { width: 120px !important; }.nav-newbie-task { padding: 0px; }
.nav-newbie-task .oc-dropdown-content-footer { margin: 0px; border-top: 0px; }
.clue-task-title { font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; color: rgb(49, 52, 59); }
.clue-task-title-right { display: flex; }
.clue-task-card { width: 100%; max-height: 328px; overflow-y: auto; }
.clue-task-card-item { width: 100%; padding: 12px 16px; justify-content: space-between; border-radius: 8px; background: rgb(245, 247, 250); }
.clue-task-card-item, .clue-task-card-item-content { display: flex; align-items: center; }
.clue-task-card-item-content-tag { margin-right: 4px; }
.clue-task-card-item-content-btn { margin-left: 12px; }
.clue-task { width: 600px; border-radius: 12px; padding: 24px; }
.clue-task-footer { justify-content: space-between; }
.clue-task-active-footer, .clue-task-footer { display: flex; align-items: center; margin-top: 16px; }
.clue-task-active-footer { justify-content: center; font-size: 12px; color: rgb(150, 154, 160); }
.cursor-pointer { cursor: pointer; }
.mr-8 { margin-right: 8px; }
.ml-4 { margin-left: 4px; }
.mb-12 { margin-bottom: 12px; }
.mt-2 { margin-top: 2px; }
.flex { display: flex; }
.align-center, .clue-task-empty { align-items: center; }
.clue-task-empty { display: flex; flex-direction: column; color: rgb(49, 52, 59); font-size: 16px; font-weight: 600; margin-bottom: 24px; }
.clue-task-empty img { width: 200px; margin-bottom: 24px; }.nav-red-dot[data-v-a8586898] { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: rgb(227, 73, 73); margin-left: 4px; }.nav-tab .nav-tab-title[data-v-7fe116d9] { color: rgb(49, 52, 59); font-weight: 600; }
.nav-tab .nav-tab-item[data-v-7fe116d9] { margin-top: 16px; margin-bottom: 8px; display: flex; align-items: baseline; }
.nav-tab .nav-tab-item-id[data-v-7fe116d9] { width: 16px; height: 16px; background: rgb(232, 244, 255); border-radius: 50%; display: flex; margin-right: 8px; }
.nav-tab .nav-tab-item-id-text[data-v-7fe116d9] { color: rgb(0, 87, 255); margin: auto; font-weight: 600; font-size: 12px; line-height: 12px; }
.nav-tab .nav-tab-item-name[data-v-7fe116d9] { font-weight: 600; font-size: 12px; line-height: 22px; }.navigator-phone { width: 516px !important; }
.navigator-phone-context { padding-top: 16px; padding-left: 16px; padding-right: 16px; }.navigator-ocean-navigator-user-button { width: 261px; border-radius: 34px; padding: 4px 8px; }
.navigator-ocean-navigator-user-button .navigator-ocean-oc-item-group-suffix { margin-left: 0px; }
.navigator-ocean-navigator-user-button .navigator-ocean-down-arrow { transition: 0.1s; }
.navigator-ocean-navigator-user-pop { width: 400px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-back { padding: 9px 16px; color: rgb(49, 52, 59); font-size: 14px; line-height: 22px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-back-button { display: flex; align-items: center; cursor: pointer; }
.navigator-ocean-navigator-user-pop .navigator-ocean-back-button-span { margin-left: 2px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-account-diver { height: 1px; width: 100%; background: rgb(223, 224, 226); }
.navigator-ocean-navigator-user-pop .navigator-ocean-current-account { padding: 16px 12px 16px 16px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-current-account-info { margin-top: 10px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list { margin: 0px; padding: 8px 0px; list-style: none; }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list-item { display: flex; align-items: center; justify-content: space-between; padding: 9px 16px; cursor: pointer; }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list-item-content { display: flex; align-items: center; font-size: 14px; line-height: 22px; color: rgb(49, 52, 59); }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list-item .navigator-ocean-icon-check { color: rgb(0, 87, 255); }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list-item .navigator-ocean-item-icon { margin-right: 4px; height: 16px; }
.navigator-ocean-navigator-user-pop .navigator-ocean-setting-list-item:hover { background-color: rgb(242, 244, 247); }
.navigator-ocean-navigator-user:hover .navigator-ocean-down-arrow { transform: rotate(180deg); }
.navigator-ocean-navigator-user-dropdown { max-height: none; border-radius: 12px; padding: 0px; margin-top: 3px; }
.navigator-ocean-navigator-user-transparent .navigator-ocean-down-arrow { color: rgba(255, 255, 255, 0.8); }
.navigator-ocean-navigator-user-transparent .navigator-ocean-navigator-user-button:hover { background: rgba(255, 255, 255, 0.1); }
.navigator-ocean-navigator-user-default .navigator-ocean-down-arrow { color: rgb(147, 150, 157); }
.navigator-ocean-navigator-user-default .navigator-ocean-navigator-user-button:hover { background: rgba(42, 85, 229, 0.08); }
.navigator-ocean-navigator-user-account-info .navigator-ocean-default-avatar { line-height: 30px; text-align: center; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); width: 30px; height: 30px; border-radius: 50%; }
.navigator-ocean-navigator-user-account-info .navigator-ocean-oc-item-group-description { pointer-events: none; width: 192px; }
.navigator-ocean-navigator-user-account-info .navigator-ocean-oc-item-group-prefix, .navigator-ocean-navigator-user-account-info .navigator-ocean-oc-item-group-suffix { align-self: center; }
.navigator-ocean-navigator-user-account-info .navigator-ocean-account-info-suffix { margin-right: 8px; }
.navigator-ocean-navigator-user-account-info-title-transparent .navigator-ocean-oc-typography-color-default, .navigator-ocean-navigator-user-account-info-title-transparent .navigator-ocean-oc-typography-value-int { color: rgb(255, 255, 255); }
.navigator-ocean-navigator-user-account-info-description-transparent { color: rgba(255, 255, 255, 0.5); }
.navigator-ocean-navigator-user-account-info-description-transparent .navigator-ocean-oc-typography-color-secondary { color: rgba(255, 255, 255, 0.5) !important; }.navigator-ocean-oc-flex { display: flex !important; }
.navigator-ocean-oc-flex-right { justify-content: flex-end; text-align: right; }
.navigator-ocean-oc-item-group { align-items: center; }
.navigator-ocean-oc-item-group-disabled { cursor: not-allowed; }
.navigator-ocean-oc-item-group-prefix, .navigator-ocean-oc-item-group-suffix { display: flex; flex-wrap: nowrap; align-self: center; list-style: none; }
.navigator-ocean-oc-item-group-content { flex: 1 1 0%; }
.navigator-ocean-oc-item-group-content-title { line-height: 0; }
.navigator-ocean-oc-item-group-content-description { margin-top: 2px; }
.navigator-ocean-oc-item-group-description, .navigator-ocean-oc-item-group-title { align-items: center; }
.navigator-ocean-oc-item-group-prefix:not(:last-child) { margin-right: 8px; }
.navigator-ocean-oc-item-group-suffix:not(:first-child) { margin-left: 4px; }.navigator-ocean-oc-media-img-popover { position: relative; border-radius: 8px; line-height: 0; padding: 0px !important; }
.navigator-ocean-oc-media-img-popover .navigator-ocean-oc-media-preview { border-radius: 8px; overflow: hidden; }
.navigator-ocean-oc-media-img-popover::before { content: ""; display: block; box-sizing: content-box; height: 100%; position: absolute; width: 100%; padding-right: 10px; padding-left: 10px; right: -10px; z-index: -1; }
.navigator-ocean-oc-media-preview-graphic .navigator-ocean-oc-audio-player { position: absolute; right: 12px; bottom: 22px; }
.navigator-ocean-oc-media-preview-graphic .navigator-ocean-oc-carousel-item { display: flex; align-items: center; justify-content: center; background-color: rgb(22, 24, 35); }
.navigator-ocean-oc-media-preview-graphic .navigator-ocean-oc-media-graphic-item-thumb { width: 100%; height: 100%; background-size: contain; background-position: 50% center; background-repeat: no-repeat; }
.navigator-ocean-oc-media-image-mode { position: absolute; left: 8px; top: 8px; z-index: 2; }
.navigator-ocean-oc-media-wrapper-disabled { opacity: 0.5; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-container { position: relative; display: flex; justify-content: center; align-items: center; background: 50% center / contain no-repeat rgb(242, 244, 247); border-radius: 8px; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-container .navigator-ocean-oc-media-thumb-tip { position: absolute; bottom: 4px; left: 6px; right: 6px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; line-height: 18px; font-size: 12px; color: rgb(255, 255, 255); white-space: nowrap; text-align: center; padding: 0px 4px; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-video-icon { display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-icon { width: 16px; height: 16px; z-index: 1; border-radius: 0px 8px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0px; right: 0px; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-tag { position: absolute; top: 0px; left: 0px; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-mark { position: absolute; top: 0px; right: 0px; }
.navigator-ocean-oc-media-wrapper .navigator-ocean-oc-media-thumb-bottom-tag { position: absolute; right: 0px; bottom: 0px; }
.navigator-ocean-oc-media-preview-tag { position: absolute; line-height: 22px; top: 0px; left: 0px; }
.navigator-ocean-oc-media-preview-bottom-tag { position: absolute; line-height: 22px; right: 0px; bottom: 0px; }.navigator-ocean-oc-video-player-wrapper { width: 100%; height: 100%; line-height: 1.15; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.navigator-ocean-oc-video-player-hide-control .controls-autohide, .navigator-ocean-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-autohide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls { pointer-events: none; visibility: hidden; cursor: default; opacity: 0; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-controls-initshow, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-controls-initshow { pointer-events: auto; visibility: visible; opacity: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-controls { display: block; position: absolute; visibility: visible; height: 48px; left: 0px; right: 0px; bottom: 0px; opacity: 1; z-index: 10; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)); transition: opacity 0.5s, visibility 0.5s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-controls.show { display: block; opacity: 1; visibility: visible; pointer-events: auto; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-inner-controls { position: absolute; height: 40px; bottom: 0px; justify-content: space-between; display: flex; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-left-grid, .navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-grid { position: relative; display: flex; flex-wrap: wrap; flex-shrink: 1; height: 100%; z-index: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-grid { flex-direction: row-reverse; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-grid > :first-child { margin-right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-left-grid > :first-child, .navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-grid xg-icon { margin-left: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-left-grid xg-icon { margin-right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-center-grid { display: block; position: absolute; left: 0px; right: 0px; outline: none; top: -20px; padding: 5px 0px; text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .flex-controls .xg-inner-controls { justify-content: space-around; display: flex; bottom: 8px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .flex-controls .xg-center-grid { display: flex; flex: 1 1 0%; position: relative; top: 0px; height: 100%; justify-content: space-between; align-items: center; left: 0px; right: 0px; padding: 0px 16px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xg-center-grid { z-index: 2; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .flex-controls .xg-center-grid { padding: 0px 8px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .bottom-controls .xg-center-grid { top: 20px; padding: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .bottom-controls .xg-left-grid, .navigator-ocean-oc-video-player-wrapper .xgplayer .bottom-controls .xg-right-grid { bottom: 10px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .mini-controls { background-image: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .mini-controls .xg-inner-controls { bottom: 0px; left: 0px; right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .mini-controls .xg-center-grid { bottom: -28px; top: auto; padding: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .mini-controls .xg-left-grid, .navigator-ocean-oc-video-player-wrapper .xgplayer .mini-controls .xg-right-grid { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .controls-follow { bottom: 70px; transition: bottom 0.3s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.flex-controls .controls-follow { bottom: 45px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.mini-controls .controls-follow, .navigator-ocean-oc-video-player-wrapper .xgplayer.no-controls .controls-follow, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive .controls-follow { bottom: 10px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-fullscreen-parent { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen, .navigator-ocean-oc-video-player-wrapper .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen { z-index: 10; position: absolute; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-rotate-parent { position: fixed; inset: 0px 0px 0px 100%; width: 100vh; height: 100vw; z-index: 9999; transform-origin: left top; transform: rotate(90deg); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen { position: absolute; top: 0px; left: 0px; z-index: 10; margin: 0px; padding: 0px; width: 100%; height: 100%; transform: rotate(0deg); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-rotate-parent .xgplayer-mobile video { z-index: -1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer { position: relative; width: 100%; height: 100%; overflow: hidden; font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-size: 14px; font-weight: 400; background: rgb(0, 0, 0); -webkit-font-smoothing: antialiased; user-select: none; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer * { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; white-space: normal; overflow-wrap: normal; }
.navigator-ocean-oc-video-player-wrapper .xgplayer li, .navigator-ocean-oc-video-player-wrapper .xgplayer ul { list-style: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-none { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-fullscreen { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 9999; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-cssfullscreen { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen { position: fixed; inset: 0px 0px 0px 100%; width: 100vh; height: 100vw; transform-origin: left top; transform: rotate(90deg); z-index: 9999; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video { z-index: -1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-video-container.xg-video-container { position: absolute; top: 0px; bottom: 48px; display: block; width: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; outline: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer[data-xgfill="cover"] video { object-fit: cover; }
.navigator-ocean-oc-video-player-wrapper .xgplayer[data-xgfill="fill"] video { object-fit: fill; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-pos { left: 10px; right: 10px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-margin { margin-left: 16px; margin-right: 16px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-bottom { bottom: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .btn-text { position: relative; top: 50%; height: 24px; font-size: 13px; text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .btn-text span { display: inline-block; min-width: 52px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0.38); border-radius: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon { position: relative; box-sizing: border-box; height: 40px; margin-left: 16px; margin-right: 16px; cursor: pointer; color: rgba(255, 255, 255, 0.8); fill: rgb(255, 255, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon .xg-tips { top: -30px; left: 50%; transform: translate(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips, .navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon:active .xg-tips.hide, .navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon:hover .xg-tips.hide { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon .xgplayer-icon { position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon .xg-icon-disable { cursor: not-allowed; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon .xg-img { width: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon img, .navigator-ocean-oc-video-player-wrapper .xgplayer xg-icon svg { height: 100%; display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-bar { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive xg-bar, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mini xg-bar { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar { display: flex; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-top-bar { position: absolute; z-index: 10; top: 0px; left: 16px; right: 16px; display: flex; height: 50px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon { position: relative; top: 10px; left: 0px; width: 34px; margin-top: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-top-bar xg-icon:first-child { margin-left: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-left-bar, .navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-bar { position: absolute; z-index: 9; top: 50px; bottom: 50px; width: 50px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-left-bar { left: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-right-bar { right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-tips { display: none; position: absolute; padding: 4px 6px; background: rgba(0, 0, 0, 0.54); border-radius: 4px; font-size: 11px; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; opacity: 0.85; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-margin { left: 0px; right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile * { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos, .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar { left: 6%; right: 6%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-icon:hover .xg-tips { display: none; }
@media only screen and (max-width: 480px) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-icon { margin-right: 10px; margin-left: 10px; }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xg-top-bar { left: 10px; right: 10px; }
}
@media screen and (orientation: portrait) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls, .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls { bottom: env(safe-area-inset-bottom); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar, .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar { top: env(safe-area-inset-top); }
}
@media only screen and (orientation: landscape) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos, .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar { left: 6%; right: 6%; }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-rotate-fullscreen { left: 0px; width: 100vw; height: 100vh; transform: rotate(0deg); }
}
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-screen-container { display: block; width: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-icon { display: none; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-icon.show { display: block; }
@keyframes xg_right_options_active { 
  0% { transform: translate(50%); }
  100% { transform: translate(-50%); }
}
@keyframes xg_right_options_hide { 
  0% { transform: translate(-50%); }
  100% { transform: translate(50%); }
}
@keyframes xg_left_options_active { 
  0% { transform: translate(-50%); }
  100% { transform: translate(50%); }
}
@keyframes xg_left_options_hide { 
  0% { transform: translate(50%); }
  100% { transform: translate(-50%); }
}
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list { display: none; position: absolute; z-index: 5; width: 78px; right: 50%; bottom: 100%; background: rgba(0, 0, 0, 0.54); border-radius: 1px; transform: translate(50%); cursor: pointer; overflow: auto; height: 0px; opacity: 0.85; font-size: 14px; color: rgba(255, 255, 255, 0.8); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list li { height: 20px; line-height: 18px; position: relative; padding: 4px 0px; text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list li.selected, .navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list li:hover { color: red; opacity: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list li:first-child { position: relative; margin-top: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list li:last-child { position: relative; margin-bottom: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list:hover { opacity: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.active { display: block; height: auto; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list { width: 20%; height: 100%; bottom: 0px; background: rgba(0, 0, 0, 0.9); display: flex; flex-direction: column; box-sizing: border-box; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li { flex: 1 1 0%; width: 100%; padding: 0px; position: relative; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li span { display: block; position: relative; top: 50%; transform: translateY(-50%); pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:first-child { margin-top: 20px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-side-list li:last-child { margin-bottom: 20px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side { right: -10.5%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.active { height: 100%; animation: 0.2s ease-out 0s 1 normal forwards running xg_right_options_active; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-right-side.hide { height: 100%; animation: 0.2s ease-in 0s 1 normal forwards running xg_right_options_hide; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side { left: -10.5%; transform: translate(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.active { height: 100%; animation: 0.2s ease-out 0s 1 normal forwards running xg_left_options_active; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-options-list.xg-left-side.hide { height: 100%; animation: 0.2s ease-in 0s 1 normal forwards running xg_left_options_hide; }
@media only screen and (max-width: 480px) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xg-options-icon.portrait { display: none; }
}
.navigator-ocean-oc-video-player-wrapper .xgplayer-replay { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-replay { display: none; position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; justify-content: center; align-items: center; flex-direction: column; z-index: 5; transform: translate(-50%, -50%); cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-replay .xgplayer-replay-txt { display: inline-block; font-size: 14px; color: rgb(255, 255, 255); line-height: 34px; text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-svg { width: 50px; height: 50px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-replay-txt { line-height: 24px; font-size: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-poster { display: block; opacity: 1; visibility: visible; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; transition: opacity 0.3s, visibility 0.3s; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-poster.hide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster { opacity: 0; visibility: hidden; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay { opacity: 1; visibility: visible; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.not-allow-autoplay .xgplayer-poster.hide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-ended .xgplayer-poster.hide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-poster.hide { opacity: 0; visibility: hidden; }
@keyframes playPause { 
  0% { transform: scale(1); opacity: 1; }
  99% { transform: scale(1.3); opacity: 0; }
  100% { transform: scale(1); opacity: 0; }
}
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-start-inner { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background: rgba(0, 0, 0, 0.38); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start svg { width: 100%; height: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start.focus-hide, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start.hide { display: none; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start:hover { opacity: 0.85; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-play { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start .xg-icon-pause, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-play { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start.interact, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start[data-state="pause"] .xg-icon-pause { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start.interact xg-start-inner { animation: 0.4s ease-out 0.1s 1 normal forwards running playPause; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-start.show { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile xg-start-inner { background: initial; border-radius: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start { height: 50px; width: 50px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-start:hover { opacity: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive .xgplayer-start.auto-hide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-start.show, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-start.show, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 5; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .show { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner { display: block; position: absolute; z-index: 1; left: 50%; top: 50%; height: 100px; width: 100px; transform: translate(-50%, -50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div { width: 6%; height: 13%; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 45%; top: 45%; opacity: 0; border-radius: 30px; animation: 1s linear 0s infinite normal none running fade; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 { transform: rotate(0deg) translateY(-140%); animation-delay: 0s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 { transform: rotate(30deg) translateY(-140%); animation-delay: -0.9163s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 { transform: rotate(60deg) translateY(-140%); animation-delay: -0.833s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 { transform: rotate(90deg) translateY(-140%); animation-delay: -0.7497s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 { transform: rotate(120deg) translateY(-140%); animation-delay: -0.6664s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 { transform: rotate(150deg) translateY(-140%); animation-delay: -0.5831s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 { transform: rotate(180deg) translateY(-140%); animation-delay: -0.4998s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 { transform: rotate(210deg) translateY(-140%); animation-delay: -0.4165s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 { transform: rotate(240deg) translateY(-140%); animation-delay: -0.3332s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 { transform: rotate(270deg) translateY(-140%); animation-delay: -0.2499s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 { transform: rotate(300deg) translateY(-140%); animation-delay: -0.1666s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 { transform: rotate(330deg) translateY(-142%); animation-delay: -0.0833s; }
@keyframes fade { 
  0% { opacity: 1; }
  100% { opacity: 0.25; }
}
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-enter .xgplayer-enter { display: block; opacity: 1; transition: opacity 0.3s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-nostart .xgplayer-enter { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner { width: 70px; height: 70px; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 11; background: linear-gradient(rgba(57, 57, 57, 0.9), rgba(57, 57, 57, 0) 50.27%); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .mask { pointer-events: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header { display: flex; top: 0px; left: 0px; right: 40px; box-sizing: border-box; padding: 10px 3px 0px 8px; justify-content: space-between; color: rgb(255, 255, 255); font-size: 14px; position: absolute; z-index: 22; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn { pointer-events: all; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini { display: none; position: relative; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label { cursor: pointer; position: relative; display: flex; align-items: center; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini + label::before { content: ""; color: rgb(255, 20, 43); background-color: transparent; border-radius: 2px; border: 1px solid rgb(205, 205, 205); width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; line-height: 16px; margin-right: 7px; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label { color: rgb(255, 20, 43); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label::before { border-color: rgb(255, 20, 43); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header #disabledMini:checked + label::after { content: ""; position: absolute; width: 4px; height: 8px; border-color: rgb(255, 20, 43); border-style: solid; border-width: 0px 2px 2px 0px; transform: rotate(45deg); left: 6px; top: 5px; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips { position: absolute; padding: 4px 6px; white-space: nowrap; bottom: -30px; right: 15px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.54); display: none; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label::before { border-color: rgb(255, 20, 43); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label { color: rgb(255, 20, 43); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips { display: block; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .mini-cancel-btn { cursor: pointer; display: block; color: rgb(255, 255, 255); width: 40px; height: 38px; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 38px; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .play-icon { cursor: pointer; height: 48px; width: 48px; position: absolute; background: rgba(0, 0, 0, 0.54); border-radius: 24px; top: 50%; left: 50%; margin: -24px 0px 0px -24px; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .play-icon img, .navigator-ocean-oc-video-player-wrapper .xg-mini-layer .play-icon svg { width: 50px; height: 50px; fill: rgb(250, 247, 247); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .xg-icon-play { display: none; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer .xg-icon-pause, .navigator-ocean-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-play { display: block; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-layer[data-state="pause"] .xg-icon-pause { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-miniicon { position: relative; outline: none; display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-miniicon .name { text-align: center; font-size: 13px; height: 20px; color: rgba(255, 255, 255, 0.8); line-height: 40px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-miniicon .name span { font-size: 13px; width: 60px; height: 20px; line-height: 18px; background: rgba(0, 0, 0, 0.38); border-radius: 10px; display: inline-block; vertical-align: middle; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mini { position: fixed; width: 320px; height: 180px; z-index: 91; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 7px 2px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mini:hover { cursor: move; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mini:hover .xg-mini-layer { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mini.xgplayer-ended .xg-mini-layer { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xg-mini-layer .play-icon { background: none; border-radius: initial; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-inactive { cursor: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-thumbnail { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger { user-select: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview { display: none; position: absolute; width: 200px; margin: 0px auto; padding: 0px 20px 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.54) 0px 0px 1px; font-size: 17px; text-align: center; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span { line-height: 24px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview span.xg-cur { color: red; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show { transform: translate(-10px); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre { transform: rotate(180deg) translate(-5px); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar { width: 96px; height: 2px; margin: 8px auto 0px; border-radius: 10px; box-sizing: content-box; background: rgba(255, 255, 255, 0.3); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar { width: 0px; height: 100%; background-color: red; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .time-preview .xg-bar.hide { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .mobile-thumbnail { position: relative; left: 50%; transform: translate(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note { position: absolute; height: 32px; width: 135px; top: 26px; left: 50%; margin-left: -78px; background: rgba(0, 0, 0, 0.3); border-radius: 100px; color: rgb(255, 255, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note span { display: block; line-height: 32px; height: 32px; font-size: 13px; text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .xg-top-note i { color: red; margin: 0px 5px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger .xg-playbackrate { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="playbackrate"] .xg-playbackrate, .navigator-ocean-oc-video-player-wrapper .xgplayer xg-trigger[data-xg-action="seeking"] .time-preview { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .gradient { display: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, transparent 36%, transparent 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6)); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .gradient.top { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.36) 20%, transparent 36%, transparent 70%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .gradient.bottom { background-image: linear-gradient(transparent 70%, rgba(0, 0, 0, 0.24) 77%, rgba(0, 0, 0, 0.36) 83%, rgba(0, 0, 0, 0.6)); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .gradient.none, .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xgplayer-controls { background-image: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-playing .gradient { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile.xgplayer-inactive .gradient { background-image: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xgmask { position: absolute; height: 100%; z-index: 10; top: 0px; left: 0px; width: 100%; pointer-events: none; background-color: rgba(0, 0, 0, 0); }
@media (prefers-color-scheme: dark) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview { color: rgb(255, 255, 255); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview span.xg-cur { color: red; }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar { background-color: rgba(255, 255, 255, 0.3); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar { background-color: red; }
}
@keyframes loadingRotate { 
  0% { transform: rotate(0deg); }
  25% { transform: rotate(90deg); }
  50% { transform: rotate(180deg); }
  75% { transform: rotate(270deg); }
  100% { transform: rotate(1turn); }
}
@keyframes loadingDashOffset { 
  0% { stroke-dashoffset: 236; }
  100% { stroke-dashoffset: 0; }
}
.navigator-ocean-oc-video-player-wrapper xg-loading-inner { display: block; height: 100%; width: 100%; transform-origin: center center; animation: 1s linear 0.1s infinite normal none running loadingRotate; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-loading { display: none; width: 70px; height: 70px; overflow: hidden; position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-loading img, .navigator-ocean-oc-video-player-wrapper .xgplayer-loading svg { width: 100%; height: 100%; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xgplayer-loading { width: 50px; height: 50px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-isloading .xgplayer-loading { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-is-ended .xgplayer-loading, .navigator-ocean-oc-video-player-wrapper .xgplayer-is-enter .xgplayer-loading, .navigator-ocean-oc-video-player-wrapper .xgplayer-is-error .xgplayer-loading, .navigator-ocean-oc-video-player-wrapper .xgplayer-nostart .xgplayer-loading, .navigator-ocean-oc-video-player-wrapper .xgplayer-pause .xgplayer-loading { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress { display: flex; align-items: center; position: relative; min-width: 50px; height: 12px; left: 0px; right: 0px; top: 0px; outline: none; flex: 1 1 0%; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-outer { position: relative; width: 100%; height: 2px; border-radius: 3px; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .progress-list { display: flex; height: 100%; width: 100%; border-radius: inherit; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner { position: relative; flex: 1 1 0%; height: 100%; background: rgba(255, 255, 255, 0.3); transition: height 0.2s ease-in, opacity 0.2s ease-out; border-radius: inherit; margin-right: 2px; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:last-child, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-inner:only-child { margin-right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .inner-focus-point { background: rgb(255, 255, 255); position: relative; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .inner-focus-point::after, .navigator-ocean-oc-video-player-wrapper .xgplayer .inner-focus-point::before { position: absolute; content: " "; display: block; width: 2px; height: 300%; top: 50%; z-index: 1; transform: translateY(-50%); border-radius: 3px; background: rgb(255, 255, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .inner-focus-point::before { left: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .inner-focus-point::after { right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-played { display: block; height: 100%; width: 0px; position: absolute; top: 0px; left: 0px; border-radius: inherit; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-played { background: rgb(0, 87, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-cache { background: rgba(255, 255, 255, 0.5); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn { display: block; background: rgba(0, 87, 255, 0.306); border: 0.5px solid rgba(0, 87, 255, 0.06); box-shadow: rgba(0, 87, 255, 0.384) 0px 0px 1px; width: 20px; height: 20px; border-radius: 30px; left: 0px; top: 50%; position: absolute; z-index: 1; transform: translate(-50%, -50%); box-sizing: border-box; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn::before { content: " "; display: block; position: relative; width: 12px; height: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 30px; background: rgb(255, 255, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active { border: 4px solid rgba(0, 87, 255, 0.063); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-btn.active::before { box-shadow: rgba(0, 87, 255, 0.69) 0px 0px 3px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot { display: inline-block; position: absolute; height: 100%; width: 5px; top: 0px; background: rgb(255, 255, 255); border-radius: 6px; z-index: 16; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot .xgplayer-progress-tip { position: absolute; left: 25%; top: -40px; height: auto; line-height: 30px; width: auto; transform: scale(0.8) translate(-50%); background: rgba(0, 0, 0, 0.3); border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.8); cursor: default; white-space: nowrap; display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .flex-controls .xgplayer-progress { transform: translateY(0px); }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(0); }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-outer { height: 3px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner { margin-right: 4px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child { margin-right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point::after, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-point::before { width: 3px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .inner-focus-highlight { background: rgba(255, 255, 255, 0.8); }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer { height: 6px; margin-bottom: 3px; transition: height 0.3s, margin-bottom 0.3s; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(1); }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::after, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::before { width: 6px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer { top: 9px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn::before { height: 6px; width: 6px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer { height: 4px; }
@media (prefers-color-scheme: dark) {
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-inner { background-color: rgba(255, 255, 255, 0.3); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .inner-focus-highlight { background: rgba(255, 255, 255, 0.8); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn { background: rgba(0, 87, 255, 0.306); border: 0.5px solid rgba(0, 87, 255, 0.06); box-shadow: rgba(0, 87, 255, 0.384) 0px 0px 1px; }
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-btn::before { background-color: rgb(255, 255, 255); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-played { background-color: rgb(0, 87, 255); }
  .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress .xgplayer-progress-cache { background-color: rgba(255, 255, 255, 0.5); }
}
.navigator-ocean-oc-video-player-wrapper .xg-mini-progress { display: none; position: absolute; height: 2px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache, .navigator-ocean-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played { height: 100%; width: 0px; position: absolute; top: 0px; left: 0px; border-radius: inherit; }
.navigator-ocean-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-played { background: linear-gradient(-90deg, rgb(250, 31, 65), rgb(227, 17, 6)); }
.navigator-ocean-oc-video-player-wrapper .xg-mini-progress xg-mini-progress-cache { background: rgba(255, 255, 255, 0.5); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-inactive .xg-mini-progress, .navigator-ocean-oc-video-player-wrapper .xgplayer-mini .xg-mini-progress { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-play { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-play .xg-icon-pause, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-play { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-exit-fullscreen, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-play[data-state="pause"] .xg-icon-pause { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen .xg-get-fullscreen, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-exit-fullscreen { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-fullscreen[data-state="full"] .xg-get-fullscreen { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back { position: relative; left: 0px; top: 16px; width: 34px; height: 40px; display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-top-bar .xgplayer-back.show { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time { min-width: 40px; font-size: 14px; font-family: PingFangSC-Semibold; color: rgb(255, 255, 255); text-align: center; display: inline-block; line-height: 40px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time span { display: inline-block; line-height: 40px; height: 40px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time .time-duration { color: rgba(255, 255, 255, 0.5); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time .time-live-tag { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-left { margin-left: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-time.xg-time-right { margin-right: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time { min-width: 30px; font-size: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left { margin-right: 8px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right { margin-left: 8px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume.slide-show .xgplayer-slider { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-slider { display: none; position: absolute; width: 28px; height: 92px; background: rgba(0, 0, 0, 0.54); border-radius: 1px; bottom: 40px; outline: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-slider::after { content: " "; display: block; height: 15px; width: 28px; position: absolute; bottom: -15px; left: 0px; z-index: 20; cursor: auto; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-value-label { position: absolute; left: 0px; right: 0px; bottom: 100%; padding: 5px 0px 0px; font-size: 12px; background-color: rgba(0, 0, 0, 0.54); color: rgb(255, 255, 255); text-align: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-bar, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-drag { display: block; position: absolute; bottom: 6px; left: 12px; background: rgba(255, 255, 255, 0.3); border-radius: 100px; width: 4px; height: 76px; outline: none; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-drag { bottom: 0px; left: 0px; background: rgb(0, 87, 255); max-height: 76px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-drag::after { content: " "; display: inline-block; width: 8px; height: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px; position: absolute; border-radius: 50%; left: -2px; top: -4px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-mute, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="normal"] .xg-volume-small, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-small { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-small, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="small"] .xg-volume-mute { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-volume[data-state="mute"] .xg-volume-mute { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-exit-pip, .navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-pip .xg-get-pip, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-exit-pip { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-pip[data-state="pip"] .xg-get-pip { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-playnext { position: relative; display: none; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover { opacity: 0.85; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-playnext:hover .xgplayer-tips { display: block; }
.navigator-ocean-oc-video-player-wrapper .lang-is-en .xgplayer-playnext .xgplayer-tips { margin-left: -25px; }
.navigator-ocean-oc-video-player-wrapper .lang-is-jp .xgplayer-playnext .xgplayer-tips { margin-left: -38px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-download { position: relative; display: block; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .lang-is-en .xgplayer-download .xgplayer-tips { margin-left: -32px; }
.navigator-ocean-oc-video-player-wrapper .lang-is-jp .xgplayer-download .xgplayer-tips { margin-left: -40px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-shot { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-definition { display: none; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-playbackrate { display: none; cursor: default; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull, .navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-get-cssfull { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-cssfullscreen[data-state="full"] .xg-exit-cssfull { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-error { background: rgb(0, 0, 0); display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 6; color: rgb(255, 255, 255); text-align: center; line-height: 100%; justify-content: center; align-items: center; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-error .xgplayer-error-refresh { color: rgb(250, 31, 65); padding: 0px 3px; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-error .xgplayer-error-text { line-height: 18px; margin: auto 6px 20px; display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-is-error .xgplayer-error { display: flex; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-prompt { display: block; pointer-events: none; position: absolute; z-index: 1; padding: 6px 12px 5px; opacity: 0; left: 10px; background: rgba(0, 0, 0, 0.5); border-radius: 50px; font-size: 12px; line-height: 17px; text-align: center; color: rgb(255, 255, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-prompt.show { display: block; opacity: 1; z-index: 10; pointer-events: auto; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow { transform: translate(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-prompt.arrow::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0px; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.5); transform: translate(-50%, 100%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-prompt .highlight { display: inline-block; margin-left: 6px; color: red; cursor: pointer; }
.navigator-ocean-oc-video-player-wrapper .xgplayer.xgplayer-is-error .xgplayer-prompt.show { display: none; opacity: 1; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-spot { position: absolute; top: 0px; left: 0px; height: 100%; background: rgb(255, 255, 255); border-radius: 12px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-spot.mini { min-width: 6px; transform: translate(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot { height: 3px; min-width: 3px; top: 50%; opacity: 1; transform: translateY(-50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-mobile .xgplayer-spot.mini { min-width: 3px; transform: translate(-50%, -50%); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xgplayer-spot { opacity: 1; transition: opacity 0.3s; visibility: visible; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info { position: absolute; left: 0px; bottom: 100%; display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-line { height: 6px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.short-line .xg-spot-content { bottom: -4px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.hide, .navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress.active .xg-spot-info.hide { display: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-line { position: relative; bottom: -7px; margin-left: 50%; display: block; width: 1px; height: 41px; background-color: rgb(255, 255, 255); pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgplayer-progress-point { display: none; position: relative; bottom: -4px; left: 50%; transform: translate(-50%); background: rgba(0, 0, 0, 0.54); font-size: 11px; color: rgb(255, 255, 255); padding: 4px 6px; border-radius: 4px; text-align: center; opacity: 0.85; white-space: nowrap; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-content { position: relative; bottom: -7px; color: rgb(255, 255, 255); border-radius: 2px 2px 0px 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-ext-text { position: relative; bottom: -7px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-thumbnail { position: relative; background-color: rgb(17, 16, 16); pointer-events: none; border-radius: 2px 2px 0px 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-time { position: absolute; bottom: 2px; font-size: 12px; line-height: 16.8px; left: 50%; transform: translate(-50%); pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .progress-thumbnail { margin: 0px auto; display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-text { display: none; padding: 5px 8px; background: rgba(0, 0, 0, 0.8); border-radius: 0px 0px 2px 2px; pointer-events: none; box-sizing: border-box; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .spot-inner-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; font-size: 12px; max-height: 40px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xg-spot-content.show-text .xg-spot-text { display: block; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .product .xg-spot-text { background: rgb(51, 112, 255); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .product .xg-spot-line { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid rgb(51, 112, 255); width: 0px; height: 15px; left: -10px; background: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgvideo-preview { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0; visibility: hidden; transition: visibility 0.3s, opacity 0.3s; background-color: rgb(0, 0, 0); }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgvideo-preview .xgvideo-thumbnail { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 0px; }
.navigator-ocean-oc-video-player-wrapper .xgplayer .xgvideo-preview.show { opacity: 1; visibility: visible; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg, .navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg canvas, .navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg xgfilter, .navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; pointer-events: none; }
.navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg canvas { transform: translateZ(0px); }
.navigator-ocean-oc-video-player-wrapper .xgplayer-dynamic-bg xgmask { background: rgba(0, 0, 0, 0.7); }
.navigator-ocean-oc-video-player-modal-wrapper { position: fixed; inset: 0px; padding: 120px; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.navigator-ocean-oc-video-player-modal-wrapper .xgplayer.xgplayer-is-cssfullscreen { position: relative; }
.navigator-ocean-oc-video-player-modal-wrapper .navigator-ocean-oc-video-player-modal-close { color: rgb(255, 255, 255); position: absolute; top: 32px; right: 32px; height: 48px; width: 48px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.navigator-ocean-oc-video-player { border-radius: 8px; width: 100% !important; height: 100% !important; }
.navigator-ocean-oc-video-player-hide-replay .xgplayer-replay, .navigator-ocean-oc-video-player-hide-start .navigator-ocean-xgplayer-start { display: none !important; }
.navigator-ocean-oc-video-player-new .navigator-ocean-xgplayer-enter-spinner { width: 48px !important; height: 48px !important; }.navigator-ocean-oc-carousel { text-align: center; overflow: hidden; }
.navigator-ocean-oc-carousel, .navigator-ocean-oc-carousel-container { position: relative; width: 100%; height: 100%; }
.navigator-ocean-oc-carousel-arrow-btn { z-index: 3; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; padding: 8px; position: absolute; top: calc(50% - 16px); min-width: 24px; background: rgba(26, 26, 27, 0.3); color: rgb(255, 255, 255); display: none; align-items: center; justify-content: center; }
.navigator-ocean-oc-carousel-arrow-btn:hover { background: rgba(26, 26, 27, 0.5); }
.navigator-ocean-oc-carousel-arrow-show { display: flex; }
.navigator-ocean-oc-carousel-arrow-left { left: 16px; }
.navigator-ocean-oc-carousel-arrow-right { right: 16px; }
.navigator-ocean-oc-carousel-footer { z-index: 2; position: absolute; bottom: 0px; width: 100%; margin: 0px; background: linear-gradient(rgba(50, 51, 53, 0), rgba(50, 51, 53, 0.25)); }
.navigator-ocean-oc-carousel-dots { width: 100%; margin: 0px; transition-duration: 0.4s; line-height: 0; text-align: center; list-style-type: none; }
.navigator-ocean-oc-carousel-dots li { cursor: pointer; display: inline-block; list-style: none; padding-left: 4px; padding-right: 4px; padding-top: 16px; }
.navigator-ocean-oc-carousel-dots li .navigator-ocean-oc-carousel-btn { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.4); transition: 0.3s; border-radius: 4px; cursor: pointer; }
.navigator-ocean-oc-carousel-dots li .navigator-ocean-oc-carousel-btn-active { background-color: rgb(255, 255, 255); }
.navigator-ocean-oc-carousel-dots-none { display: none; }
.navigator-ocean-oc-carousel-dots-solid li .navigator-ocean-oc-carousel-btn { width: 20px !important; height: 4px !important; }
.navigator-ocean-oc-carousel-dots-auto { display: flex; width: 100%; align-items: center; padding: 0px 10px; }
.navigator-ocean-oc-carousel-dots-auto li { flex: 1 1 0%; padding-left: 2px; padding-right: 2px; }
.navigator-ocean-oc-carousel-dots-auto li .navigator-ocean-oc-carousel-btn { width: 100% !important; height: 4px !important; }
.navigator-ocean-oc-carousel .navigator-ocean-carousel-item-img, .navigator-ocean-oc-carousel .navigator-ocean-carousel-item-img img { width: 100%; height: 100%; }
.navigator-ocean-oc-carousel-dark .navigator-ocean-oc-carousel-arrow-btn { background: rgb(255, 255, 255); color: rgb(49, 52, 59); box-shadow: rgba(0, 0, 0, 0.08) 0px 6.4px 19.2px; }
.navigator-ocean-oc-carousel-dark .navigator-ocean-oc-carousel-arrow-btn:hover { color: rgb(0, 87, 255); }
.navigator-ocean-oc-carousel-dark .navigator-ocean-oc-carousel-footer { background: inherit; }
.navigator-ocean-oc-carousel-dark .navigator-ocean-oc-carousel-dots li .navigator-ocean-oc-carousel-btn { background-color: rgba(0, 0, 0, 0.1); }
.navigator-ocean-oc-carousel-dark .navigator-ocean-oc-carousel-dots li .navigator-ocean-oc-carousel-btn-active { background-color: rgb(0, 87, 255); }.navigator-ocean-oc-carousel-item { transform: none; float: left; width: 100%; height: 100%; text-align: center; overflow: hidden; z-index: 0; will-change: transform; }.navigator-ocean-oc-audio-player { color: rgb(255, 255, 255); cursor: pointer; }.navigator-ocean-navigator-account { width: 280px; cursor: pointer; padding: 8px 16px; background-color: rgb(255, 255, 255); }
.navigator-ocean-navigator-account .navigator-ocean-icon-copy { color: rgb(147, 150, 157); display: none; }
.navigator-ocean-navigator-account .navigator-ocean-icon-check, .navigator-ocean-navigator-account .navigator-ocean-icon-copy:hover { color: rgb(0, 87, 255); }
.navigator-ocean-navigator-account:hover { background-color: rgb(242, 244, 247); border-radius: 8px; }
.navigator-ocean-navigator-account:hover .navigator-ocean-icon-copy { display: flex; }
.navigator-ocean-navigator-account .navigator-ocean-default-avatar { line-height: 30px; text-align: center; font-weight: bolder; color: rgb(255, 255, 255); background-color: rgb(0, 87, 255); width: 30px; height: 30px; border-radius: 50%; }
.navigator-ocean-navigator-account .navigator-ocean-oc-item-group-prefix, .navigator-ocean-navigator-account .navigator-ocean-oc-item-group-suffix { align-self: center; }.account-list .head-tool[data-v-8819d3d8] { margin: 0px 20px 12px; height: 18px; display: flex; align-items: center; font-size: 12px; cursor: pointer; }
.account-list .head-tool .back-text[data-v-8819d3d8] { color: rgb(51, 51, 51); margin-left: 7px; }
.account-list .head-tool .back-icon[data-v-8819d3d8] { color: rgb(51, 51, 51); line-height: 1; }
.account-list .line[data-v-8819d3d8] { height: 1px; background: rgb(235, 235, 237); }
.account-list .search[data-v-8819d3d8] { padding: 12px; }
.account-list .secondary-title[data-v-8819d3d8] { color: rgb(150, 154, 160); padding: 0px 12px; margin-bottom: 12px; display: flex; align-items: center; }.account-list .item-con[data-v-3b530267] { border-bottom: 1px solid rgb(232, 234, 237); }
.account-list .account-list-search[data-v-3b530267] { color: rgb(147, 150, 157); }
.account-list .item-con-bp[data-v-3b530267] { padding-bottom: 12px; max-height: 340px; overflow: hidden auto; }
.account-list .item-con-main[data-v-3b530267] { display: flex; justify-content: space-between; padding: 7px 12px; font-size: 12px; }
.account-list .item-con-main-item[data-v-3b530267] { display: flex; align-items: center; cursor: pointer; }
.account-list .item-con-main-img[data-v-3b530267] { width: 10px; margin-right: 7px; }
.account-list .item-con-nor-p[data-v-3b530267] { display: flex; justify-content: space-between; padding: 0px 12px; }
.account-list .item-con-nor[data-v-3b530267] { padding: 12px 0px; line-height: 20px; max-height: 340px; overflow: hidden auto; }
.account-list .item-con-p-title[data-v-3b530267] { margin-left: 4px; color: rgb(147, 150, 157); width: 186px; font-size: 14px; }
.account-list .arrow-rotate[data-v-3b530267] { transform: rotate(-180deg); }
.account-list .img-con[data-v-3b530267] { height: 300px; display: flex; }
.account-list .img-con img[data-v-3b530267] { margin: auto; width: 88px; height: 66px; }
.account-list .img-con_en[data-v-3b530267] { height: 300px; display: flex; }
.account-list .img-con_en img[data-v-3b530267] { margin: auto; width: 139px; height: 70px; }.nav-main[data-v-09697510] { font-size: 12px; width: 100%; min-width: 1280px; height: 64px; }
.nav-main .logo-container[data-v-09697510] { height: 100%; display: inline-flex; align-items: center; vertical-align: middle; padding-left: 24px; }
.nav-main .logo-container .logo[data-v-09697510] { width: 120px; cursor: pointer; }
.nav-main .logo-container .subtitle-img-super[data-v-09697510] { width: 58px; height: 26px; margin-left: 8px; }
.nav-main .main-con[data-v-09697510] { height: 100%; position: relative; text-align: left; display: inline-block; }
.nav-main .w-full[data-v-09697510] { width: 100%; }
.nav-main .w-1252[data-v-09697510] { width: 1252px; }
.nav-main .title-con[data-v-09697510] { position: absolute; height: 64px; right: 0px; top: 0px; }
.nav-main .title-con-child[data-v-09697510] { display: flex; flex-wrap: nowrap; height: 100%; align-items: center; }
.nav-main .title-line[data-v-09697510] { margin-left: 12px; width: 1px; height: 20px; opacity: 0.5; }
.classic[data-v-09697510] { background: rgb(17, 32, 62); box-shadow: rgba(0, 0, 0, 0.027) 0px 2px 11px; }
.superior-new[data-v-09697510] { background-color: transparent; }
.superior-old[data-v-09697510] { background-color: rgb(255, 255, 255); }
.ocean-nav[data-v-09697510] { width: 100%; position: relative; }.growth-row .darwin-venus-poptip-arrow { top: -10px !important; }.link-con[data-v-513b664e] { color: rgb(49, 52, 59); line-height: 20px; text-align: center; font-size: 14px; padding-bottom: 12px; }
.link-con .link-con-a[data-v-513b664e], .link-con .link-con-span[data-v-513b664e] { width: 100%; display: inline-block; }
.que-icon[data-v-513b664e] { padding: 0px 12px; cursor: pointer; display: flex; align-items: center; }
.que-con[data-v-513b664e] { font-size: 12px; padding: 12px 16px; }
.que-con-d[data-v-513b664e] { text-align: center; color: rgb(49, 52, 59); }
.que-con-d-diveder[data-v-513b664e] { width: 100%; height: 1px; background: rgb(222, 224, 227); margin-bottom: 12px; }
.que-con-d-up[data-v-513b664e] { margin-bottom: 8px; }
.que-con-d-img[data-v-513b664e] { display: inline-block; width: 56px; }
.que-con-d-down[data-v-513b664e] { margin-top: 8px; font-size: 12px; color: rgb(98, 101, 108); }
.qrcode-container[data-v-513b664e] { box-sizing: content-box; margin: 16px auto; }
.qrcode-container .description[data-v-513b664e] { color: rgb(49, 52, 59); font-size: 12px; line-height: 18px; }
.qrcode-container .qrcode-container-img[data-v-513b664e] { display: inline-flex; }.drop-con-question { max-height: 270px !important; margin-top: 10px; }
.guide-question .darwin-venus-poptip-arrow { top: -10px !important; }
.navigator-en-question { width: 220px !important; }
.navigator-question { width: 120px !important; }.navigator-back-btn { box-shadow: rgba(0, 0, 0, 0.02) 0px 10px 20px 0px !important; border: 1px solid rgb(255, 255, 255) !important; margin-right: 24px !important; color: rgb(98, 101, 108) !important; border-radius: 8px !important; padding: 4px 16px !important; background: rgb(255, 255, 255) !important; }.nav-main[data-v-93412f80] { font-size: 12px; width: 100%; min-width: 1280px; height: 64px; }
.nav-main .logo-container[data-v-93412f80] { height: 100%; display: inline-flex; align-items: center; vertical-align: middle; padding-left: 24px; }
.nav-main .logo-container .logo[data-v-93412f80] { width: 120px; cursor: pointer; }
.nav-main .logo-container .subtitle-img-super[data-v-93412f80] { width: 58px; height: 26px; margin-left: 8px; }
.nav-main .main-con[data-v-93412f80] { height: 100%; position: relative; text-align: left; display: inline-block; }
.nav-main .w-full[data-v-93412f80] { width: 100%; }
.nav-main .w-1252[data-v-93412f80] { width: 1252px; }
.nav-main .title-con[data-v-93412f80] { position: absolute; height: 64px; right: 0px; top: 0px; }
.nav-main .title-con-child[data-v-93412f80] { display: flex; flex-wrap: nowrap; height: 100%; align-items: center; }
.nav-main .title-line[data-v-93412f80] { margin-left: 12px; width: 1px; height: 20px; opacity: 0.5; }
.classic[data-v-93412f80] { background: rgb(17, 32, 62); box-shadow: rgba(0, 0, 0, 0.027) 0px 2px 11px; }
.superior-new[data-v-93412f80] { background-color: transparent; }
.superior-old[data-v-93412f80] { background-color: rgb(255, 255, 255); }
.ocean-nav[data-v-93412f80] { width: 100%; position: relative; }.growth-row .darwin-venus-poptip-arrow { top: -10px !important; }.promotion-modal-wrap { position: fixed; inset: 0px; align-items: center; justify-content: center; display: flex; z-index: 3000; }
.promotion-modal-wrap .promotion-modal-marsk { background-color: rgba(0, 0, 0, 0.5); position: fixed; inset: 0px; z-index: 3005; display: flex; }
.promotion-modal-wrap .promotion-modal-content { width: 280px; border-radius: 12px; z-index: 3006; }
.promotion-modal-wrap .promotion-modal-content .promotion-modal-close { position: absolute; right: 20px; top: 20px; }.promotion_sdk-card-clause { padding: 8px; border-radius: 3px; background: rgb(248, 248, 249); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; color: rgb(150, 154, 160); }
.promotion_sdk-card-clause .promotion_sdk-card-clause-link { color: rgb(42, 85, 229); cursor: pointer; }.promotion_sdk-card-communicate-button { display: flex; padding: 12px 20px 0px; flex-direction: column; align-items: center; gap: 12px; color: rgba(0, 0, 0, 0.75); text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; }.promotion_sdk-card-footer-wrapper { display: flex; flex-direction: column; }
.promotion_sdk-card-footer-wrapper .promotion_sdk-card-footer-title { color: rgb(50, 51, 53); font-family: "PingFang SC"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 4px; }
.promotion_sdk-card-footer-wrapper .promotion_sdk-card-footer-text { color: rgb(100, 102, 107); font-family: "PingFang SC"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; }
.promotion_sdk-card-footer-wrapper .promotion_sdk-card-footer-annotation { color: rgb(150, 154, 160); font-family: "PingFang SC"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }.promotion_sdk-card-header-wrapper { display: flex; flex-direction: column; gap: 4px; }
.promotion_sdk-card-header-wrapper .promotion_sdk-card-header-name { color: rgb(50, 51, 53); font-family: "PingFang SC"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.promotion_sdk-card-header-wrapper .promotion_sdk-card-header-title { color: rgb(50, 51, 53); font-family: "PingFang SC"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; }
.promotion_sdk-card-header-wrapper .promotion_sdk-card-header-text { color: rgb(50, 51, 53); font-family: "PingFang SC"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
.promotion_sdk-card-header-wrapper .promotion_sdk-card-header-annotation { color: rgb(150, 154, 160); font-family: "PingFang SC"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }.promotion_sdk-card-qrcode-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.promotion_sdk-card-qrcode-wrapper .promotion_sdk-card-qrcode-image { box-sizing: border-box; border-radius: 4px; padding: 4px; background-color: rgb(248, 248, 249); }.promotion_sdk-card-title-wrapper { display: flex; align-items: center; padding: 24px 24px 0px; }
.promotion_sdk-card-title-wrapper .promotion_sdk-card-title { color: rgb(50, 51, 53); font-family: "PingFang SC"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }
.promotion_sdk-card-title-wrapper .promotion_sdk-card-title-icon { border-radius: 8px 2px; background: linear-gradient(270deg, rgb(83, 177, 244) 0%, rgb(80, 122, 236) 100%); color: rgb(255, 255, 255); padding: 1px 8px; font-size: 12px; margin-left: 4px; line-height: normal; }.promotion_sdk-card-chat-button { display: flex; height: 21px; padding: 7.5px 12px; justify-content: center; align-items: center; border-radius: 8px; background: rgb(0, 136, 255); font-size: 15px; font-style: normal; font-weight: 500; color: rgb(255, 255, 255); line-height: 21px; box-sizing: content-box; }.promotion_sdk-column-modal-card { position: relative; width: 280px; box-sizing: border-box; border-radius: 12px; background: linear-gradient(rgb(239, 245, 255) 0%, rgba(239, 245, 255, 0) 27.76%), rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px 0px; }
.promotion_sdk-column-modal-card > * { position: relative; z-index: 1; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper { display: flex; justify-content: space-between; align-items: center; border-radius: 12px 12px 0px 0px; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper .multi-tabs { width: 100%; display: flex; height: 48px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(223, 224, 226); }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper .multi-tabs .child_tab { width: 50%; text-align: center; padding: 12px 0px; cursor: pointer; background: linear-gradient(90deg, rgb(23, 77, 223) 0%, rgb(44, 167, 255) 100%) text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 16px; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper .multi-tabs .child_tab::after { content: ""; position: absolute; top: 34%; left: 50%; width: 1px; height: 16px; background-color: rgb(223, 224, 226); }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper .multi-tabs .child_tab:last-child::after { display: none; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-title-wrapper .multi-tabs .no_active { color: rgb(100, 102, 107); text-align: center; font-weight: 400; -webkit-text-fill-color: rgb(100, 102, 107); }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-content { padding: 0px 20px 12px; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-content .promotion_sdk-column-modal-card-header-wrapper { margin-top: 20px; text-align: center; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-content .promotion_sdk-column-modal-card-qrcode-wrapper { margin: 8px 0px; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-content .promotion_sdk-column-modal-card-footer-wrapper { margin-bottom: 8px; }
.promotion_sdk-column-modal-card .promotion_sdk-column-modal-card-wechatButton-wrapper { margin-top: 12px; }
.promotion_sdk-column-modal-card-content-overflow { max-height: 300px; overflow: auto; }.promotion_sdk-loading, .promotion_sdk-loading > div { position: relative; box-sizing: border-box; }
.promotion_sdk-loading { display: block; font-size: 0px; color: rgb(0, 0, 0); }
.promotion_sdk-loading.la-dark { color: rgb(51, 51, 51); }
.promotion_sdk-loading > div { display: inline-block; float: none; background-color: currentcolor; border: 0px solid; }
.promotion_sdk-loading { width: 54px; height: 18px; }
.promotion_sdk-loading > div:nth-child(1) { animation-delay: -200ms; }
.promotion_sdk-loading > div:nth-child(2) { animation-delay: -100ms; }
.promotion_sdk-loading > div:nth-child(3) { animation-delay: 0ms; }
.promotion_sdk-loading > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; animation: 1s ease 0s infinite normal none running ball-pulse; }
.promotion_sdk-loading.la-sm { width: 26px; height: 8px; }
.promotion_sdk-loading.la-sm > div { width: 4px; height: 4px; margin: 2px; }
.promotion_sdk-loading.la-2x { width: 108px; height: 36px; }
.promotion_sdk-loading.la-2x > div { width: 20px; height: 20px; margin: 8px; }
.promotion_sdk-loading.la-3x { width: 162px; height: 54px; }
.promotion_sdk-loading.la-3x > div { width: 30px; height: 30px; margin: 12px; }
@keyframes ball-pulse { 
  0%, 60%, 100% { opacity: 1; transform: scale(1); }
  30% { opacity: 0.1; transform: scale(0.01); }
}.promotion_sdk-row-modal-card { position: relative; border-radius: 12px; background: linear-gradient(rgb(239, 245, 255) 0%, rgba(239, 245, 255, 0) 27.76%), rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px 0px; }
.promotion_sdk-row-modal-card > * { position: relative; z-index: 1; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper { display: flex; justify-content: space-between; align-items: center; border-radius: 12px 12px 0px 0px; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper .multi-tabs { width: 100%; display: flex; height: 48px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(223, 224, 226); }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper .multi-tabs .child_tab { width: 50%; text-align: center; padding: 12px 0px; cursor: pointer; background: linear-gradient(90deg, rgb(23, 77, 223) 0%, rgb(44, 167, 255) 100%) text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 16px; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper .multi-tabs .child_tab::after { content: ""; position: absolute; top: 34%; left: 50%; width: 1px; height: 16px; background-color: rgb(223, 224, 226); }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper .multi-tabs .child_tab:last-child::after { display: none; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-title-wrapper .multi-tabs .no_active { color: rgb(100, 102, 107); text-align: center; font-weight: 400; -webkit-text-fill-color: rgb(100, 102, 107); }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-detail { display: flex; align-items: center; padding: 24px; gap: 16px; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-detail .promotion_sdk-row-modal-card-detail-divider { margin: 0px 8px; width: 1px; height: 94px; background-color: rgb(220, 220, 224); }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-detail .promotion_sdk-row-modal-card-detail-right { display: flex; flex-direction: column; gap: 8px; }
.promotion_sdk-row-modal-card .promotion_sdk-row-modal-card-clause-wrapper { margin-top: 12px; }.promotion_sdk-card { border-radius: 12px; padding: 16px 20px 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px 0px; width: 280px; box-sizing: border-box; }
.promotion_sdk-card-loading { display: flex; justify-content: center; align-items: center; height: 212px; }
.card-placement-left-top { position: absolute; bottom: 0px; left: -285px; }
.card-placement-left-bottom { position: absolute; top: 0px; left: -285px; }
.card-placement-right-top { position: absolute; bottom: 0px; right: -285px; }
.card-placement-right-bottom { position: absolute; top: 0px; right: -285px; }.promotion-card-wrap { display: flex; justify-content: space-between; align-items: center; background: rgb(249, 249, 249); padding: 16px; }
.promotion-card-wrap-container { display: flex; align-items: center; width: calc(100% - 88px); }
.promotion-card-wrap-container-avatar { border-radius: 50%; width: 36px; height: 36px; }
.promotion-card-wrap-container-user-info { margin-left: 8px; width: calc(100% - 45px); }
.promotion-card-wrap-container-user-info-title { overflow: hidden; color: rgb(22, 24, 35); font-weight: 500; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.promotion-card-wrap-container-user-info-mini-title { font-weight: 400 !important; }
.promotion-card-wrap-container-user-info-desc { margin-top: 4px; overflow: hidden; color: rgba(22, 24, 35, 0.5); font-weight: 400; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.promotion-card-wrap-button { display: flex; align-items: center; margin-left: 8px; border-radius: 4px; background-color: rgb(255, 255, 255); padding: 5px 14px; min-width: max-content; color: rgb(22, 24, 35); font-weight: 500; font-size: 12px; }
.promotion-card-wrap-button > img { margin-right: 4px; }
.promotion-card-wrap-button_loading { background-color: rgba(254, 44, 85, 0.3); padding-right: 6px; padding-left: 6px; }.promotion_sdk-column-info-card { box-sizing: border-box; position: relative; border-radius: 12px; background: linear-gradient(rgb(239, 245, 255) 0%, rgba(239, 245, 255, 0) 27.76%), rgb(255, 255, 255); }
.promotion_sdk-column-info-card > * { position: relative; z-index: 1; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper { display: flex; justify-content: space-between; align-items: center; border-radius: 12px 12px 0px 0px; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper .multi-tabs { width: 100%; display: flex; height: 48px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(223, 224, 226); }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper .multi-tabs .child_tab { width: 50%; text-align: center; padding: 12px 0px; cursor: pointer; background: linear-gradient(90deg, rgb(23, 77, 223) 0%, rgb(44, 167, 255) 100%) text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 16px; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper .multi-tabs .child_tab::after { content: ""; position: absolute; top: 34%; left: 50%; width: 1px; height: 16px; background-color: rgb(223, 224, 226); }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper .multi-tabs .child_tab:last-child::after { display: none; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-title-wrapper .multi-tabs .no_active { color: rgb(100, 102, 107); text-align: center; font-weight: 400; -webkit-text-fill-color: rgb(100, 102, 107); }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-header-wrapper { margin-top: 20px; text-align: center; padding: 0px 20px 12px; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-qrcode-wrapper { margin: 8px 0px; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-footer-wrapper { padding-bottom: 16px; }
.promotion_sdk-column-info-card .promotion_sdk-column-info-card-wechatButton-wrapper { margin-top: 12px; }.promotion-info-card-pc { border-radius: 12px; background: linear-gradient(rgb(239, 245, 255) 0%, rgba(239, 245, 255, 0) 27.76%), rgb(255, 255, 255); position: relative; }
.promotion-info-card-pc > * { position: relative; z-index: 1; }
.promotion_sdk-row-info-card { box-sizing: border-box; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper { display: flex; justify-content: space-between; align-items: center; border-radius: 12px 12px 0px 0px; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper .multi-tabs { width: 100%; height: 48px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(223, 224, 226); }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper .multi-tabs .child_tab { width: 50%; text-align: center; padding: 12px 0px; cursor: pointer; font-size: 16px; background: linear-gradient(90deg, rgb(23, 77, 223) 0%, rgb(44, 167, 255) 100%) text; -webkit-text-fill-color: transparent; font-weight: 600; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper .multi-tabs .child_tab::after { content: ""; position: absolute; top: 34%; left: 50%; width: 1px; height: 16px; background-color: rgb(223, 224, 226); }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper .multi-tabs .child_tab:last-child::after { display: none; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-title-wrapper .multi-tabs .no_active { color: rgb(100, 102, 107); text-align: center; font-weight: 400; -webkit-text-fill-color: rgb(100, 102, 107); }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-detail { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 16px; margin-top: 16px; gap: 8px; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-detail .promotion_sdk-row-info-card-qrcode-wrapper { display: flex; flex: 1 1 0%; justify-content: center; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-detail .promotion_sdk-row-info-card-detail-divider { margin: 0px 8px; width: 1px; height: 94px; background-color: rgb(220, 220, 224); }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-detail .promotion_sdk-row-info-card-detail-right { display: flex; flex-direction: column; gap: 8px; max-width: 330px; }
.promotion_sdk-row-info-card .promotion_sdk-row-info-card-clause-wrapper { margin-top: 12px; }.promotion_sdk-button-pc { display: flex; gap: 4px; flex-direction: column; align-items: center; background-color: rgb(255, 255, 255); box-sizing: border-box; width: 50px; padding: 12px 4px; margin: 2px; border-radius: 24px; border: 2px solid rgb(255, 255, 255); font-size: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px 0px; color: rgb(100, 102, 107); }
.promotion_sdk-button-pc:hover { background-color: rgb(229, 244, 255); cursor: pointer; }
.promotion_sdk-button-pc img { width: 36px; height: 36px; }
.promotion_sdk-button-app { display: flex; flex-direction: column; align-items: center; width: 44px; height: 41px; font-weight: 400; font-size: 11px; color: rgb(151, 152, 156); gap: 2px; }
.promotion_sdk-button-app img { width: 24px; height: 24px; }.promotion_sdk-card { border-radius: 12px; padding: 16px 20px 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px 0px; width: 280px; box-sizing: border-box; }
.promotion_sdk-card-loading { display: flex; justify-content: center; align-items: center; height: 212px; }
.card-placement-left-top { position: absolute; bottom: 0px; left: -288px; }
.card-placement-left-bottom { position: absolute; top: 0px; left: -288px; }
.card-placement-right-top { position: absolute; bottom: 0px; right: -288px; }
.card-placement-right-bottom { position: absolute; top: 0px; right: -288px; }@font-face { font-family: ClarityMono-SemiBold; src: url("assets/advertiser/297365b280cc823d1ec7.otf") format("opentype"); }
@font-face { font-family: TikTokText-Regular; src: url("assets/advertiser/a1484cfb38c8f78e7f8a.otf") format("opentype"); }
@font-face { font-family: TikTokText-Semibold; src: url("assets/advertiser/ca4f16186c4df40d8805.otf") format("opentype"); }
@font-face { font-family: TikTokText-Bold; src: url("assets/advertiser/fd2386148067bfe6cc71.otf") format("opentype"); }.brand-matrix.svelte-2vfgty.svelte-2vfgty { font-family: "PingFang SC"; font-style: normal; font-weight: 400; font-size: 12px; color: rgb(51, 51, 51); }
.brand-matrix.svelte-2vfgty .svelte-2vfgty { box-sizing: border-box !important; }
.brand-matrix-entrance.svelte-2vfgty.svelte-2vfgty { width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.5); cursor: pointer; z-index: 1; background: linear-gradient(rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0.6) 100%); box-shadow: rgba(0, 0, 0, 0.02) 0px 10px 20px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.brand-matrix-entrance-icon.svelte-2vfgty.svelte-2vfgty { width: 30px; height: 30px; border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; }
.brand-matrix-entrance-icon.svelte-2vfgty.svelte-2vfgty:hover, .brand-matrix-entrance-icon.svelte-2vfgty.svelte-2vfgty:active { background: rgba(42, 85, 229, 0.08); }
.brand-matrix-entrance-icon.svelte-2vfgty:hover .brand-matrix-entrance-logo.svelte-2vfgty, .brand-matrix-entrance-icon.svelte-2vfgty:active .brand-matrix-entrance-logo.svelte-2vfgty { display: block; }
.brand-matrix-entrance-icon.svelte-2vfgty:hover .brand-matrix-entrance-logo-gray.svelte-2vfgty, .brand-matrix-entrance-icon.svelte-2vfgty:active .brand-matrix-entrance-logo-gray.svelte-2vfgty { display: none; }
.brand-matrix-entrance-icon.svelte-2vfgty:hover .brand-matrix-entrance-tips.svelte-2vfgty { display: block; }
.brand-matrix-entrance-tips.svelte-2vfgty.svelte-2vfgty { display: none; position: absolute; top: 40px; left: 14px; transform: translateX(-50%); text-align: center; width: 140px; height: 36px; line-height: 36px; font-weight: 400; font-size: 12px; color: rgb(255, 255, 255); background: rgb(51, 51, 51); border-radius: 8px; }
.brand-matrix-entrance-tips-en.svelte-2vfgty.svelte-2vfgty { width: 80px !important; }
.brand-matrix-entrance-tips.svelte-2vfgty.svelte-2vfgty::before { content: ""; position: absolute; left: calc(50% - 3.5px); top: -6px; width: 0px; height: 0px; border-style: solid; border-width: 0px 6px 6px; border-color: transparent transparent rgb(51, 51, 51); }
.brand-matrix-entrance-logo.svelte-2vfgty.svelte-2vfgty { display: none; }
.brand-matrix-entrance-bizplatform.svelte-2vfgty.svelte-2vfgty { width: 64.5px; }
.brand-matrix-entrance-bizplatform.svelte-2vfgty.svelte-2vfgty::after { content: ""; position: absolute; background: rgba(31, 35, 41, 0.15); width: 0.5px; right: 31px; top: 8px; bottom: 8px; }
.brand-matrix-entrance-white.svelte-2vfgty.svelte-2vfgty { background: rgb(244, 244, 245) !important; }
.brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:hover, .brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:active { background: rgb(238, 241, 253); }
.brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo.svelte-2vfgty, .brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo.svelte-2vfgty { display: block; }
.brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo-gray.svelte-2vfgty, .brand-matrix-entrance-white.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo-gray.svelte-2vfgty { display: none; }
.brand-matrix-entrance-dark.svelte-2vfgty.svelte-2vfgty { background: rgba(255, 255, 255, 0.15); border: 0px; padding: 1px; }
.brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon rect.svelte-2vfgty { fill: rgb(229, 234, 241); }
.brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:hover, .brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:active { background: rgba(255, 255, 255, 0.1); }
.brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo.svelte-2vfgty, .brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo.svelte-2vfgty { display: block; }
.brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo-gray.svelte-2vfgty, .brand-matrix-entrance-dark.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo-gray.svelte-2vfgty { display: none; }
.brand-matrix-entrance-transparent.svelte-2vfgty.svelte-2vfgty { background: rgba(255, 255, 255, 0.2); border: 0px; padding: 1px; }
.brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon rect.svelte-2vfgty { fill: rgb(255, 255, 255); }
.brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:hover, .brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon.svelte-2vfgty:active { background: rgba(255, 255, 255, 0.2); }
.brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo.svelte-2vfgty, .brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo.svelte-2vfgty { display: block; }
.brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon:hover .brand-matrix-entrance-logo-gray.svelte-2vfgty, .brand-matrix-entrance-transparent.svelte-2vfgty .brand-matrix-entrance-icon:active .brand-matrix-entrance-logo-gray.svelte-2vfgty { display: none; }
.brand-matrix-entrance-bizplatform-transparent.svelte-2vfgty.svelte-2vfgty::after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.5); width: 0.5px; right: 32px; top: 8px; bottom: 8px; }
.brand-matrix-entrance-bizplatform-dark.svelte-2vfgty.svelte-2vfgty::after { content: ""; position: absolute; background: rgba(255, 255, 255, 0.2); width: 0.5px; right: 32px; top: 8px; bottom: 8px; }.brand-hidden { overflow-y: hidden !important; }
.brand-matrix-popover.svelte-1wfzs2f.svelte-1wfzs2f { width: 432px; min-height: 300px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border-radius: 12px; z-index: 9999; user-select: none; }
.brand-matrix-popover.svelte-1wfzs2f div.svelte-1wfzs2f, .brand-matrix-popover.svelte-1wfzs2f span.svelte-1wfzs2f { font-family: "PingFang SC"; font-style: normal; font-size: 14px; box-sizing: border-box; }
.brand-matrix-popover.svelte-1wfzs2f div img.svelte-1wfzs2f, .brand-matrix-popover.svelte-1wfzs2f span img.svelte-1wfzs2f { border: 0px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title.svelte-1wfzs2f { width: 100%; height: 54px; line-height: 54px; padding: 16px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-left.svelte-1wfzs2f { line-height: 20px; float: left; font-weight: 600; font-size: 14px; color: rgb(51, 51, 51); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-right.svelte-1wfzs2f { line-height: 20px; float: right; font-weight: 500; color: rgb(42, 85, 229); cursor: pointer; padding-right: 15px; position: relative; font-size: 12px !important; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-right.svelte-1wfzs2f:hover { color: rgb(88, 160, 255); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-right.svelte-1wfzs2f:hover::after { border-right: 1px solid rgb(88, 160, 255); border-top: 1px solid rgb(88, 160, 255); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-right.svelte-1wfzs2f:active { color: rgb(6, 114, 255); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-title-right.svelte-1wfzs2f::after { content: ""; position: absolute; right: 3px; top: 3px; height: 5px; width: 5px; border-right: 1px solid rgb(42, 85, 229); border-top: 1px solid rgb(42, 85, 229); transform: translate(-2px, 4px) rotate(45deg); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-nologin.svelte-1wfzs2f { padding: 0px 16px 24px; overflow: auto; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-subtitle.svelte-1wfzs2f { width: 100%; height: 22px; line-height: 22px; margin-bottom: 10px; display: flex; justify-content: space-between; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-subtitle span.svelte-1wfzs2f { font-weight: 500; font-size: 12px; margin-left: 16px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-subtitle-edit.svelte-1wfzs2f { color: rgb(42, 85, 229); font-weight: 500; font-size: 12px; margin-right: 16px; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-subtitle-done.svelte-1wfzs2f { font-weight: 500; font-size: 12px; background: rgb(42, 85, 229); border-radius: 4px; width: 42px; height: 22px; text-align: center; color: rgb(255, 255, 255); margin-right: 7px; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-wrapper.svelte-1wfzs2f { width: 100%; overflow: auto; padding: 0px 16px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-draggable.svelte-1wfzs2f { height: 428px; overflow: hidden; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-draggable .brand-matrix-popover-cards.svelte-1wfzs2f { cursor: grab !important; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-empty.svelte-1wfzs2f { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-empty img.svelte-1wfzs2f { display: block; height: 127px; margin-bottom: 16px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-empty-text.svelte-1wfzs2f { font-weight: 400; font-size: 12px; line-height: 18px; color: rgb(150, 154, 160); text-align: center; width: 100%; padding-bottom: 20px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-empty-text span.svelte-1wfzs2f { font-size: 12px; color: rgb(42, 85, 229); font-weight: 500; padding: 5px; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-recently.svelte-1wfzs2f { margin: 0px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-recently .brand-matrix-popover-cards.svelte-1wfzs2f { margin-bottom: 0px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-add.svelte-1wfzs2f { width: 98px; height: 92px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-add-btn.svelte-1wfzs2f { border: 1px dashed rgb(153, 153, 153); border-radius: 12px; background: rgb(255, 255, 255); width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-add-btn.svelte-1wfzs2f:hover { background: rgb(245, 245, 245); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-add-btn img.svelte-1wfzs2f { width: 18px; height: 18px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-add-text.svelte-1wfzs2f { line-height: 20px; font-weight: 400; font-size: 12px; margin-top: 8px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-footer.svelte-1wfzs2f { min-height: 33px; width: 100%; border-top: 1px solid rgb(240, 240, 240); padding: 6px 16px; display: flex; justify-content: left; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-footer img.svelte-1wfzs2f { width: 12px; height: 12px; margin: 4px 4px 0px 0px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-footer span.svelte-1wfzs2f { flex: 1 1 0%; line-height: 20px; color: rgb(153, 153, 153); font-size: 12px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader.svelte-1wfzs2f { width: 361px; position: absolute; display: flex; overflow: auto; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 4px 14px); border-radius: 8px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-list.svelte-1wfzs2f { overflow-y: scroll; height: 224px; width: 180px; background: rgb(255, 255, 255); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-list.svelte-1wfzs2f:last-child { margin-left: 1px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item.svelte-1wfzs2f { width: 180px; height: 32px; display: flex; align-items: center; position: relative; padding: 0px 12px; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item.svelte-1wfzs2f:hover, .brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item.svelte-1wfzs2f:active { color: rgb(42, 85, 229); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item.svelte-1wfzs2f:first-of-type { margin-top: 4px; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-normal.svelte-1wfzs2f { width: 16px; height: 16px; border: 1px solid rgb(223, 224, 226); border-radius: 4px; position: relative; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-selected.svelte-1wfzs2f { width: 16px; height: 16px; border-radius: 4px; background: rgb(42, 85, 229); position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-part.svelte-1wfzs2f { width: 16px; height: 16px; border-radius: 4px; background: rgb(42, 85, 229); position: relative; display: flex; justify-content: center; align-items: center; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item span.svelte-1wfzs2f { padding-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; display: block; }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-cate.svelte-1wfzs2f:hover { background: rgb(244, 244, 245); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-cate-active.svelte-1wfzs2f { background: rgb(244, 244, 245); }
.brand-matrix-popover.svelte-1wfzs2f .brand-matrix-popover-cascader-item-cate.svelte-1wfzs2f::after { content: ""; position: absolute; right: 8px; top: 9px; height: 5px; width: 5px; border-right: 1px solid rgb(150, 154, 160); border-top: 1px solid rgb(150, 154, 160); transform: translate(-2px, 4px) rotate(45deg); }svg[spin="true"][data-v-466fb00b] { animation: 1s linear 0s infinite normal none running iconpark-spin-466fb00b; }
svg[spin="true"][rtl="true"][data-v-466fb00b] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-466fb00b; }
svg[rtl="true"][data-v-466fb00b] { transform: scaleX(-1); }
@keyframes iconpark-spin-466fb00b { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-466fb00b { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-d099e9de] { animation: 1s linear 0s infinite normal none running iconpark-spin-d099e9de; }
svg[spin="true"][rtl="true"][data-v-d099e9de] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-d099e9de; }
svg[rtl="true"][data-v-d099e9de] { transform: scaleX(-1); }
@keyframes iconpark-spin-d099e9de { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-d099e9de { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-6f5bd192] { animation: 1s linear 0s infinite normal none running iconpark-spin-6f5bd192; }
svg[spin="true"][rtl="true"][data-v-6f5bd192] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-6f5bd192; }
svg[rtl="true"][data-v-6f5bd192] { transform: scaleX(-1); }
@keyframes iconpark-spin-6f5bd192 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-6f5bd192 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-3f93a7cb] { animation: 1s linear 0s infinite normal none running iconpark-spin-3f93a7cb; }
svg[spin="true"][rtl="true"][data-v-3f93a7cb] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-3f93a7cb; }
svg[rtl="true"][data-v-3f93a7cb] { transform: scaleX(-1); }
@keyframes iconpark-spin-3f93a7cb { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-3f93a7cb { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-dfef4d0a] { animation: 1s linear 0s infinite normal none running iconpark-spin-dfef4d0a; }
svg[spin="true"][rtl="true"][data-v-dfef4d0a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-dfef4d0a; }
svg[rtl="true"][data-v-dfef4d0a] { transform: scaleX(-1); }
@keyframes iconpark-spin-dfef4d0a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-dfef4d0a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-c9e7809e] { animation: 1s linear 0s infinite normal none running iconpark-spin-c9e7809e; }
svg[spin="true"][rtl="true"][data-v-c9e7809e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-c9e7809e; }
svg[rtl="true"][data-v-c9e7809e] { transform: scaleX(-1); }
@keyframes iconpark-spin-c9e7809e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-c9e7809e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4bdf8b24] { animation: 1s linear 0s infinite normal none running iconpark-spin-4bdf8b24; }
svg[spin="true"][rtl="true"][data-v-4bdf8b24] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4bdf8b24; }
svg[rtl="true"][data-v-4bdf8b24] { transform: scaleX(-1); }
@keyframes iconpark-spin-4bdf8b24 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4bdf8b24 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-2a45c360] { animation: 1s linear 0s infinite normal none running iconpark-spin-2a45c360; }
svg[spin="true"][rtl="true"][data-v-2a45c360] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-2a45c360; }
svg[rtl="true"][data-v-2a45c360] { transform: scaleX(-1); }
@keyframes iconpark-spin-2a45c360 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-2a45c360 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-65ef72e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-65ef72e6; }
svg[spin="true"][rtl="true"][data-v-65ef72e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-65ef72e6; }
svg[rtl="true"][data-v-65ef72e6] { transform: scaleX(-1); }
@keyframes iconpark-spin-65ef72e6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-65ef72e6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-01eb4f26] { animation: 1s linear 0s infinite normal none running iconpark-spin-01eb4f26; }
svg[spin="true"][rtl="true"][data-v-01eb4f26] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-01eb4f26; }
svg[rtl="true"][data-v-01eb4f26] { transform: scaleX(-1); }
@keyframes iconpark-spin-01eb4f26 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-01eb4f26 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1070f403] { animation: 1s linear 0s infinite normal none running iconpark-spin-1070f403; }
svg[spin="true"][rtl="true"][data-v-1070f403] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1070f403; }
svg[rtl="true"][data-v-1070f403] { transform: scaleX(-1); }
@keyframes iconpark-spin-1070f403 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1070f403 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1fec54b8] { animation: 1s linear 0s infinite normal none running iconpark-spin-1fec54b8; }
svg[spin="true"][rtl="true"][data-v-1fec54b8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1fec54b8; }
svg[rtl="true"][data-v-1fec54b8] { transform: scaleX(-1); }
@keyframes iconpark-spin-1fec54b8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1fec54b8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4e5687d3] { animation: 1s linear 0s infinite normal none running iconpark-spin-4e5687d3; }
svg[spin="true"][rtl="true"][data-v-4e5687d3] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4e5687d3; }
svg[rtl="true"][data-v-4e5687d3] { transform: scaleX(-1); }
@keyframes iconpark-spin-4e5687d3 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4e5687d3 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-61110d4a] { animation: 1s linear 0s infinite normal none running iconpark-spin-61110d4a; }
svg[spin="true"][rtl="true"][data-v-61110d4a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-61110d4a; }
svg[rtl="true"][data-v-61110d4a] { transform: scaleX(-1); }
@keyframes iconpark-spin-61110d4a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-61110d4a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-30cc4c30] { animation: 1s linear 0s infinite normal none running iconpark-spin-30cc4c30; }
svg[spin="true"][rtl="true"][data-v-30cc4c30] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-30cc4c30; }
svg[rtl="true"][data-v-30cc4c30] { transform: scaleX(-1); }
@keyframes iconpark-spin-30cc4c30 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-30cc4c30 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-30d972ec] { animation: 1s linear 0s infinite normal none running iconpark-spin-30d972ec; }
svg[spin="true"][rtl="true"][data-v-30d972ec] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-30d972ec; }
svg[rtl="true"][data-v-30d972ec] { transform: scaleX(-1); }
@keyframes iconpark-spin-30d972ec { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-30d972ec { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-baea5b8e] { animation: 1s linear 0s infinite normal none running iconpark-spin-baea5b8e; }
svg[spin="true"][rtl="true"][data-v-baea5b8e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-baea5b8e; }
svg[rtl="true"][data-v-baea5b8e] { transform: scaleX(-1); }
@keyframes iconpark-spin-baea5b8e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-baea5b8e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-796d3dea] { animation: 1s linear 0s infinite normal none running iconpark-spin-796d3dea; }
svg[spin="true"][rtl="true"][data-v-796d3dea] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-796d3dea; }
svg[rtl="true"][data-v-796d3dea] { transform: scaleX(-1); }
@keyframes iconpark-spin-796d3dea { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-796d3dea { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-2555525a] { animation: 1s linear 0s infinite normal none running iconpark-spin-2555525a; }
svg[spin="true"][rtl="true"][data-v-2555525a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-2555525a; }
svg[rtl="true"][data-v-2555525a] { transform: scaleX(-1); }
@keyframes iconpark-spin-2555525a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-2555525a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-f3ab9282] { animation: 1s linear 0s infinite normal none running iconpark-spin-f3ab9282; }
svg[spin="true"][rtl="true"][data-v-f3ab9282] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-f3ab9282; }
svg[rtl="true"][data-v-f3ab9282] { transform: scaleX(-1); }
@keyframes iconpark-spin-f3ab9282 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-f3ab9282 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-613dd845] { animation: 1s linear 0s infinite normal none running iconpark-spin-613dd845; }
svg[spin="true"][rtl="true"][data-v-613dd845] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-613dd845; }
svg[rtl="true"][data-v-613dd845] { transform: scaleX(-1); }
@keyframes iconpark-spin-613dd845 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-613dd845 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-5a9dfbbd] { animation: 1s linear 0s infinite normal none running iconpark-spin-5a9dfbbd; }
svg[spin="true"][rtl="true"][data-v-5a9dfbbd] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-5a9dfbbd; }
svg[rtl="true"][data-v-5a9dfbbd] { transform: scaleX(-1); }
@keyframes iconpark-spin-5a9dfbbd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-5a9dfbbd { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-351c2c87] { animation: 1s linear 0s infinite normal none running iconpark-spin-351c2c87; }
svg[spin="true"][rtl="true"][data-v-351c2c87] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-351c2c87; }
svg[rtl="true"][data-v-351c2c87] { transform: scaleX(-1); }
@keyframes iconpark-spin-351c2c87 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-351c2c87 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-7e7a854a] { animation: 1s linear 0s infinite normal none running iconpark-spin-7e7a854a; }
svg[spin="true"][rtl="true"][data-v-7e7a854a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-7e7a854a; }
svg[rtl="true"][data-v-7e7a854a] { transform: scaleX(-1); }
@keyframes iconpark-spin-7e7a854a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-7e7a854a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4f2e7f57] { animation: 1s linear 0s infinite normal none running iconpark-spin-4f2e7f57; }
svg[spin="true"][rtl="true"][data-v-4f2e7f57] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4f2e7f57; }
svg[rtl="true"][data-v-4f2e7f57] { transform: scaleX(-1); }
@keyframes iconpark-spin-4f2e7f57 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4f2e7f57 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1d51fc48] { animation: 1s linear 0s infinite normal none running iconpark-spin-1d51fc48; }
svg[spin="true"][rtl="true"][data-v-1d51fc48] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1d51fc48; }
svg[rtl="true"][data-v-1d51fc48] { transform: scaleX(-1); }
@keyframes iconpark-spin-1d51fc48 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1d51fc48 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-31fc70bf] { animation: 1s linear 0s infinite normal none running iconpark-spin-31fc70bf; }
svg[spin="true"][rtl="true"][data-v-31fc70bf] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-31fc70bf; }
svg[rtl="true"][data-v-31fc70bf] { transform: scaleX(-1); }
@keyframes iconpark-spin-31fc70bf { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-31fc70bf { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-7500db39] { animation: 1s linear 0s infinite normal none running iconpark-spin-7500db39; }
svg[spin="true"][rtl="true"][data-v-7500db39] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-7500db39; }
svg[rtl="true"][data-v-7500db39] { transform: scaleX(-1); }
@keyframes iconpark-spin-7500db39 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-7500db39 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1c27e5a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-1c27e5a8; }
svg[spin="true"][rtl="true"][data-v-1c27e5a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1c27e5a8; }
svg[rtl="true"][data-v-1c27e5a8] { transform: scaleX(-1); }
@keyframes iconpark-spin-1c27e5a8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1c27e5a8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-c5b11d9e] { animation: 1s linear 0s infinite normal none running iconpark-spin-c5b11d9e; }
svg[spin="true"][rtl="true"][data-v-c5b11d9e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-c5b11d9e; }
svg[rtl="true"][data-v-c5b11d9e] { transform: scaleX(-1); }
@keyframes iconpark-spin-c5b11d9e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-c5b11d9e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-46d5c80d] { animation: 1s linear 0s infinite normal none running iconpark-spin-46d5c80d; }
svg[spin="true"][rtl="true"][data-v-46d5c80d] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-46d5c80d; }
svg[rtl="true"][data-v-46d5c80d] { transform: scaleX(-1); }
@keyframes iconpark-spin-46d5c80d { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-46d5c80d { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-ade80898] { animation: 1s linear 0s infinite normal none running iconpark-spin-ade80898; }
svg[spin="true"][rtl="true"][data-v-ade80898] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-ade80898; }
svg[rtl="true"][data-v-ade80898] { transform: scaleX(-1); }
@keyframes iconpark-spin-ade80898 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-ade80898 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-11770249] { animation: 1s linear 0s infinite normal none running iconpark-spin-11770249; }
svg[spin="true"][rtl="true"][data-v-11770249] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-11770249; }
svg[rtl="true"][data-v-11770249] { transform: scaleX(-1); }
@keyframes iconpark-spin-11770249 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-11770249 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-a8e2415a] { animation: 1s linear 0s infinite normal none running iconpark-spin-a8e2415a; }
svg[spin="true"][rtl="true"][data-v-a8e2415a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-a8e2415a; }
svg[rtl="true"][data-v-a8e2415a] { transform: scaleX(-1); }
@keyframes iconpark-spin-a8e2415a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-a8e2415a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-45e8c1e4] { animation: 1s linear 0s infinite normal none running iconpark-spin-45e8c1e4; }
svg[spin="true"][rtl="true"][data-v-45e8c1e4] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-45e8c1e4; }
svg[rtl="true"][data-v-45e8c1e4] { transform: scaleX(-1); }
@keyframes iconpark-spin-45e8c1e4 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-45e8c1e4 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-09b375b7] { animation: 1s linear 0s infinite normal none running iconpark-spin-09b375b7; }
svg[spin="true"][rtl="true"][data-v-09b375b7] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-09b375b7; }
svg[rtl="true"][data-v-09b375b7] { transform: scaleX(-1); }
@keyframes iconpark-spin-09b375b7 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-09b375b7 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-b371cf24] { animation: 1s linear 0s infinite normal none running iconpark-spin-b371cf24; }
svg[spin="true"][rtl="true"][data-v-b371cf24] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-b371cf24; }
svg[rtl="true"][data-v-b371cf24] { transform: scaleX(-1); }
@keyframes iconpark-spin-b371cf24 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-b371cf24 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4602ebe5] { animation: 1s linear 0s infinite normal none running iconpark-spin-4602ebe5; }
svg[spin="true"][rtl="true"][data-v-4602ebe5] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4602ebe5; }
svg[rtl="true"][data-v-4602ebe5] { transform: scaleX(-1); }
@keyframes iconpark-spin-4602ebe5 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4602ebe5 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-aaa93ca2] { animation: 1s linear 0s infinite normal none running iconpark-spin-aaa93ca2; }
svg[spin="true"][rtl="true"][data-v-aaa93ca2] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-aaa93ca2; }
svg[rtl="true"][data-v-aaa93ca2] { transform: scaleX(-1); }
@keyframes iconpark-spin-aaa93ca2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-aaa93ca2 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-32cefce6] { animation: 1s linear 0s infinite normal none running iconpark-spin-32cefce6; }
svg[spin="true"][rtl="true"][data-v-32cefce6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-32cefce6; }
svg[rtl="true"][data-v-32cefce6] { transform: scaleX(-1); }
@keyframes iconpark-spin-32cefce6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-32cefce6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-faf92aae] { animation: 1s linear 0s infinite normal none running iconpark-spin-faf92aae; }
svg[spin="true"][rtl="true"][data-v-faf92aae] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-faf92aae; }
svg[rtl="true"][data-v-faf92aae] { transform: scaleX(-1); }
@keyframes iconpark-spin-faf92aae { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-faf92aae { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-532cf579] { animation: 1s linear 0s infinite normal none running iconpark-spin-532cf579; }
svg[spin="true"][rtl="true"][data-v-532cf579] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-532cf579; }
svg[rtl="true"][data-v-532cf579] { transform: scaleX(-1); }
@keyframes iconpark-spin-532cf579 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-532cf579 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-07d87de8] { animation: 1s linear 0s infinite normal none running iconpark-spin-07d87de8; }
svg[spin="true"][rtl="true"][data-v-07d87de8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-07d87de8; }
svg[rtl="true"][data-v-07d87de8] { transform: scaleX(-1); }
@keyframes iconpark-spin-07d87de8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-07d87de8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-e4785a0e] { animation: 1s linear 0s infinite normal none running iconpark-spin-e4785a0e; }
svg[spin="true"][rtl="true"][data-v-e4785a0e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-e4785a0e; }
svg[rtl="true"][data-v-e4785a0e] { transform: scaleX(-1); }
@keyframes iconpark-spin-e4785a0e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-e4785a0e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-44d2cbad] { animation: 1s linear 0s infinite normal none running iconpark-spin-44d2cbad; }
svg[spin="true"][rtl="true"][data-v-44d2cbad] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-44d2cbad; }
svg[rtl="true"][data-v-44d2cbad] { transform: scaleX(-1); }
@keyframes iconpark-spin-44d2cbad { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-44d2cbad { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-599b969b] { animation: 1s linear 0s infinite normal none running iconpark-spin-599b969b; }
svg[spin="true"][rtl="true"][data-v-599b969b] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-599b969b; }
svg[rtl="true"][data-v-599b969b] { transform: scaleX(-1); }
@keyframes iconpark-spin-599b969b { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-599b969b { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-bc14c3a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-bc14c3a8; }
svg[spin="true"][rtl="true"][data-v-bc14c3a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-bc14c3a8; }
svg[rtl="true"][data-v-bc14c3a8] { transform: scaleX(-1); }
@keyframes iconpark-spin-bc14c3a8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-bc14c3a8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-06fde7f0] { animation: 1s linear 0s infinite normal none running iconpark-spin-06fde7f0; }
svg[spin="true"][rtl="true"][data-v-06fde7f0] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-06fde7f0; }
svg[rtl="true"][data-v-06fde7f0] { transform: scaleX(-1); }
@keyframes iconpark-spin-06fde7f0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-06fde7f0 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-b2e38f7c] { animation: 1s linear 0s infinite normal none running iconpark-spin-b2e38f7c; }
svg[spin="true"][rtl="true"][data-v-b2e38f7c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-b2e38f7c; }
svg[rtl="true"][data-v-b2e38f7c] { transform: scaleX(-1); }
@keyframes iconpark-spin-b2e38f7c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-b2e38f7c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-8fef567c] { animation: 1s linear 0s infinite normal none running iconpark-spin-8fef567c; }
svg[spin="true"][rtl="true"][data-v-8fef567c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-8fef567c; }
svg[rtl="true"][data-v-8fef567c] { transform: scaleX(-1); }
@keyframes iconpark-spin-8fef567c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-8fef567c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-5ee95650] { animation: 1s linear 0s infinite normal none running iconpark-spin-5ee95650; }
svg[spin="true"][rtl="true"][data-v-5ee95650] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-5ee95650; }
svg[rtl="true"][data-v-5ee95650] { transform: scaleX(-1); }
@keyframes iconpark-spin-5ee95650 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-5ee95650 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4d599d17] { animation: 1s linear 0s infinite normal none running iconpark-spin-4d599d17; }
svg[spin="true"][rtl="true"][data-v-4d599d17] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4d599d17; }
svg[rtl="true"][data-v-4d599d17] { transform: scaleX(-1); }
@keyframes iconpark-spin-4d599d17 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4d599d17 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-442f9334] { animation: 1s linear 0s infinite normal none running iconpark-spin-442f9334; }
svg[spin="true"][rtl="true"][data-v-442f9334] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-442f9334; }
svg[rtl="true"][data-v-442f9334] { transform: scaleX(-1); }
@keyframes iconpark-spin-442f9334 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-442f9334 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-34748c09] { animation: 1s linear 0s infinite normal none running iconpark-spin-34748c09; }
svg[spin="true"][rtl="true"][data-v-34748c09] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-34748c09; }
svg[rtl="true"][data-v-34748c09] { transform: scaleX(-1); }
@keyframes iconpark-spin-34748c09 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-34748c09 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-d025e1e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-d025e1e6; }
svg[spin="true"][rtl="true"][data-v-d025e1e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-d025e1e6; }
svg[rtl="true"][data-v-d025e1e6] { transform: scaleX(-1); }
@keyframes iconpark-spin-d025e1e6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-d025e1e6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-29966254] { animation: 1s linear 0s infinite normal none running iconpark-spin-29966254; }
svg[spin="true"][rtl="true"][data-v-29966254] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-29966254; }
svg[rtl="true"][data-v-29966254] { transform: scaleX(-1); }
@keyframes iconpark-spin-29966254 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-29966254 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1e288e8c] { animation: 1s linear 0s infinite normal none running iconpark-spin-1e288e8c; }
svg[spin="true"][rtl="true"][data-v-1e288e8c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1e288e8c; }
svg[rtl="true"][data-v-1e288e8c] { transform: scaleX(-1); }
@keyframes iconpark-spin-1e288e8c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1e288e8c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-59399a86] { animation: 1s linear 0s infinite normal none running iconpark-spin-59399a86; }
svg[spin="true"][rtl="true"][data-v-59399a86] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-59399a86; }
svg[rtl="true"][data-v-59399a86] { transform: scaleX(-1); }
@keyframes iconpark-spin-59399a86 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-59399a86 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-07a7ed76] { animation: 1s linear 0s infinite normal none running iconpark-spin-07a7ed76; }
svg[spin="true"][rtl="true"][data-v-07a7ed76] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-07a7ed76; }
svg[rtl="true"][data-v-07a7ed76] { transform: scaleX(-1); }
@keyframes iconpark-spin-07a7ed76 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-07a7ed76 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-143e284b] { animation: 1s linear 0s infinite normal none running iconpark-spin-143e284b; }
svg[spin="true"][rtl="true"][data-v-143e284b] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-143e284b; }
svg[rtl="true"][data-v-143e284b] { transform: scaleX(-1); }
@keyframes iconpark-spin-143e284b { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-143e284b { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-368d6680] { animation: 1s linear 0s infinite normal none running iconpark-spin-368d6680; }
svg[spin="true"][rtl="true"][data-v-368d6680] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-368d6680; }
svg[rtl="true"][data-v-368d6680] { transform: scaleX(-1); }
@keyframes iconpark-spin-368d6680 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-368d6680 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-67f26794] { animation: 1s linear 0s infinite normal none running iconpark-spin-67f26794; }
svg[spin="true"][rtl="true"][data-v-67f26794] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-67f26794; }
svg[rtl="true"][data-v-67f26794] { transform: scaleX(-1); }
@keyframes iconpark-spin-67f26794 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-67f26794 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-3d73972c] { animation: 1s linear 0s infinite normal none running iconpark-spin-3d73972c; }
svg[spin="true"][rtl="true"][data-v-3d73972c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-3d73972c; }
svg[rtl="true"][data-v-3d73972c] { transform: scaleX(-1); }
@keyframes iconpark-spin-3d73972c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-3d73972c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-71e5768a] { animation: 1s linear 0s infinite normal none running iconpark-spin-71e5768a; }
svg[spin="true"][rtl="true"][data-v-71e5768a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-71e5768a; }
svg[rtl="true"][data-v-71e5768a] { transform: scaleX(-1); }
@keyframes iconpark-spin-71e5768a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-71e5768a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-75b4d6a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-75b4d6a8; }
svg[spin="true"][rtl="true"][data-v-75b4d6a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-75b4d6a8; }
svg[rtl="true"][data-v-75b4d6a8] { transform: scaleX(-1); }
@keyframes iconpark-spin-75b4d6a8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-75b4d6a8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-fe7f3e6a] { animation: 1s linear 0s infinite normal none running iconpark-spin-fe7f3e6a; }
svg[spin="true"][rtl="true"][data-v-fe7f3e6a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-fe7f3e6a; }
svg[rtl="true"][data-v-fe7f3e6a] { transform: scaleX(-1); }
@keyframes iconpark-spin-fe7f3e6a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-fe7f3e6a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-6a35bc2a] { animation: 1s linear 0s infinite normal none running iconpark-spin-6a35bc2a; }
svg[spin="true"][rtl="true"][data-v-6a35bc2a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-6a35bc2a; }
svg[rtl="true"][data-v-6a35bc2a] { transform: scaleX(-1); }
@keyframes iconpark-spin-6a35bc2a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-6a35bc2a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-070cb271] { animation: 1s linear 0s infinite normal none running iconpark-spin-070cb271; }
svg[spin="true"][rtl="true"][data-v-070cb271] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-070cb271; }
svg[rtl="true"][data-v-070cb271] { transform: scaleX(-1); }
@keyframes iconpark-spin-070cb271 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-070cb271 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-367c8ae2] { animation: 1s linear 0s infinite normal none running iconpark-spin-367c8ae2; }
svg[spin="true"][rtl="true"][data-v-367c8ae2] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-367c8ae2; }
svg[rtl="true"][data-v-367c8ae2] { transform: scaleX(-1); }
@keyframes iconpark-spin-367c8ae2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-367c8ae2 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-388969e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-388969e6; }
svg[spin="true"][rtl="true"][data-v-388969e6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-388969e6; }
svg[rtl="true"][data-v-388969e6] { transform: scaleX(-1); }
@keyframes iconpark-spin-388969e6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-388969e6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-551af6d8] { animation: 1s linear 0s infinite normal none running iconpark-spin-551af6d8; }
svg[spin="true"][rtl="true"][data-v-551af6d8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-551af6d8; }
svg[rtl="true"][data-v-551af6d8] { transform: scaleX(-1); }
@keyframes iconpark-spin-551af6d8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-551af6d8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-3753c1c9] { animation: 1s linear 0s infinite normal none running iconpark-spin-3753c1c9; }
svg[spin="true"][rtl="true"][data-v-3753c1c9] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-3753c1c9; }
svg[rtl="true"][data-v-3753c1c9] { transform: scaleX(-1); }
@keyframes iconpark-spin-3753c1c9 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-3753c1c9 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0dd62fb5] { animation: 1s linear 0s infinite normal none running iconpark-spin-0dd62fb5; }
svg[spin="true"][rtl="true"][data-v-0dd62fb5] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0dd62fb5; }
svg[rtl="true"][data-v-0dd62fb5] { transform: scaleX(-1); }
@keyframes iconpark-spin-0dd62fb5 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0dd62fb5 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-9d3c50de] { animation: 1s linear 0s infinite normal none running iconpark-spin-9d3c50de; }
svg[spin="true"][rtl="true"][data-v-9d3c50de] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-9d3c50de; }
svg[rtl="true"][data-v-9d3c50de] { transform: scaleX(-1); }
@keyframes iconpark-spin-9d3c50de { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-9d3c50de { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1afa6bf3] { animation: 1s linear 0s infinite normal none running iconpark-spin-1afa6bf3; }
svg[spin="true"][rtl="true"][data-v-1afa6bf3] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1afa6bf3; }
svg[rtl="true"][data-v-1afa6bf3] { transform: scaleX(-1); }
@keyframes iconpark-spin-1afa6bf3 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1afa6bf3 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-151ab4f6] { animation: 1s linear 0s infinite normal none running iconpark-spin-151ab4f6; }
svg[spin="true"][rtl="true"][data-v-151ab4f6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-151ab4f6; }
svg[rtl="true"][data-v-151ab4f6] { transform: scaleX(-1); }
@keyframes iconpark-spin-151ab4f6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-151ab4f6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-767a1a45] { animation: 1s linear 0s infinite normal none running iconpark-spin-767a1a45; }
svg[spin="true"][rtl="true"][data-v-767a1a45] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-767a1a45; }
svg[rtl="true"][data-v-767a1a45] { transform: scaleX(-1); }
@keyframes iconpark-spin-767a1a45 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-767a1a45 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-24f71a96] { animation: 1s linear 0s infinite normal none running iconpark-spin-24f71a96; }
svg[spin="true"][rtl="true"][data-v-24f71a96] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-24f71a96; }
svg[rtl="true"][data-v-24f71a96] { transform: scaleX(-1); }
@keyframes iconpark-spin-24f71a96 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-24f71a96 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-2ebf04bd] { animation: 1s linear 0s infinite normal none running iconpark-spin-2ebf04bd; }
svg[spin="true"][rtl="true"][data-v-2ebf04bd] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-2ebf04bd; }
svg[rtl="true"][data-v-2ebf04bd] { transform: scaleX(-1); }
@keyframes iconpark-spin-2ebf04bd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-2ebf04bd { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-92bcb574] { animation: 1s linear 0s infinite normal none running iconpark-spin-92bcb574; }
svg[spin="true"][rtl="true"][data-v-92bcb574] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-92bcb574; }
svg[rtl="true"][data-v-92bcb574] { transform: scaleX(-1); }
@keyframes iconpark-spin-92bcb574 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-92bcb574 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-052d61ea] { animation: 1s linear 0s infinite normal none running iconpark-spin-052d61ea; }
svg[spin="true"][rtl="true"][data-v-052d61ea] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-052d61ea; }
svg[rtl="true"][data-v-052d61ea] { transform: scaleX(-1); }
@keyframes iconpark-spin-052d61ea { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-052d61ea { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0014772a] { animation: 1s linear 0s infinite normal none running iconpark-spin-0014772a; }
svg[spin="true"][rtl="true"][data-v-0014772a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0014772a; }
svg[rtl="true"][data-v-0014772a] { transform: scaleX(-1); }
@keyframes iconpark-spin-0014772a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0014772a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-146629c2] { animation: 1s linear 0s infinite normal none running iconpark-spin-146629c2; }
svg[spin="true"][rtl="true"][data-v-146629c2] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-146629c2; }
svg[rtl="true"][data-v-146629c2] { transform: scaleX(-1); }
@keyframes iconpark-spin-146629c2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-146629c2 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-e112786e] { animation: 1s linear 0s infinite normal none running iconpark-spin-e112786e; }
svg[spin="true"][rtl="true"][data-v-e112786e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-e112786e; }
svg[rtl="true"][data-v-e112786e] { transform: scaleX(-1); }
@keyframes iconpark-spin-e112786e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-e112786e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-a6f677d0] { animation: 1s linear 0s infinite normal none running iconpark-spin-a6f677d0; }
svg[spin="true"][rtl="true"][data-v-a6f677d0] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-a6f677d0; }
svg[rtl="true"][data-v-a6f677d0] { transform: scaleX(-1); }
@keyframes iconpark-spin-a6f677d0 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-a6f677d0 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-c54bbf5e] { animation: 1s linear 0s infinite normal none running iconpark-spin-c54bbf5e; }
svg[spin="true"][rtl="true"][data-v-c54bbf5e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-c54bbf5e; }
svg[rtl="true"][data-v-c54bbf5e] { transform: scaleX(-1); }
@keyframes iconpark-spin-c54bbf5e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-c54bbf5e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-02b45361] { animation: 1s linear 0s infinite normal none running iconpark-spin-02b45361; }
svg[spin="true"][rtl="true"][data-v-02b45361] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-02b45361; }
svg[rtl="true"][data-v-02b45361] { transform: scaleX(-1); }
@keyframes iconpark-spin-02b45361 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-02b45361 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-22d13e34] { animation: 1s linear 0s infinite normal none running iconpark-spin-22d13e34; }
svg[spin="true"][rtl="true"][data-v-22d13e34] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-22d13e34; }
svg[rtl="true"][data-v-22d13e34] { transform: scaleX(-1); }
@keyframes iconpark-spin-22d13e34 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-22d13e34 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-dbb6f0b4] { animation: 1s linear 0s infinite normal none running iconpark-spin-dbb6f0b4; }
svg[spin="true"][rtl="true"][data-v-dbb6f0b4] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-dbb6f0b4; }
svg[rtl="true"][data-v-dbb6f0b4] { transform: scaleX(-1); }
@keyframes iconpark-spin-dbb6f0b4 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-dbb6f0b4 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-56676744] { animation: 1s linear 0s infinite normal none running iconpark-spin-56676744; }
svg[spin="true"][rtl="true"][data-v-56676744] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-56676744; }
svg[rtl="true"][data-v-56676744] { transform: scaleX(-1); }
@keyframes iconpark-spin-56676744 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-56676744 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-7e445395] { animation: 1s linear 0s infinite normal none running iconpark-spin-7e445395; }
svg[spin="true"][rtl="true"][data-v-7e445395] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-7e445395; }
svg[rtl="true"][data-v-7e445395] { transform: scaleX(-1); }
@keyframes iconpark-spin-7e445395 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-7e445395 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-7fbd2437] { animation: 1s linear 0s infinite normal none running iconpark-spin-7fbd2437; }
svg[spin="true"][rtl="true"][data-v-7fbd2437] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-7fbd2437; }
svg[rtl="true"][data-v-7fbd2437] { transform: scaleX(-1); }
@keyframes iconpark-spin-7fbd2437 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-7fbd2437 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0c6fdc4c] { animation: 1s linear 0s infinite normal none running iconpark-spin-0c6fdc4c; }
svg[spin="true"][rtl="true"][data-v-0c6fdc4c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0c6fdc4c; }
svg[rtl="true"][data-v-0c6fdc4c] { transform: scaleX(-1); }
@keyframes iconpark-spin-0c6fdc4c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0c6fdc4c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-4850ece1] { animation: 1s linear 0s infinite normal none running iconpark-spin-4850ece1; }
svg[spin="true"][rtl="true"][data-v-4850ece1] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-4850ece1; }
svg[rtl="true"][data-v-4850ece1] { transform: scaleX(-1); }
@keyframes iconpark-spin-4850ece1 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-4850ece1 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0b200c02] { animation: 1s linear 0s infinite normal none running iconpark-spin-0b200c02; }
svg[spin="true"][rtl="true"][data-v-0b200c02] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0b200c02; }
svg[rtl="true"][data-v-0b200c02] { transform: scaleX(-1); }
@keyframes iconpark-spin-0b200c02 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0b200c02 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-602b1dc1] { animation: 1s linear 0s infinite normal none running iconpark-spin-602b1dc1; }
svg[spin="true"][rtl="true"][data-v-602b1dc1] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-602b1dc1; }
svg[rtl="true"][data-v-602b1dc1] { transform: scaleX(-1); }
@keyframes iconpark-spin-602b1dc1 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-602b1dc1 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-9102179c] { animation: 1s linear 0s infinite normal none running iconpark-spin-9102179c; }
svg[spin="true"][rtl="true"][data-v-9102179c] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-9102179c; }
svg[rtl="true"][data-v-9102179c] { transform: scaleX(-1); }
@keyframes iconpark-spin-9102179c { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-9102179c { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1434f775] { animation: 1s linear 0s infinite normal none running iconpark-spin-1434f775; }
svg[spin="true"][rtl="true"][data-v-1434f775] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1434f775; }
svg[rtl="true"][data-v-1434f775] { transform: scaleX(-1); }
@keyframes iconpark-spin-1434f775 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1434f775 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-497e42cf] { animation: 1s linear 0s infinite normal none running iconpark-spin-497e42cf; }
svg[spin="true"][rtl="true"][data-v-497e42cf] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-497e42cf; }
svg[rtl="true"][data-v-497e42cf] { transform: scaleX(-1); }
@keyframes iconpark-spin-497e42cf { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-497e42cf { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-2c07916b] { animation: 1s linear 0s infinite normal none running iconpark-spin-2c07916b; }
svg[spin="true"][rtl="true"][data-v-2c07916b] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-2c07916b; }
svg[rtl="true"][data-v-2c07916b] { transform: scaleX(-1); }
@keyframes iconpark-spin-2c07916b { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-2c07916b { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-ecb03978] { animation: 1s linear 0s infinite normal none running iconpark-spin-ecb03978; }
svg[spin="true"][rtl="true"][data-v-ecb03978] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-ecb03978; }
svg[rtl="true"][data-v-ecb03978] { transform: scaleX(-1); }
@keyframes iconpark-spin-ecb03978 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-ecb03978 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-1f95448e] { animation: 1s linear 0s infinite normal none running iconpark-spin-1f95448e; }
svg[spin="true"][rtl="true"][data-v-1f95448e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-1f95448e; }
svg[rtl="true"][data-v-1f95448e] { transform: scaleX(-1); }
@keyframes iconpark-spin-1f95448e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-1f95448e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-d0f301e2] { animation: 1s linear 0s infinite normal none running iconpark-spin-d0f301e2; }
svg[spin="true"][rtl="true"][data-v-d0f301e2] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-d0f301e2; }
svg[rtl="true"][data-v-d0f301e2] { transform: scaleX(-1); }
@keyframes iconpark-spin-d0f301e2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-d0f301e2 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-36a9a70d] { animation: 1s linear 0s infinite normal none running iconpark-spin-36a9a70d; }
svg[spin="true"][rtl="true"][data-v-36a9a70d] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-36a9a70d; }
svg[rtl="true"][data-v-36a9a70d] { transform: scaleX(-1); }
@keyframes iconpark-spin-36a9a70d { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-36a9a70d { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-221c50aa] { animation: 1s linear 0s infinite normal none running iconpark-spin-221c50aa; }
svg[spin="true"][rtl="true"][data-v-221c50aa] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-221c50aa; }
svg[rtl="true"][data-v-221c50aa] { transform: scaleX(-1); }
@keyframes iconpark-spin-221c50aa { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-221c50aa { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-b2f01b28] { animation: 1s linear 0s infinite normal none running iconpark-spin-b2f01b28; }
svg[spin="true"][rtl="true"][data-v-b2f01b28] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-b2f01b28; }
svg[rtl="true"][data-v-b2f01b28] { transform: scaleX(-1); }
@keyframes iconpark-spin-b2f01b28 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-b2f01b28 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0fed1622] { animation: 1s linear 0s infinite normal none running iconpark-spin-0fed1622; }
svg[spin="true"][rtl="true"][data-v-0fed1622] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0fed1622; }
svg[rtl="true"][data-v-0fed1622] { transform: scaleX(-1); }
@keyframes iconpark-spin-0fed1622 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0fed1622 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-7f12bbf2] { animation: 1s linear 0s infinite normal none running iconpark-spin-7f12bbf2; }
svg[spin="true"][rtl="true"][data-v-7f12bbf2] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-7f12bbf2; }
svg[rtl="true"][data-v-7f12bbf2] { transform: scaleX(-1); }
@keyframes iconpark-spin-7f12bbf2 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-7f12bbf2 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-63cc3b9e] { animation: 1s linear 0s infinite normal none running iconpark-spin-63cc3b9e; }
svg[spin="true"][rtl="true"][data-v-63cc3b9e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-63cc3b9e; }
svg[rtl="true"][data-v-63cc3b9e] { transform: scaleX(-1); }
@keyframes iconpark-spin-63cc3b9e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-63cc3b9e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-f95377a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-f95377a8; }
svg[spin="true"][rtl="true"][data-v-f95377a8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-f95377a8; }
svg[rtl="true"][data-v-f95377a8] { transform: scaleX(-1); }
@keyframes iconpark-spin-f95377a8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-f95377a8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-99f8a9a6] { animation: 1s linear 0s infinite normal none running iconpark-spin-99f8a9a6; }
svg[spin="true"][rtl="true"][data-v-99f8a9a6] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-99f8a9a6; }
svg[rtl="true"][data-v-99f8a9a6] { transform: scaleX(-1); }
@keyframes iconpark-spin-99f8a9a6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-99f8a9a6 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-14733785] { animation: 1s linear 0s infinite normal none running iconpark-spin-14733785; }
svg[spin="true"][rtl="true"][data-v-14733785] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-14733785; }
svg[rtl="true"][data-v-14733785] { transform: scaleX(-1); }
@keyframes iconpark-spin-14733785 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-14733785 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-bdd28196] { animation: 1s linear 0s infinite normal none running iconpark-spin-bdd28196; }
svg[spin="true"][rtl="true"][data-v-bdd28196] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-bdd28196; }
svg[rtl="true"][data-v-bdd28196] { transform: scaleX(-1); }
@keyframes iconpark-spin-bdd28196 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-bdd28196 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-31f1fd43] { animation: 1s linear 0s infinite normal none running iconpark-spin-31f1fd43; }
svg[spin="true"][rtl="true"][data-v-31f1fd43] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-31f1fd43; }
svg[rtl="true"][data-v-31f1fd43] { transform: scaleX(-1); }
@keyframes iconpark-spin-31f1fd43 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-31f1fd43 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-07c28462] { animation: 1s linear 0s infinite normal none running iconpark-spin-07c28462; }
svg[spin="true"][rtl="true"][data-v-07c28462] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-07c28462; }
svg[rtl="true"][data-v-07c28462] { transform: scaleX(-1); }
@keyframes iconpark-spin-07c28462 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-07c28462 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-0134229d] { animation: 1s linear 0s infinite normal none running iconpark-spin-0134229d; }
svg[spin="true"][rtl="true"][data-v-0134229d] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-0134229d; }
svg[rtl="true"][data-v-0134229d] { transform: scaleX(-1); }
@keyframes iconpark-spin-0134229d { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-0134229d { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-74b5012a] { animation: 1s linear 0s infinite normal none running iconpark-spin-74b5012a; }
svg[spin="true"][rtl="true"][data-v-74b5012a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-74b5012a; }
svg[rtl="true"][data-v-74b5012a] { transform: scaleX(-1); }
@keyframes iconpark-spin-74b5012a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-74b5012a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-dd0c5274] { animation: 1s linear 0s infinite normal none running iconpark-spin-dd0c5274; }
svg[spin="true"][rtl="true"][data-v-dd0c5274] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-dd0c5274; }
svg[rtl="true"][data-v-dd0c5274] { transform: scaleX(-1); }
@keyframes iconpark-spin-dd0c5274 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-dd0c5274 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-30d628c8] { animation: 1s linear 0s infinite normal none running iconpark-spin-30d628c8; }
svg[spin="true"][rtl="true"][data-v-30d628c8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-30d628c8; }
svg[rtl="true"][data-v-30d628c8] { transform: scaleX(-1); }
@keyframes iconpark-spin-30d628c8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-30d628c8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-43fc789a] { animation: 1s linear 0s infinite normal none running iconpark-spin-43fc789a; }
svg[spin="true"][rtl="true"][data-v-43fc789a] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-43fc789a; }
svg[rtl="true"][data-v-43fc789a] { transform: scaleX(-1); }
@keyframes iconpark-spin-43fc789a { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-43fc789a { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-37961920] { animation: 1s linear 0s infinite normal none running iconpark-spin-37961920; }
svg[spin="true"][rtl="true"][data-v-37961920] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-37961920; }
svg[rtl="true"][data-v-37961920] { transform: scaleX(-1); }
@keyframes iconpark-spin-37961920 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-37961920 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-45c02d3e] { animation: 1s linear 0s infinite normal none running iconpark-spin-45c02d3e; }
svg[spin="true"][rtl="true"][data-v-45c02d3e] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-45c02d3e; }
svg[rtl="true"][data-v-45c02d3e] { transform: scaleX(-1); }
@keyframes iconpark-spin-45c02d3e { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-45c02d3e { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}svg[spin="true"][data-v-68958ff8] { animation: 1s linear 0s infinite normal none running iconpark-spin-68958ff8; }
svg[spin="true"][rtl="true"][data-v-68958ff8] { animation: 1s linear 0s infinite normal none running iconpark-spin-rtl-68958ff8; }
svg[rtl="true"][data-v-68958ff8] { transform: scaleX(-1); }
@keyframes iconpark-spin-68958ff8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes iconpark-spin-rtl-68958ff8 { 
  0% { transform: scaleX(-1) rotate(0deg); }
  100% { transform: scaleX(-1) rotate(360deg); }
}.lui-mobile-markdown-content { --lui-mobile-contet-font-size: 15px; --lui-mobile-contet-line-height: 24px; font-size: var(--lui-mobile-contet-font-size, 14px); line-height: var(--lui-mobile-contet-line-height, 22px); font-style: normal; color: var(--copilot-color-text-1, #000); word-break: break-all; }
.lui-mobile-markdown-content .lui-blockquote { border-left: 2px solid rgb(204, 204, 204); padding-left: 12px; margin: 16px 0px; color: rgba(0, 0, 0, 0.6); }
.lui-mobile-markdown-content .lui-inline-codespan { border-radius: 4px; border: 1px solid rgb(223, 224, 225); background: rgb(245, 246, 245); padding: 0px 4px; margin: 0px 4px; }
.lui-mobile-markdown-content .lui-mobile-button + br { display: none; }
.lui-mobile-markdown-content br:has(+ .lui-mobile-button) { display: none; }
.lui-mobile-markdown-content h1, .lui-mobile-markdown-content h2, .lui-mobile-markdown-content h3 { margin-top: 12px; margin-bottom: 12px; }
.lui-mobile-markdown-content ol, .lui-mobile-markdown-content ul, .lui-mobile-markdown-content p { margin-bottom: 8px; }
.lui-mobile-markdown-content > :last-child { margin-bottom: 0px; }
.lui-mobile-markdown-content > :first-child { margin-top: 0px; }
.lui-mobile-markdown-content h1 { font-size: 20px; font-weight: 500; line-height: 28px; }
.lui-mobile-markdown-content h2 { font-size: 18px; font-weight: 500; line-height: 26px; }
.lui-mobile-markdown-content h3 { font-size: 16px; font-weight: 500; line-height: 24px; }
.lui-mobile-markdown-content p { font-weight: 400; margin-top: 0px; }
.lui-mobile-markdown-content strong { font-weight: 500; }
.lui-mobile-markdown-content u { font-weight: 400; }
.lui-mobile-markdown-content ul:not(.cpcard *) { margin-top: 0px; padding-left: 18px; list-style-type: disc; }
.lui-mobile-markdown-content ul:not(.cpcard *) li { list-style: disc; font-size: var(--lui-mobile-contet-font-size, 14px); font-style: normal; font-weight: 400; line-height: var(--lui-mobile-contet-line-height, 22px); margin-bottom: 8px; margin-top: 8px; }
.lui-mobile-markdown-content ul:not(.cpcard *) > li:last-child { margin-bottom: 0px; }
.lui-mobile-markdown-content ul:not(.cpcard *) li ul > li { list-style-type: circle; }
.lui-mobile-markdown-content ul:not(.cpcard *) li ul > li:last-child { margin-bottom: 0px; }
.lui-mobile-markdown-content ul:not(.cpcard *) li ul { margin-bottom: 0px; }
.lui-mobile-markdown-content ol:not(.cpcard *) { margin-top: 0px; padding-left: 18px; }
.lui-mobile-markdown-content ol:not(.cpcard *) li { list-style: auto; font-size: var(--lui-mobile-contet-font-size, 14px); font-style: normal; font-weight: 400; line-height: var(--lui-mobile-contet-line-height, 22px); margin-bottom: 8px; }
.lui-mobile-markdown-content ol:not(.cpcard *) > li:last-child { margin-bottom: 0px; }
.lui-mobile-markdown-content hr { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(223, 224, 226) currentcolor currentcolor; border-image: none; margin: 13px 0px; }
.lui-mobile-markdown-content a { color: var(--copilot-color-link-1, #2a55e5); text-decoration: none; }
.lui-mobile-markdown-content .markdown-table-container { overflow-x: auto; margin: 12px 0px; }
.lui-mobile-markdown-content .markdown-table-container p { margin: 0px; }
.lui-mobile-markdown-content .markdown-table-container table { width: 100%; min-width: 100px; border-collapse: separate; border-spacing: 0px; border-radius: 8px; border: 1px solid rgb(231, 233, 242); overflow: hidden; }
.lui-mobile-markdown-content .markdown-table-container th { background-color: rgb(245, 245, 245); position: sticky; color: var(--copilot-color-text-1, #000); font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; }
.lui-mobile-markdown-content .markdown-table-container th > p { font-weight: 600; }
.lui-mobile-markdown-content .markdown-table-container th, .lui-mobile-markdown-content .markdown-table-container td { min-width: 82px; max-width: 140px; padding: 13px 12px; text-align: left; border-bottom: 1px solid rgb(222, 224, 227); border-right: 1px solid rgb(222, 224, 227); }
.lui-mobile-markdown-content .markdown-table-container tr > th:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.lui-mobile-markdown-content .markdown-table-container tr > td:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.lui-mobile-markdown-content .markdown-table-container td { font-size: 14px; line-height: 22px; font-style: normal; font-weight: 400; }
.lui-mobile-markdown-content .markdown-table-container table tr:first-child th:first-child { border-top-left-radius: 8px; }
.lui-mobile-markdown-content .markdown-table-container table tr:first-child th:last-child { border-top-right-radius: 8px; }
.lui-mobile-markdown-content .markdown-table-container tbody > tr:last-child > td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.lui-mobile-markdown-content .markdown-table-container tbody tr:hover { background-color: rgb(233, 245, 255); }
.lui-pc-markdown-content { font-size: 14px; font-style: normal; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; color: var(--text-gray-5, #31343b); word-break: break-all; }
.lui-pc-markdown-content .lui-blockquote { border-left: 2px solid rgb(204, 204, 204); padding-left: 12px; margin: 16px 0px; color: rgba(0, 0, 0, 0.6); }
.lui-pc-markdown-content .lui-inline-codespan { border-radius: 4px; border: 1px solid rgb(223, 224, 225); background: rgb(245, 246, 245); padding: 0px 4px; margin: 0px 4px; }
.lui-pc-markdown-content h1, .lui-pc-markdown-content h2, .lui-pc-markdown-content h3, .lui-pc-markdown-content h4, .lui-pc-markdown-content h5 { margin-top: 8px; margin-bottom: 8px; }
.lui-pc-markdown-content .cp-lui-button-wrapper + br { display: none; }
.lui-pc-markdown-content br:has(+ .cp-lui-button-wrapper) { display: none; }
.lui-pc-markdown-content ol, .lui-pc-markdown-content ul, .lui-pc-markdown-content p { margin-bottom: 16px; }
.lui-pc-markdown-content p + ul, .lui-pc-markdown-content p + ol { margin-top: 0px; }
.lui-pc-markdown-content p:has(+ ul), .lui-pc-markdown-content p:has(+ ol) { margin-bottom: 8px; }
.lui-pc-markdown-content > :last-child { margin-bottom: 0px; }
.lui-pc-markdown-content > :first-child { margin-top: 0px; }
.lui-pc-markdown-content h1, .lui-pc-markdown-content h2, .lui-pc-markdown-content h3, .lui-pc-markdown-content h4 { font-size: 16px; font-weight: 500; line-height: 185%; }
.lui-pc-markdown-content h5 { font-size: 14px; font-weight: 500; line-height: 185%; }
.lui-pc-markdown-content p { font-size: 14px; font-weight: 400; line-height: 185%; margin-top: 0px; }
.lui-pc-markdown-content strong { font-weight: 500; line-height: 185%; }
.lui-pc-markdown-content u { font-size: 14px; font-weight: 400; line-height: 185%; }
.lui-pc-markdown-content ul:not(.cpcard *) { padding-left: 16px; list-style-type: disc; }
.lui-pc-markdown-content ul:not(.cpcard *) li { list-style: disc; font-size: 14px; font-style: normal; font-weight: 400; line-height: 185%; margin-bottom: 8px; margin-top: 8px; }
.lui-pc-markdown-content ul:not(.cpcard *) > li:last-child { margin-bottom: 0px; }
.lui-pc-markdown-content ul:not(.cpcard *) li ul > li { list-style-type: circle; }
.lui-pc-markdown-content ul:not(.cpcard *) li ul > li:last-child { margin-bottom: 0px; }
.lui-pc-markdown-content ul:not(.cpcard *) li ul { margin-bottom: 0px; }
.lui-pc-markdown-content ol:not(.cpcard *) { padding-left: 16px; }
.lui-pc-markdown-content ol:not(.cpcard *) li { list-style: auto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 185%; margin-bottom: 8px; }
.lui-pc-markdown-content ol:not(.cpcard *) > li:last-child { margin-bottom: 0px; }
.lui-pc-markdown-content hr { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(243, 243, 244) currentcolor currentcolor; border-image: none; margin: 15px 0px; }
.lui-pc-markdown-content a { color: rgb(0, 87, 255); text-decoration: none; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper { overflow-x: auto; margin: 16px 0px; color: var(--text-gray-5, #31343b); }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper p { margin: 0px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper .cpui-table { width: 100%; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper .cpui-table__container { border-radius: 8px; border: 1px solid rgb(217, 217, 217); }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper table { border-collapse: separate; border-spacing: 0px; overflow: hidden; box-sizing: border-box; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper p { font-size: 12px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper th { background-color: rgb(242, 244, 247); position: sticky; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: 600; line-height: 185%; padding: 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper th p { font-weight: 600; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper th, .lui-pc-markdown-content .cpui-ocean-oc-table-wrapper td { text-align: left; border-bottom: 1px solid rgb(222, 224, 227); border-right: 1px solid rgb(222, 224, 227); box-sizing: border-box; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper tr > th:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper tr > td:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper td { font-size: 14px; font-style: normal; font-weight: 400; line-height: 185%; padding: 13px 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper table tr:first-child th:first-child { border-top-left-radius: 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper table tr:first-child th:last-child { border-top-right-radius: 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper table tr:last-child td:first-child { border-bottom-left-radius: 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper table tr:last-child td:last-child { border-bottom-right-radius: 8px; }
.lui-pc-markdown-content .cpui-ocean-oc-table-wrapper tbody > tr:last-child > td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.row-container[data-v-e8a13fbe] { display: flex; flex-direction: row; gap: 8px; }
.button-container[data-v-50e99d72] { width: 100%; margin-bottom: 12px; position: relative; }
.button-container[data-v-50e99d72] .cpui-button { width: 100%; }
.button-content[data-v-50e99d72] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.button[data-v-50e99d72] { width: 100%; padding: 4px 16px; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; position: relative; overflow: hidden; }
.button-content[data-v-50e99d72] { display: flex; align-items: center; justify-content: center; }
.button-content span[data-v-50e99d72] { position: relative; font-size: 14px; line-height: 22px; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%) text; color: transparent; margin-right: 4px; }
.button[data-v-50e99d72]::before { content: ""; position: absolute; inset: 0px; border-radius: 8px; padding: 1px; background: linear-gradient(105deg, rgb(71, 215, 250) -20.46%, rgb(59, 126, 244) 36.73%, rgb(184, 78, 241) 107.72%, rgb(243, 85, 193) 192.67%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }
.form-container[data-v-df49a41f] { width: 100%; }
form[data-v-df49a41f] { display: flex; flex-direction: column; gap: 12px; }
.input-container[data-v-24519dc6] { width: 100%; gap: 12px; display: flex; flex-direction: column; }
.input-container[data-v-24519dc6] .input-label[data-v-24519dc6] { font-size: 14px; }
.col-container[data-v-2fef02cb] { display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%; }
.fieldlist-container[data-v-b56317ab] { display: grid; grid-template-columns: minmax(48px, max-content) 1fr; column-gap: 8px; width: 100%; border-top: 1px solid var(--fieldlist-divider-color, #e7e7ec); }
.fieldlist-row[data-v-b56317ab] { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; align-items: start; padding: 8px 0px; border-bottom: 1px solid var(--fieldlist-divider-color, #e7e7ec); }
.fieldlist-label[data-v-b56317ab], .fieldlist-value[data-v-b56317ab] { overflow: hidden; }
.fieldlist-label[data-v-b56317ab] { max-width: 96px; }
.fieldlist-label[data-v-b56317ab] .lui-markdown-content p { font-weight: 500; }
.fieldlist-label[data-v-b56317ab] .lui-markdown-content, .fieldlist-value[data-v-b56317ab] .lui-markdown-content { margin: 0px; }
.header-pivot[data-v-db10728b] { position: relative; height: 72px; }
.header-container[data-v-db10728b] { position: absolute; width: calc(100% + 24px); top: -12px; left: -12px; display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 12px 16px; border-radius: 12px 12px 0px 0px; background: rgb(246, 251, 255); }
.success-gradient[data-v-db10728b] { background: rgb(241, 251, 243); }
.success-gradient[data-v-db10728b] .main-title-text[data-v-db10728b]::after { background: linear-gradient(0deg, rgba(0, 180, 42, 0.2), rgba(0, 180, 42, 0)); }
.error-gradient[data-v-db10728b] { background: rgb(251, 242, 241); }
.error-gradient[data-v-db10728b] .main-title-text[data-v-db10728b]::after { background: linear-gradient(0deg, rgba(255, 62, 97, 0.2), rgba(255, 62, 97, 0)); }
.info-gradient[data-v-db10728b] { background: rgb(246, 251, 255); }
.info-gradient[data-v-db10728b] .main-title-text[data-v-db10728b]::after { background: linear-gradient(0deg, rgba(0, 87, 255, 0.2), rgba(0, 87, 255, 0)); }
.emoji-icon[data-v-db10728b] { font-size: 24px; }
.right-place[data-v-db10728b] { flex: 1 1 0%; }
.main-title[data-v-db10728b] { font-size: 18px; font-weight: 500; line-height: 26px; color: rgb(31, 41, 55); margin-bottom: 8px; position: relative; }
.main-title-text[data-v-db10728b] { position: relative; }
.main-title-text[data-v-db10728b]::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 11px; border-radius: 2px; background: linear-gradient(0deg, rgba(0, 87, 255, 0.2), rgba(0, 87, 255, 0)); }
.sub-title[data-v-db10728b] { font-size: 14px; font-weight: 400; line-height: 24px; color: rgb(98, 101, 108); }
.info-block-blog[data-v-605deb6f] { padding: 12px; background: rgb(239, 244, 252); border-radius: 8px; transition: 0.3s; }
.info-block-blog[data-v-605deb6f]:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; border-color: rgb(209, 213, 219); }
.info-block-header[data-v-605deb6f] { display: flex; align-items: center; margin-bottom: 8px; }
.info-block-decorator[data-v-605deb6f] { width: 2px; height: 16px; background-color: rgb(0, 87, 255); border-radius: 2px; margin-right: 8px; }
.info-block-title[data-v-605deb6f] { font-size: 14px; font-weight: 600; line-height: 22px; color: rgb(49, 52, 59); margin: 0px; }
.info-block-content[data-v-605deb6f] { font-size: 14px; line-height: 1.6; color: rgb(75, 85, 99); white-space: pre-wrap; word-break: break-all; }
.lui-steps[data-v-c9ec5f3b] { display: flex; flex-direction: column; }
.lui-step-item[data-v-c9ec5f3b] { display: flex; gap: 12px; min-height: 64px; }
.lui-step-left[data-v-c9ec5f3b] { display: flex; flex-direction: column; align-items: center; }
.lui-step-node[data-v-c9ec5f3b] { width: 24px; height: 24px; border-radius: 50%; background-color: rgb(255, 255, 255); border: 2px solid rgb(229, 231, 235); display: flex; align-items: center; justify-content: center; z-index: 1; font-size: 12px; font-weight: 600; color: rgb(156, 163, 175); flex-shrink: 0; }
.lui-step-node.is-active[data-v-c9ec5f3b] { border-color: rgb(59, 130, 246); color: rgb(59, 130, 246); background-color: rgb(239, 246, 255); }
.lui-step-node.is-completed[data-v-c9ec5f3b] { border-color: rgb(16, 185, 129); background-color: rgb(16, 185, 129); color: rgb(255, 255, 255); }
.lui-step-line[data-v-c9ec5f3b] { width: 2px; flex-grow: 1; background-color: rgb(229, 231, 235); margin: 4px 0px; }
.lui-step-right[data-v-c9ec5f3b] { padding-bottom: 14px; }
.lui-step-title[data-v-c9ec5f3b] { font-size: 14px; font-weight: 600; color: rgb(31, 41, 55); line-height: 24px; }
.lui-step-title.is-active[data-v-c9ec5f3b] { color: rgb(59, 130, 246); }
.lui-step-desc[data-v-c9ec5f3b] { font-size: 12px; color: rgb(107, 114, 128); margin-top: 4px; line-height: 1.6; }
.lui-step-item:last-child .lui-step-right[data-v-c9ec5f3b] { padding-bottom: 0px; }
.lui-statistic-container[data-v-2e82f4ea] { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0px; }
.lui-statistic-item[data-v-2e82f4ea] { flex: 0 0 calc(50% - 6px); background-color: rgb(249, 250, 251); border-radius: 8px; padding: 12px; border: 1px solid rgb(243, 244, 246); box-sizing: border-box; }
.lui-statistic-label[data-v-2e82f4ea] { font-size: 12px; color: rgb(107, 114, 128); margin-bottom: 4px; }
.lui-statistic-value-wrap[data-v-2e82f4ea] { display: flex; align-items: baseline; gap: 2px; }
.lui-statistic-value[data-v-2e82f4ea] { font-size: 18px; font-weight: 700; color: rgb(17, 24, 39); }
.lui-statistic-unit[data-v-2e82f4ea] { font-size: 12px; color: rgb(156, 163, 175); }
.loading-container[data-v-afa0eb19] { padding: 0px; }
.loading-item[data-v-afa0eb19] { display: flex; align-items: center; gap: 4px; }
.loading-item img[data-v-afa0eb19] { width: 20px; height: 20px; }
.loading-item span[data-v-afa0eb19] { font-family: "PingFang SC"; font-size: 14px; font-weight: 400; line-height: 24px; }
.cp-loading-text[data-v-afa0eb19] { background: linear-gradient(101deg, rgb(255, 255, 255) -30.33%, rgb(71, 215, 250) -19.84%, rgb(59, 126, 244) 34.32%, rgb(184, 78, 241) 106.14%) text; color: transparent; }
@keyframes gradient-flow-afa0eb19 { 
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.loading-stop-generate[data-v-afa0eb19] { display: flex; justify-content: space-between; }
.loading-stop-generate-content[data-v-afa0eb19] { display: flex; align-items: center; gap: 4px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; color: var(--UIKIT-Text-text-gray-5, #323335); }
.demo-container { display: flex; gap: 32px; }
.lui-render-container { display: flex; gap: 12px; flex-direction: column; width: 100%; }
.raw-json { width: 300px; font-size: 12px; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; }@font-face { font-family: ClarityMono-SemiBold; src: url("assets/advertiser/297365b280cc823d1ec7.otf") format("opentype"); }
@font-face { font-family: TikTokText-Regular; src: url("assets/advertiser/a1484cfb38c8f78e7f8a.otf") format("opentype"); }
@font-face { font-family: TikTokText-Semibold; src: url("assets/advertiser/ca4f16186c4df40d8805.otf") format("opentype"); }
@font-face { font-family: TikTokText-Bold; src: url("assets/advertiser/fd2386148067bfe6cc71.otf") format("opentype"); }.schema-render { width: 100%; overflow: hidden; }
.schema-render * { box-sizing: border-box; }
.schema-render > div { position: relative; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/a2bf3ac4c1bbee335662.otf") format("opentype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/23ed62ba5ead9204344b.otf") format("opentype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/23ed62ba5ead9204344b.otf") format("opentype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/ce9703e4a962ead4a96e.otf") format("opentype"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/b29fbda813c4f64ea031.otf") format("opentype"); font-weight: 500; font-stretch: condensed; }
@font-face { font-family: "Douyin Number ABC"; src: url("assets/advertiser/4d5033760865f6807b9f.otf") format("opentype"); font-weight: 500; font-stretch: extra-condensed; }
@font-face { font-family: "MF YuanHei"; src: url("assets/advertiser/7c8f64bdb27642cb6e8a.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Douyin Sans"; src: url("assets/advertiser/c052858e7a32b442c1ec.ttf") format("truetype"); }