:where(.sp-e1) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --composer-banner-upgrade-close-color: #9c9c9c;
  --attention-icon: #fe581e;
  --smart-write-bar-prompt-icon-unfocused-color: #5692f6;
  --bg-setup-account-nudge: #3e4064;
  --flyout-background: #24273d;
  --signature-intelligent-nudge-feature-item-icon-color: #2170f4;
  --upgrade-hook-primary-sub-header-text: #fff;
  --event-wrapper-shadow: 0 2px 4px 0 #00000014;
  --scrollbar-hover-color: #bdbdbd;
  --icon-titan-labs-color: #56ffc2;
  --ai-chat-radio-border: #c3c3c3;
  --ai-chat-option-chosen-border: #8ab4f9;
  --bg-form-container: #fbfbfb;
  --video-modal-bg: #e8effd;
  --signature-list-border: #f0f0f0;
  --heading-color-titan-max: #333;
  --auto-reply-mutli-day-border: #dbe7ff;
  --email-labels-paywall-selection-bg: #b2cf4a33;
  --inline-paywall-hover: #f0f0f0;
  --yellow-star-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-star.8ba693fe670324aa156a.svg");
  --contact-group-blocking-nudge-bg: #fff;
  --secondary-text-subtle: #666;
  --renew-banner-yellow-theme-text-color: #333;
  --bg-color-titan-max: #24273d;
  --downloadlink-pop-up-bg-color: #deeff5;
  --bg-edit-input: #f0f0f0;
  --smart-write-bar-prompt-unfocused-placeholder-color: #333;
  --chip-unselected-background: #fff;
  --composer-banner-warning-border: #f4d57a;
  --bg-modal-outer: #00000080;
  --scheduled-blue: #5c97fa;
  --nudge-selected-box-bg: rgba(155,150,255,.258);
  --primary-text: #fff;
  --email-border-color: #e9e9e9;
  --beta-paywall-upgrade-text: #2170f4;
  --bg-toast-button: #5692f6;
  --bg-upload-progress: #e6efff;
  --icon-secondary-disabled-color: #b8b8b8;
  --mailbox-discount-offer-modal-border: #2170f414;
  --ai-chat-option-icon: #2170f4;
  --icon-forward: url("https://hostinger.titan.email/mail/assets/static/media/icon-forward.76201cfd94d0eeb56ed2.svg");
  --bg-manage-senders-pref-paywall: #fbfbfb;
  --generic-banner-bg: #f7f7f7;
  --attachment-preview-pill-bg: #1f1f1f;
  --ai-chat-assistant: #4b56ba;
  --no-signature-template-image-background: #eff5ff;
  --lighter-grey: #b1b3bb;
  --ai-chat-accent-hover: #1f6df4b3;
  --ai-summary-button-hover-gradient: linear-gradient(90deg,#4b56ba 8.69%,#9561f1 129%);
  --thread-unread-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-unread.ede73f7380943368aaea.svg");
  --avatar-2: #f27383;
  --line-separator-sidebar: #000;
  --email-reputation-color: #f49319;
  --light-grey: #74788e;
  --bg-attachment-preview: #525659;
  --ai-chat-progress-fill: #bdbdbd;
  --bg-view-entire-message-bar: #fbfbfb;
  --preferences-upgrade-hook-background: #f0f0f0;
  --inline-paywall-border: #f0f0f0;
  --generalised-mail-list-container-border: #ecf6ff;
  --refer-gradient: linear-gradient(99deg,#1078ff 3.88%,#ba59bd 107.77%);
  --close-icon-hover-color: #f0f0f0;
  --multiselect-checkbox-focused: #888;
  --auto-reply-timeslot-error: #ff605a;
  --bg-spell-checker-composer-paywall-col1: #24273d;
  --chevron-down: url("https://hostinger.titan.email/mail/assets/static/media/chevron-down.4d9d7ad9fce5b7f14fef.svg");
  --bg-inline-paywall: #fbfbfb;
  --bg-setup-nudge-hover: #484872;
  --hover-sidebar: #2c304d;
  --file-uploaded-text: #08a323;
  --thread-list-participant: #333;
  --bg-spell-checker-pref-paywall: #fbfbfb;
  --grey: #4a4e62;
  --sidebar-toggle-btn-border: #fff;
  --secondary-shadow: 0 2px 4px 0 #00000014;
  --input-text-color: #333;
  --search-pill-active-bg: #e6efff;
  --tone-pill-active-color: #1f1f1f;
  --border-long-message-container: #dedede;
  --upgrade-hook-modal-bg: #1d2133;
  --bg-purchase-mailbox-nudge-domain: #f5f5f5;
  --preferences-auto-clean-paywall-bg: #fbfbfb;
  --improve-writing-btn-bg: #fff;
  --neo-text-color: #333;
  --nudge-improve-card-border-color: #8680ff;
  --mailbox-discount-offer-unlocked-text: #16702a;
  --smart-write-reply-icon: #888;
  --border-purchase-mailbox-nudge: #dedede;
  --inactive-link-text: #888;
  --activity-list-unread-color: #ebf2ff;
  --attachment-preview-scan-badge-bg: #3f3522;
  --smart-write-bar-accent-icon-color: #5692f6;
  --smart-write-video-icon: #2170f4;
  --priority-preferences-toggle-fill: #fbfbfb;
  --mailbox-discount-offer-unlocked: #1f9d3a;
  --tracking-paywall-shimmer-block: #5a5e80;
  --renew-banner-yellow-theme-icon-color: #f3ad5e;
  --designer-mode-green: #1c6256;
  --feature-paywall-box-border: #303452;
  --turbo-search-paywall-container: #fbfbfb;
  --bg-modal: #fff;
  --locked-feature-background: #fbfbfb;
  --signature-designer-paywall-close-icon: #fff;
  --smart-write-paywall-header-border: #70738b;
  --mailbox-discount-offer-unlocked-fill: #2fb34a;
  --radio-check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-on.55e2a39748b99e0798bc.svg");
  --priority-off-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-off.b7bf031c4107ce4781bf.svg");
  --yellow-banner: #fdf4db;
  --ai-chat-send-bg-hover: #93b8ff;
  --composer-template-icon-hover: #5692f6;
  --secondary-header-text: #bdbdbd;
  --nudge-improve-card-bg: #22233a;
  --storage-banner-text: #333;
  --bg-logo-container: #f8f8f8;
  --bg-signature-designer-upgrade-modal-header: #5692f6;
  --upgrade-btn-color: #f1bd6c;
  --unspam-green: #8ec732;
  --composer-banner-info-action-color: #2170f4;
  --avatar-6: #de9c52;
  --border-spell-checker-pref-paywall: #dedede;
  --bg-unread-thread-snippet: #888;
  --star-yellow: #f68e0a;
  --btn-disabled: #bdbdbd;
  --email-rep-close-btn-icon-fill: #888;
  --smart-write-capping-upgrade-text-color: #5692f6;
  --warning-banner: #fdf4db;
  --ai-chat-progress-track: #f0f0f0;
  --renew-modal-image-bg-color: #f8fbff;
  --modal-heading: #333;
  --invoice-builder-nudge-shadow: 0px 10px 14px -1px #3333;
  --check-on-icon-color: #2170f4;
  --error-color: #ff605a;
  --inactive-border-color: #dedede;
  --bg-quick-action-btn: #fff;
  --ai-chat-mark-bg: #f0f6fe;
  --ai-chat-accent: #2170f4;
  --auto-clean-gray: #dedede;
  --bg-upgrade-banner: #f7f7f7;
  --drive-transfer-nudge-bg: #fdf3e0;
  --smart-write-bar-send-icon-unfocused-color: #5692f6;
  --downloadlink-pop-up-titan-bg: url("https://hostinger.titan.email/mail/assets/static/media/titan.ea4e2a19a34757e2871c.svg");
  --back-btn: #333;
  --ai-chat-link-color: color-mix(in srgb,#2170f4 80%,#666 20%);
  --email-preview-item-bg-color: #f5f5f5;
  --priority-confirmation-modal-bg: #fff;
  --bg-spell-checker-composer-banner2: #f1f7ff;
  --tone-preview-border: #eee;
  --downloadlink-modal-bg-2: url("https://hostinger.titan.email/mail/assets/static/media/popup-light-mode.9a80c3625535b01e8e51.png");
  --search-suggestions-border: 1px solid #e4e4e7;
  --smart-write-bar-prompt-icon-color: #5692f6;
  --bg-unread-thread: #fff;
  --bg-msg-modal-border: #dedede;
  --lightest-grey: #b0b0b0;
  --email-backup-settings-bg: #fbfbfb;
  --upgrade-hook-primary-header-text: #f0f0f0;
  --name-border-color: #999;
  --dropdown-border: 1px solid #dedede;
  --smart-write-bar-prompt-placeholder-color: #bdbdbd;
  --preferences-tab-text: #333;
  --phishing-banner-bg-color: #c63929;
  --bg-attachment-error: #ff00000d;
  --mailbox-discount-celebration-amber: #f5b400;
  --renew-modal-body-bg-color: #fff;
  --waiting-state-text-color: #999;
  --login-bg: url("https://hostinger.titan.email/mail/assets/static/media/login-bg.e2fa8425aad8278b1bec.png");
  --designer-banner-bg: #ebf8f6;
  --mailbox-discount-offer-bg-unlocked: #eaf8ec;
  --ai-chat-coming-soon-bg: #edf5ff;
  --email-backup-settings-border: #f0f0f0;
  --signature-list-custom-signature: #eff1f4;
  --border-color-neutral: #e4e4e7;
  --warning-border-color: #edd19e;
  --upgrade-hook-hover-color: #eeb050;
  --tone-pill-color: #333;
  --bg-menu: #f6f6f6;
  --dropdown-item-separator: #eee;
  --thread-navigation-button-hover-bg: #eaeaea;
  --icon-default-color: #fff;
  --session-signout-info-bg: #fdf3e0;
  --preferences-tracking-border: #eee;
  --bg-spell-checker-composer-paywall-col2: #fff;
  --nudge-improve-card-shadow: 0 0 10.621px 0 #3333;
  --gif-modal-bg-color: #e8effd;
  --composer-banner-info-text-color: #000;
  --phishing-banner-text-color: #fff;
  --check-mark: url("https://hostinger.titan.email/mail/assets/static/media/check-mark.6b5d4feeaf113e1d1514.svg");
  --icon-color-warning: #888;
  --preferences-close-btn: #f7f7f7;
  --download-icon-color-hover: #666;
  --bg-modal-header: #1f1f1f;
  --btn-clicked-color: #2170f4;
  --neo-email-banner-text-color: #2e2981;
  --smart-write-bar-icon-color: #888;
  --smart-write-bar-prompt-icon-unfocused-bg: #0000;
  --gift-someone-else-text-color-hover: #ab91f2;
  --secondary-hover-color: #f0f0f0;
  --smart-write-bar-input-box-unfocused-border-color: #ddd;
  --mailbox-discount-offer-bg: #eef3ff;
  --gru-app-badge-color: #fe581e;
  --highlight-info-background: #f0f0f0;
  --bg-paywall-text: #fbfbfb;
  --add-btn-text: #2170f4;
  --bg-attchement-on-hover: linear-gradient(90deg,#f0f0f000 1%,#f0f0f0 40%);
  --add-to-task-yellow: #ff9e45;
  --border-manage-senders-pref-paywall: #dedede;
  --schedule-cancelled-orange: #e75936;
  --offline-image-banner-text: #666;
  --header-bg: #f0f2fa;
  --smart-write-btn-active-icon-color: #4d3bc4;
  --icon-feature-color: #da9c00;
  --priority-on-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-on.5932abe4d5fba1723d74.svg");
  --selected-option-border: #c2c2c2;
  --smart-write-btn-active-bg: #e6efff;
  --signature-designer-paywall-bg-color: #0000001f;
  --smart-write-paywall-bg: #3a3d51;
  --email-backup-trash-upgrade-bar-bg: #e6efff;
  --trash-red: #fd6578;
  --toast-undo-text: #2170f4;
  --chip-hover-border: #dedede;
  --sidebar-icon-color: #dedede;
  --tone-pill-active-bg: #e6ecfa;
  --smart-write-bar-prompt-icon-bg: #fff;
  --primary-disabled-text: #fff;
  --paywall-background-color: #4e517e;
  --chip-selected-text: #5692f6;
  --preferences-info-icon: #333;
  --text-default: #141414;
  --img-background: #24273d;
  --search-suggestion-skeleton: #f0f0f0;
  --thread-list-ai-label-header-color: #737373;
  --bg-discard-options: #fff;
  --ai-chat-back-bg: #eff1f4;
  --unread-thread-counter: #86b3ff;
  --msg-number-shadow: 0 0 2px 0 #aaaaaac4;
  --inline-composer-shadow: 0px 2px 8px #00000040;
  --ai-chat-user-bubble-bg: #f2f2f2;
  --drag-icon-color: #2170f4;
  --plan-comparison-row-border: #dedede1a;
  --searchbar-with-icon-border: #dedede;
  --composer-banner-info-border: #e9f2ff;
  --suspicious-banner-icon-color: #f3ad5e;
  --waiting-state-text-color-timer: #000;
  --bg-msg-list-border: #ececec;
  --bg-sidebar: #1d2133;
  --upgrade-hook-feature-color: #fbaa4f;
  --ai-label-turn-on-card: #e6efff;
  --ai-chat-option-chosen-bg: #f3f8fe;
  --border-upgrade-banner: #f4f4f4;
  --warning-icon-color: #c56a00;
  --preferences-paywall-image-bg: #e6efff;
  --account-scrollbar-active-color: #8886;
  --border-color-default: #dedede;
  --bg-signature-designer-upgrade-modal-wrapper: #fff;
  --settings-menu-highlighter: #fdf3e0;
  --smart-write-bar-input-box-border-color: #5692f6;
  --downloadlink-modal-bg-1: url("https://hostinger.titan.email/mail/assets/static/media/download-link-bg-1-light.c2d8f86ab89970e4d263.png");
  --flyout-bg-color: #24273d;
  --editor-border-color: #dedede;
  --tertiary-text-three: #888;
  --btn-tertiary2-color: #888;
  --email-rep-close-btn-bg-hover: #0000001f;
  --nudge-static-element-bg: #353857;
  --header-underline: #2170f4;
  --selected-option-text: #888;
  --btn-text-toolbar-hover: #333;
  --inactive-bg-label: #f0f0f0;
  --ai-summary-skeleton-strip-gradient: linear-gradient(90deg,#b2cfff,#d6bdff);
  --input-disbaled-background: #fafafa;
  --footer-icon-color: #4b56ba;
  --tone-preview-label-bg: #f5f5f5;
  --upgrade-btn-text: #333;
  --msg-line-shadow: 0 0.5px 0 #0000001a,0 -0.5px 0 #0000001a,0.5px 0 0 #0000001a,-0.5px 0 0 #0000001a;
  --composer-banner-error-border: #f5bcc3;
  --feature-paywall-subheading: #333;
  --ai-chat-modal-shadow: 0 1px 10px #0000001a;
  --clickable-cta-color: #2170f4;
  --btn-tertiary-clicked: #333;
  --composer-banner-upgrade-border: #f4f4f4;
  --upgrade-modal-gradient: linear-gradient(180deg,#1d213300,#1d21338a 26.56%,#1d2133d4 52.6%,#1d2133 79.17%);
  --sidebar-toogle-btn-bg: #484872;
  --checkbox-tick: url("https://hostinger.titan.email/mail/assets/static/media/white-tick.ef462bab3a06e9e34de4.svg");
  --neo-email-banner-border-color: #5846c1;
  --smart-write-video-background: #a8c8fe;
  --generalised-mail-list-container: #f9fcff;
  --spam-red: #ff3c3c;
  --paywall-text-color: #c8cbff;
  --smart-write-paywall-header-bg: #24273d;
  --input-bg: #fff;
  --search-highlight-bg: #ffdf8f;
  --tertiary-text: #cbcbcbe6;
  --priority-preferences-paywall-border: #f0f0f0;
  --email-action-border-color: #c1c1c1;
  --upgrade-hook-loader-color: #ffd89b;
  --radio-check-off-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-off.38553db3ac7739d09181.svg");
  --feedback-btn-hover-color: #f0f0f0;
  --priority-confirmation-modal-body-text: #333;
  --ai-chat-error: #ff605a;
  --line-seprator-color: #dedede;
  --inactive-text-label: #666;
  --ai-chat-openai-logo-fg: #fff;
  --dropdown-border-color: #dedede;
  --suspicious-banner-text-color: #333;
  --email-reputation-image-bg-color: #e6efff;
  --read-receipt: #59af56;
  --archive-green: #2cb1be;
  --feature-paywall-box-bg: #212233;
  --tertiary-line-separator: #444;
  --tertiary-text-subtle: #cbcbcb99;
  --ai-chat-send-bg: #a8c7ff;
  --cancel-btn: #2d6ced;
  --renew-banner-red-theme-text-color: #fff;
  --negative-btn-color: #ff605a;
  --email-action-bg-color: #fff;
  --ai-chat-input-border: #eee;
  --image-background: #d7a4ff;
  --campaign-hover: #ececff;
  --email-labels-paywall-header-caret: #3d415f;
  --print-pink: #d064e7;
  --import-contact-banner-background: #f3f8ff;
  --ai-chat-icon-box-bg: #f0f0f0;
  --composer-banner-success-border: #b3dfbd;
  --preferences-info-label: #f8f8f8;
  --update-card-gift-box-shade: #c23b47;
  --preferences-highlighter: #fdf3e0;
  --smart-write-bar-icon-hover-bg: #f0f0f0;
  --bg-colored-purchase-mailbox-nudge: #f5f9ff;
  --quick-action-border-color: #dedede;
  --email-alias-block-nudge-bg: #fff;
  --brick-red: #b74b4b;
  --hover-color: #f0f0f0;
  --auto-reply-multi-day-tag-bg: #e8effd;
  --composer-no-color-hover-bg: #f0f0f0;
  --iw-settings-btn-hover-bg: #4b56ba1f;
  --close-modal-text-color: #bbb1b1;
  --personalize-card-content-background: #f5f5f5;
  --btn-secondary-color: #2170f4;
  --text-color-for-upgrade: #333;
  --activity-list-unread-color-hover: #e0ebff;
  --dropdown-selected-item: #419bf9;
  --non-closable-banner-upgrade-btn-text: #fff;
  --tone-preview-body-bg: #fbfbfb;
  --popover-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 4px 7px #00000026;
  --composer-banner-success-bg: #eef9f0;
  --bg-tooltip: #000;
  --bg-new-read-receipt: #fff;
  --bg-secondary-color-titan-max: #fff;
  --bg-bug-modal-footer: #f0f0f0;
  --smart-write-bar-prompt-unfocused-text-color: #666;
  --email-labels-header-text: #fff;
  --signature-designer-upgrade-modal-text-color: #333;
  --turbo-search-paywall-container-border: #f0f0f0;
  --login-bg-2x: url("https://hostinger.titan.email/mail/assets/static/media/login-bg-2x.e763d39b4979b4a4c055.png");
  --activity-list-separator-color: #dedede;
  --banner-text-color: #2170f4;
  --chip-selected-border: #5692f6;
  --priority-border-partition: #dedede;
  --update-card-gift-lid: #ff6b6b;
  --bg-update-card-badge: #ffffff17;
  --email-icon-border-color: #dedede;
  --modal-shadow: 0 10px 20px #00000030,inset 0 0 1px #00000080;
  --tone-pill-bg: #fff;
  --chip-hover-background: #f0f0f0;
  --bg-dropdown-color: #fff;
  --ai-chat-input-placeholder: #bdbdbd;
  --unread-email: #373737b3;
  --quick-action-button-disabled-shadow: 0 0 1px #dedede;
  --smart-write-bar-dropdown-shadow: 0px 0px 4px -0.89px #3333331f;
  --bg-purchase-mailbox-nudge-input: #fff;
  --avatar-1: #3097a7;
  --priority-inbox-tab: #e6efff;
  --upgrade-paywall-strip-border-color: #f9e8c3;
  --plan-comparison-column-bg: #363636;
  --priority-mustard: #ff9a1b;
  --modal-sidebar: #eff1f4;
  --bg-small-dropdowns: #fff;
  --remove-color-icon-bg: #fff;
  --update-card-gift-knot: #f2a900;
  --contact-group-placeholder-color: #aaa6a64d;
  --ai-chat-send-fg: #103366;
  --avatar-3: #646ac0;
  --bg-color-gift-neo: #fff;
  --horizontal-line-color: #6950af;
  --second-text-color: #ab91f2;
  --bg-attachment-error-on-hover: linear-gradient(90deg,rgba(255,246,243,.425) -9.39%,#fff6f3 38.1%);
  --success-msg: #0abe51;
  --load-remote-images-background: #f7f7f7;
  --acitivity-list-separator-color-hover: #bdbdbd;
  --avatar-4: #d875ed;
  --mailbox-discount-offer-subline-text: #4a5570;
  --composer-feature-toolbar-bg: #fff;
  --notification-offline: #ea4646;
  --bg-reading-pane: #fbfbfb;
  --ai-chat-muted-text: #666;
  --update-card-gift-box: #e8505b;
  --personalize-card-icon-color: #2270f3;
  --session-signout-btn-bg: #fe581e;
  --preferences-info-color: #fdf3e0;
  --checkbox-hyphen: url("https://hostinger.titan.email/mail/assets/static/media/white-hyphen.c9a0a388010638c402b6.svg");
  --btn-text-toolbar: #666;
  --input-new-list-item: #dedede;
  --bg-secondary-color: #edf4ff;
  --preview-pane-bg: #fff;
  --phishing-banner-icon-color: #fff;
  --neo-popover-bg-color: linear-gradient(90.29deg,#4f32a4 0.2%,#3d31c7 99.83%);
  --ai-chat-prompt-hover-bg: #f0f0f0;
  --activitylist-default-color: #fff;
  --bg-neo-email-banner: #fff;
  --neo-popover-recipient-color: #f3c238;
  --searchbar-bg: #fff;
  --reminder-color: #d875ed;
  --non-closable-banner-upgrade-btn-fill: #fff;
  --shadow-advance-search: 0 4px 8px 0 #00000026;
  --border-view-entire-message-bar: #dedede;
  --toggle-off-icon-color: #dedede;
  --update-card-gift-ribbon: #ffd15c;
  --priority-preferences-toggle-border: #f0f0f0;
  --ai-chat-bubble-border: #dedede;
  --chip-unselected-text: #777;
  --generalised-mail-list-popular-tag-background: #ffecdb;
  --chip-hover-text: #888;
  --priority-toggle-background: #171717;
  --non-closable-banner-upgrade-btn-border: 1px #fff solid;
  --offline-snackbar-bg: #fce8e3;
  --nudge-calendar-days-color: #333;
  --bg-toast: #333;
  --session-signout-btn-active-bg: #d14510;
  --read-unread-blue: #5692f6;
  --ai-summary-icon-color: #4b56ba;
  --border-spell-checker-composer-banner2: #e9f2ff;
  --try-max-btn-warning-hover: #ffeec1;
  --scrollbar-active-color: #8886;
  --mailbox-discount-offer-segment-empty: #d3ddf3;
  --update-card-gift-spark-pink: #ff8fa3;
  --improve-writing-btn-icon-color: #4b56ba;
  --pointing-triangle-color: #4232be;
  --renew-banner-yellow-theme-bg-color: #fbf6d0;
  --sound-icon-color: #666;
  --graphic-stackable-card: url("https://hostinger.titan.email/mail/assets/static/media/graphic-stackable-card-filled.9324ddd80a9b621ccd31.svg");
  --ai-summary-skeleton-text-gradient: linear-gradient(90deg,#4c57ba,#a271f0);
  --selection-modal-sidebar: #c8d0db;
  --list-divider: #f5f5f5;
  --bg-quick-action-btn-on-hover: #f0f0f0;
  --bg-editor: #fff;
  --emails-labels-paywall-bg: #3d415f;
  --border-colored-purchase-mailbox-nudge: #dedede;
  --nudge-illustration-color: #c8cbff;
  --bg-list-item: #fbfbfb;
  --mail-sent-cross: #888;
  --downloadlink-pop-up-sub-headline: #888;
  --bg-gradient: linear-gradient(180deg,#fff0,#281a4c00 11.46%,#281a4c91 28.13%,#281a4cc2 35.61%,#12092af2 77.74%);
  --block-dialogue-text: #888;
  --modal-line-separator: #dedede;
  --protected-unlock-icon: #3097a7;
  --paywall-border-prompt: #5b5e75;
  --text-spell-checker-pref-paywall: #333;
  --add-new-btn: #2d6ced;
  --ai-chat-prompt-hover-border: #cfd3da;
  --purchase-mailbox-nudge-input-placeholder: #bdbdbd;
  --ai-chat-card-row-bg: #f4f5f7;
  --dropdown-hover-color: #f0f0f0;
  --bg-beta-paywall: #f7f7f7;
  --signature-designer-paywall-bg-color-hover: #0003;
  --bg-primary-color: #fff;
  --offline-snackbar-border: #e88f7d;
  --bg-titan-max-notification: #61648e;
  --search-pill-active-text: #2170f4;
  --offline-image-banner-bg: #fbfbfb;
  --generalised-mail-list-tick-icon: #36ae22;
  --popover-bg: #fff;
  --bg-color-msg-toolbar: #fbfbfb;
  --composer-banner-info-close-color: #888;
  --green-tick: url("https://hostinger.titan.email/mail/assets/static/media/green-tick.6ee6d7e33539b9afe5bd.svg");
  --avatar-5: #8c9f43;
  --bg-ai-dashboard: #fbfbfb;
  --shadow-color: #00000040;
  --selection-color: #555c;
  --secondary-line-separator: #dedede;
  --neo-popover-pointer-color: #3f31c3;
  --paywall-border-suggestion: #8388d8;
  --bg-old-read-receipt: #2c2c2c80;
  --selected-option: #e9e9e9;
  --error-msg: #ff605a;
  --pin-thread-blue: #4e58db;
  --attachment-clip: url("https://hostinger.titan.email/mail/assets/static/media/attachment-clippy.7f76b36f92a6cfef12ec.svg");
  --icon-star-hover: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-action-hover.2bfb2c23924487603a84.svg");
  --notification-spam-trash: #fff;
  --smart-write-bar-pill-bg: #fff;
  --change-account-text: #333;
  --dropdown-text-color: #333;
  --email-reputation-bg-color: #faf5f0;
  --signature-border: #dedede;
  --neo-popover-text-color: #fff;
  --text-manage-senders-pref-paywall: #333;
  --preferences-subtitle: #333;
  --input-uneditable: #f0f0f0;
  --smart-write-bar-capping-pill-hover-bg: #c56a0014;
  --email-rep-close-btn-bg: #0000000f;
  --chip-unselected-border: #ccc;
  --btn-tertiary2-clicked: #fff;
  --advance-antivirus-protection-modal-button-bg: #d9d9d933;
  --brand-default-color: #2170f4;
  --ai-chat-input-bg: #f8f8f8;
  --closable-storage-banner-bg: #fbf6d0;
  --bg-schedule-send: #fbfbfb;
  --header-shadow: #0006 0px 0px 16px;
  --renew-banner-red-theme-bg-color: #c63929;
  --tertiary-two-shadow: 0px 0px 8px #000000b3;
  --attachment-preview-verified-text: #05df72;
  --composer-banner-error-bg: #ffeef0;
  --bg-manage-sender-contact-input-container: #fbfbfb;
  --preferences-tab-icon: #5a636f;
  --notif-close-btn-bg: #0000001f;
  --neo-icon-color: #333;
  --try-max-btn-warning-bg: #fff6de;
  --download-hook-bg: #f0f0f0;
  --tick-mark: #0076ff;
  --priority-preferences-paywall-background: #fbfbfb;
  --preferences-bg-tracking-info: #fbfbfb;
  --thread-focus-border: #98c3f0;
  --text-color-very-subtle: #888;
  --ai-chat-card-bg: #fff;
  --update-card-gift-spark-blue: #8ab4ff;
  --tracking-paywall-list-item: #2d2f45;
  --ai-chat-mark-color: #2170f4;
  --gift-someone-else-btn-color: #7949fd;
  --attachment-preview-pill-border: #fff3;
  --generalised-mail-list-popular-tag-color: #ff7a00;
  --attachment-tracking-credits-color: #a96b00;
  --neo-share-button-color: #333;
  --secondary-text: #333;
  --contact-popover-profile-pic-border-color: #dedede;
  --smart-write-bar-input-box-bg: #fff;
  --bg-neo-share-button: #fff;
  --ai-chat-accent-contrast: #fff;
  --text-color: #333;
  --download-icon-bg: #ddd;
  --composer-banner-info-close-icon-color: #888;
  --logout-error-login-background: #fff7f4;
  --toolbar-outline-btn-text: #333;
  --icon-replied: url("https://hostinger.titan.email/mail/assets/static/media/icon-replied.dea296f500ae60b730fe.svg");
  --multiselect-checkbox: #bdbdbd;
  --composer-icon-color: #1c6256;
  --movetofolder-blue: #7a7fe4;
  --bg-long-message-item-area: #fff;
  --account-scrollbar-hover-color: #bdbdbd;
  --email-item-bg-color: #f8f8f8;
  --smart-write-bar-capping-pill-color: #c56a00;
  --dropdown-shadow-small: 0 0 8px -1px #00000042;
  --invalid-input-error: #ec4c64;
  --btn-disabled-bg: #f6f6f6;
  --bg-consent-info: #f2fff0;
  --line-seperator-secondary-color: #ededed;
  --email-template-green: #56bbc5;
  --thread-action-gif-border: #dedede;
  --search-highlight-text: #333;
  --toggle-on-icon-color: #2170f4;
  --priority-confirmation-modal-border: 1px solid #dedede;
  --icon-bug-color: #c84d5d;
  --composer-banner-upgrade-close-icon-color: #9c9c9c;
  --notification-color: #fff;
  --ai-chat-openai-logo-bg: #202020;
  --auto-reply-add-btn-txt: #2170f4;
  --bg-secondary-modal: #fbfbfb;
  --thread-snippet: #888;
  --dropdown-filter-border-color: #dedede;
  --search-pill-text: #666;
  --background-color-for-upgrade: #f1bd6c;
  --bg-sidebar-selection: #3c3f69;
  --session-signout-btn-hover-bg: #e84e17;
  --ai-chat-accent-fg: #2170f4;
  --inactive-scrollbar: #8886;
  --btn-hover-color: #1f6df4b3;
  --email-action-snippet: #888;
  --sidebar-hover-color: #2c304d;
  --plan-comparison-highlight-bg: #3d67ad;
  --non-closable-storage-banner-bg: #c63929;
  --campaign-light-bg: #ececff;
  --ai-chat-option-chosen-fg: #333;
  --email-labels-chip-gradient: #ffffff80;
  --white: #fff;
  --try-max-btn-warning-border: #fbdf99;
  --ai-chat-user-bubble-text: #333;
  --email-labels-editable-bg: #fbfbfb;
  --tone-text-color: #333;
  --bg-manage-sender-contact-input: #fff;
  --ai-chat-task-card-bg: #e8effd;
  --preferences-banner: #fdf4db;
  --primary-shadow: 0px 0px 8px #141414e6;
  --neo-gift-header-text-color: #fff;
  --selected-email: #e0ebff;
  --attachment-tracking-success-bg: #ebf7e9;
  --composer-banner-upgrade-bg: #f7f7f7;
  --smart-write-blocking-nudge-shimmer: #8184b6;
  --pencil-draft: #ff7052;
  --email-action-text-color: #333;
  --link-color: #2170f4;
  --generalised-mail-list-item-seperater: #eee;
  --neo-text-split-color: #ffc053;
  --bg-color-sidebar-request-feature: #22273b;
  --bg-auto-reply-editor: #fff;
  --attachment-preview-verified-badge-bg: #0a743133;
  --icon-secondary-color: #888;
  --bg-modal-active-item: #f0f0f0;
  --downloadlink-pop-up-neo-bg: url("https://hostinger.titan.email/mail/assets/static/media/neo.e10e5c7deb526caf9d5c.svg");
  --priority-preferences-toggle-background: #fbfbfb;
  --bg-folder-selected: #3c3f69;
  --iw-close-btn-hover-bg: #dcdff2;
  --attachment-tracking-success-tick: #36ae22;
  --bg-hidden-msg: #ececec;
  --bg-msg-list: #fff;
  --notif-close-btn-bg-hover: #0003;
  --quick-action-button-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 0.5px 1px #00000026;
  --btn-default-color: #2170f4;
  --nudge-background: linear-gradient(90.18deg,#4f32a4 0.35%,#3d31c7 100.16%,#3d31c7 0);
  --upgrade-paywall-warning-color: #f3deb5;
  --shadow-reply-area: 0 0 0 1px #ececec;
  --smart-write-bar-gen-angle: 0deg;
  --bg-vacation-responder-notification: #fcf6cd;
  --mailbox-discount-offer-chip-border: #9aa8c7;
  --feature-container-color: #dedede;
  --chip-selected-background: #e6efff;
  --activitylist-hover-color: #f0f0f0;
  --sound-icon-hover-color: #2d62eb;
  --input-range-background: #f0f0f0;
  --renew-banner-red-theme-icon-color: #fff;
  --ai-chat-option-border: #e6e6e6;
  --composer-banner-warning-bg: #fff8e5;
  --smart-write-bar-capping-warning-text: #666;
  --bg-dropdown: #fff;
  --block-banner-border: #f0f0f0;
  --signature-intelligent-nudge-image-preview-bg: #f0f6ff;
  --preferences-active-tab: #c8d0db;
  --tone-pill-border: #dedede;
  --smart-write-bar-input-box-unfocused-bg: #fff;
  --btn-disabled-icon-color: #dedede;
  --info-bar: #fffdf4;
  --ai-chat-faint-text: #888;
  --profile-pic-canvas: #999;
  --ai-chat-anthropic-logo-bg: #d4a380;
  --dropdown-shadow-one: 0 0 8px -1px #00000042;
  --improve-writing-highlight-bg: #e5e5ff;
  --improve-writing-btn-color: #333;
  --recipient-name-color: #4545e9;
  --bg-long-message-container: #fff;
  --ai-chat-bubble-bg: #f4f5f7;
  --search-pill-border: #dedede;
  --bg-sidebar-secondary: #22273b;
  --smart-write-bar-idle-bg: #eff5ff;
  --preferences-sidebar-bg-color: #eff1f4;
  --check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/checked-on.1e1f6776b71288e76f1e.svg");
  --signature-list-background: #fbfbfb;
  --download-icon-hover-bg: #bdbdbd;
  --composer-banner-info-bg: #f1f7ff;
  --bg-notification-bar: #5692f6;
  --suspicious-banner-bg-color: #fbf6d0;
  --background-checkbox-thread-select: #2170f4;
  --tone-pill-active-border: #d8dff0;
  --exclimatory-circle: #ff605a;
  --bg-footer: #fff;
  --titan-max-shimmer: #aaa6a64d;
  --border-color-subtle: #ececec;
  --marketing-campaign-blue: #4d3bc4;
  --icon-hover-state: #f0f0f0;
  --input-border: 1px solid #bdbdbd;
}

:where(.sp-e2) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --default-font-size: 11pt;
  --default-font-family: sans-serif, Arial;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e3) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e4) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e5) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e6) {
  display: block;
  position: fixed;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  z-index: 1050;
  visibility: visible;
  --border-radius-lg: 8px;
  --secondary-text-subtle: #888888;
  --icon-color: #000;
  --button-danger-bg-color: #fe581e;
  --primary-text-color: #333333;
  --button-tertiary-disabled-bg-color: #ffffff;
  --drag-over-dashed-border-color: #2170f4;
  --background-color-blue-3: #71A6FF;
  --button-danger-text-color: #ffffff;
  --button-danger-disabled-bg-color: #e6e6e6;
  --drive-list-row-hover-bg-color: #f0f0f0;
  --button-link-disabled-bg-color: transparent;
  --dropdown-bg-color: #ffffff;
  --background-color-blue-2: #eff5ff;
  --button-secondary-bg-color: #ffffff;
  --toast-bg-color: #333333;
  --drag-over-text-color: #2170f4;
  --secondary-text-color: #888888;
  --button-danger-border-color: #fe581e;
  --hover-background-color: #f0f0f0;
  --button-link-text-color: #2170f4;
  --button-link-hover-bg-color: transparent;
  --sidebar-selected-color: #484872;
  --button-secondary-disabled-bg-color: #ffffff;
  --button-tertiary-text-color: #2170f4;
  --error-background-color: rgba(254, 88, 30, 0.05);
  --button-primary-active-bg-color: #3C81F5;
  --button-secondary-border-color: #2170f4;
  --background-color-gray-3: #f0f0f0;
  --empty-state-bg-color: #f5f5f5;
  --sidebar-footer-hover-color: #3D3F69;
  --button-tertiary-hover-bg-color: #EFF4FE;
  --border-radius: 4px;
  --sidebar-background-color: #1d2133;
  --icon-color-disabled: #bdbdbd;
  --tertiary-text-color: #666666;
  --radio-checkbox-hover-border-color: #888888;
  --button-danger-active-bg-color: #cc4517;
  --modal-color-bg-mask: rgba(0,0,0,0.45);
  --modal-content-bg-color: #ffffff;
  --drive-list-header-bg-color: #fbfbfb;
  --background-color-gray-4: #dedede;
  --button-tertiary-border-color: transparent;
  --button-tertiary-bg-color: #ffffff;
  --menu-item-selected-bg: #f0f0f0;
  --button-danger-hover-bg-color: #e54e1a;
  --modal-icon-color: rgba(0, 0, 0, 0.45);
  --button-primary-disabled-bg-color: #e6e6e6;
  --secondary-border-color: #f0f0f0;
  --modal-footer-bg-color: #fbfbfb;
  --button-secondary-active-bg-color: #E7EFFE;
  --modal-header-bg-color: #fbfbfb;
  --button-primary-bg-color: #2170f4;
  --scrollbar-active-color: rgba(136, 136, 136, 0.4);
  --primary-icon-color: #888888;
  --drive-list-header-border-color: #dedede;
  --success-background-color: #d9ffe6;
  --primary-border-color: #b1b1b1;
  --error-text-color: #fe581e;
  --input-active-box-shadow: 0 0 0 2px rgba(86, 146, 246, 0.2);
  --drive-list-item-border-color: #f0f0f0;
  --button-secondary-hover-bg-color: #EFF4FE;
  --drag-over-background: rgba(33, 112, 244, 0.08);
  --warning-text-color: #f5962b;
  --radio-dot-color: #2170f4;
  --input-error-border-color: rgba(254, 88, 30, 0.40);
  --button-secondary-text-color: #2170f4;
  --background-color-gray: #fbfbfb;
  --button-primary-text-color: #ffffff;
  --sidebar-divider-color: #000000;
  --drive-list-row-selected-bg-color: #e6efff;
  --button-link-active-bg-color: transparent;
  --box-shadow-2: 0 0 8px -1px rgba(0, 0, 0, 0.26);
  --button-link-bg-color: transparent;
  --background-color-gray-2: #f6f6f6;
  --button-link-border-color: transparent;
  --button-primary-hover-bg-color: #337BF5;
  --icon-button-hover-bg-color: #f0f0f0;
  --input-border-color: #b1b1b1;
  --button-tertiary-active-bg-color: #E7EFFE;
  --inactive-scrollbar: rgba(136, 136, 136, 0.4);
  --sidebar-text-color: #ffffff;
  --toast-text-color: #ffffff;
  --sidebar-hover-bg: #2d314b;
  --border-radius-round: 50%;
  --dropdown-item-hover-bg: #f0f0f0;
  --button-secondary-text-color-hover: #2170f4;
  --button-disabled-text-color: #b2b2b2;
  --success-text-color: #047a1f;
  --storage-quota-progress-bar-color: #047A1F;
  --background-color-blue: #e6efff;
  --line-separator-color: #dedede;
  --button-primary-border-color: #2170f4;
  --smart-write-bar-gen-angle: 0deg;
  --border-radius-md: 6px;
  --dropdown-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --sidebar-footer-bg-color: #2d314b;
  --input-active-bg-color: #ffffff;
  --box-shadow-1: 0 0 6px -1px rgba(0, 0, 0, 0.15);
  --input-active-border-color: #5692F6;
  --dropdown-item-color: #333333;
  --background-color-white: #ffffff;
  right: 1866px;
  bottom: 912px;
}

:where(.sp-e7) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e8) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e9) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(29, 33, 51);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e10) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-width: 226px;
  max-width: 250px;
  transform-origin: 119px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e11) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e12) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 12px;
  padding-left: 12px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 32px;
  z-index: 32;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e13) {
  display: contents;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e14) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 23.5px 15px;
  visibility: visible;
  --text-area-border: #DEDEDE;
  --Color-app-Switcher-hover: rgba(112, 112, 112, 0.1);
  --primary-text: #ffffff;
  --feedback-btn: #2170F4;
  --Color-black: #000000;
  --Color-app-switcher-logo-cnt-hover: #343959;
  --modal-heading: #333333;
  --webmailtools-subtext: #888888;
  --Color-app-switcher-popover-border: #dedede;
  --Color-app-switcher-down-arrow-bg: #8282b0;
  --app-switcher-chevron-color: #707070;
  --modal-border-top: #DEDEDE;
  --webmailtools-label: #333333;
  --app-switcher-text-color: #707070;
  --primary-text-default-color: #000000;
  --Color-white: #ffffff;
  --placeholder-text: #BDBDBD;
  --bg-tooltip: #000000;
  --Color-app-switcher-bg: #343959;
  --submit-button: #2170F4;
  --Color-app-switcher-popover-bg: #ffffff;
  --secondary-text: #666666;
  --error-text: #FE581E;
  --labs-hover-color: #f0f0f0;
  --webmailtools-item-hover: #F0F0F0;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e15) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(52, 57, 89);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 22.5px 14px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e16) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 9px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e17) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e18) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-bottom: 2px;
  margin-left: 6px;
  border-top: 0px solid rgb(130, 130, 176);
  border-right: 0px solid rgb(130, 130, 176);
  border-bottom: 1px solid rgb(130, 130, 176);
  border-left: 1px solid rgb(130, 130, 176);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform: matrix(0.707107, -0.707107, 0.707107, 0.707107, 0, 0);
  transform-origin: 2.625px 2.625px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e19) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 16px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50px 16px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e20) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: contain;
  object-position: 0% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50px 12.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e21) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(72, 72, 114);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 2px solid rgb(255, 255, 255);
  border-right: 2px solid rgb(255, 255, 255);
  border-bottom: 2px solid rgb(255, 255, 255);
  border-left: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  z-index: 4;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 20px;
  right: -10px;
  bottom: 868px;
  left: 224px;
}

:where(.sp-e22) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 10px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e23) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e24) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform: matrix(0, 1, -1, 0, 0, 0);
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e25) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 403.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e26) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 403.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e27) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 6.5px 403.5px;
  z-index: 2;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
  left: 225px;
}

:where(.sp-e28) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 400.5px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e29) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(136, 136, 136, 0.4);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-radius: 8px;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 397.516px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e30) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 403.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e31) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 35px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 136.5px 403.5px;
  z-index: 1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -35px;
}

:where(.sp-e32) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 246.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e33) {
  display: flex;
  position: sticky;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(29, 33, 51);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 22px;
  z-index: 1;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e34) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 22px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e35) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 56px;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 28px 21.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e36) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e37) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(178, 207, 74);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-radius: 50%;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e38) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 3.42188px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e39) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 11.5px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 91px 21.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e40) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 85.25px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e41) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 200px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e42) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e43) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 119px 200px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e44) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 164.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e45) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 22px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 16px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e46) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 108px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e47) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 108px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e48) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 3px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e49) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 94.5px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e50) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e51) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 16px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e52) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 16px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e53) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 4px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 10px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e54) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform: matrix(0, -1, 1, 0, 0, 0);
  transform-origin: 10px 10px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e55) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e56) {
  display: flex;
  position: static;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -6px;
  margin-bottom: -6px;
  padding-top: 6px;
  padding-right: 11.5px;
  padding-bottom: 6px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 107px 16px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e57) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 101.25px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e58) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e59) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e60) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e61) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 21.9219px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e62) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e63) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 102.25px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e64) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 88.75px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e65) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 11.5px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 5.75px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e66) {
  display: flex;
  position: static;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -6px;
  margin-bottom: -6px;
  padding-top: 6px;
  padding-right: 11.5px;
  padding-bottom: 6px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 107px 16px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e67) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 101.25px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e68) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e69) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 17.7188px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e70) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -3px;
  margin-bottom: -3px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 3px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e71) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 3px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e72) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 24px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 16px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e73) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e74) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e75) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 16.8984px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e76) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 21.4297px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e77) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 26.8594px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e78) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 19.9922px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e79) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 36.1406px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e80) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 22.4375px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e81) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-bottom: 9px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 37px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e82) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 10px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e83) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 44.1484px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e84) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 16px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e85) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 8px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e86) {
  display: flex;
  position: sticky;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgb(29, 33, 51);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 24.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e87) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 84.3984px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e88) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 8px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e89) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e90) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 68.3984px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e91) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 20.5px;
  z-index: 2;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e92) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 119px 20.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e93) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(34, 39, 59);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 6px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0.4;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 38.8359px 20.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e94) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 26.6016px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e95) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 5px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e96) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12.1016px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e97) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  min-width: 1px;
  transform-origin: 0.5px 20.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e98) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(34, 39, 59);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 6px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 49.8125px 20.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e99) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.5703px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e100) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 23.0703px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e101) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(34, 39, 59);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 6px;
  border-top: 1px solid rgb(0, 0, 0);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 1.5;
  flex-shrink: 0;
  flex-basis: 40px;
  order: 0;
  gap: 4px;
  row-gap: 4px;
  column-gap: 4px;
  grid-auto-flow: row;
  transform-origin: 29.3516px 20.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e102) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --ant-lime-8: #5b8c00;
  --ant-font-height: 22px;
  --ant-badge-indicator-z-index: auto;
  --ant-red-6: #f5222d;
  --ant-pink-4: #ff85c0;
  --ant-red-1: #fff1f0;
  --ant-color-success-hover: #95de64;
  --ant-magenta-10: #520339;
  --ant-color-warning-text-hover: #ffc53d;
  --ant-margin-md: 20px;
  --ant-color-warning: #faad14;
  --ant-volcano-2: #ffd8bf;
  --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --ant-margin: 16px;
  --ant-color-error-text-hover: #ff7875;
  --ant-size-sm: 12px;
  --ant-link-decoration: none;
  --ant-green-3: #b7eb8f;
  --ant-geekblue-4: #85a5ff;
  --ant-border-radius-xs: 2px;
  --ant-color-info-bg-hover: #bae0ff;
  --ant-color-white: #fff;
  --ant-color-primary-text: #1677ff;
  --ant-red-2: #ffccc7;
  --ant-color-text-quaternary: rgba(0,0,0,0.25);
  --ant-geekblue-3: #adc6ff;
  --ant-color-link-active: #0958d9;
  --ant-line-height-lg: 1.5;
  --ant-size-md: 20px;
  --ant-purple-3: #d3adf7;
  --ant-lime-10: #254000;
  --ant-color-bg-base: #fff;
  --ant-color-info-hover: #69b1ff;
  --ant-yellow-7: #d4b106;
  --ant-gold: #FAAD14;
  --ant-volcano-6: #fa541c;
  --ant-font-size-heading-1: 38px;
  --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-red-8: #a8071a;
  --ant-motion-duration-slow: 0.3s;
  --ant-color-link: #1677ff;
  --ant-control-item-bg-hover: rgba(0,0,0,0.04);
  --ant-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16),
      0 3px 6px 0 rgba(0,0,0,0.12),
      0 5px 12px 4px rgba(0,0,0,0.09);
  --ant-blue-3: #91caff;
  --ant-volcano-7: #d4380d;
  --ant-badge-indicator-height: 20px;
  --ant-badge-text-font-weight: normal;
  --ant-color-error-text-active: #d9363e;
  --ant-magenta-8: #9e1068;
  --ant-green-6: #52c41a;
  --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ant-badge-dot-size: 6px;
  --ant-green-2: #d9f7be;
  --ant-red-3: #ffa39e;
  --ant-color-bg-solid: rgb(0,0,0);
  --ant-line-height-heading-3: 1.3333333333333333;
  --ant-padding: 16px;
  --ant-green: #52C41A;
  --ant-color-text-secondary: rgba(0,0,0,0.65);
  --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-volcano-1: #fff2e8;
  --ant-opacity-image: 1;
  --ant-font-size-xl: 20px;
  --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-control-height-lg: 40px;
  --ant-z-index-base: 0;
  --ant-border-radius-sm: 4px;
  --ant-size-lg: 24px;
  --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --ant-green-4: #95de64;
  --ant-blue-7: #0958d9;
  --ant-color-fill-content: rgba(0,0,0,0.06);
  --ant-margin-xs: 8px;
  --ant-color-success-text: #52c41a;
  --ant-pink-10: #520339;
  --ant-color-bg-container-disabled: rgba(0,0,0,0.04);
  --ant-size-popup-arrow: 16px;
  --ant-color-fill-secondary: rgba(0,0,0,0.06);
  --ant-yellow-6: #fadb14;
  --ant-color-text-tertiary: rgba(0,0,0,0.45);
  --ant-color-warning-hover: #ffd666;
  --ant-purple-6: #722ed1;
  --ant-color-text-label: rgba(0,0,0,0.65);
  --ant-cyan-4: #5cdbd3;
  --ant-padding-content-horizontal: 16px;
  --ant-color-info-border-hover: #69b1ff;
  --ant-color-bg-spotlight: rgba(0,0,0,0.85);
  --ant-pink-8: #9e1068;
  --ant-badge-text-font-size-sm: 12px;
  --ant-purple: #722ED1;
  --ant-font-size-sm: 12px;
  --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --ant-cyan: #13C2C2;
  --ant-blue-2: #bae0ff;
  --ant-color-primary-bg: #e6f4ff;
  --ant-orange: #FA8C16;
  --ant-color-bg-mask: rgba(0,0,0,0.45);
  --ant-line-height: 1.5714285714285714;
  --ant-magenta-4: #ff85c0;
  --ant-lime-3: #eaff8f;
  --ant-color-split: rgba(5,5,5,0.06);
  --ant-size-xl: 32px;
  --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ant-orange-3: #ffd591;
  --ant-padding-content-horizontal-sm: 16px;
  --ant-size: 16px;
  --ant-magenta-3: #ffadd2;
  --ant-cyan-10: #002329;
  --ant-link-hover-decoration: none;
  --ant-yellow-8: #ad8b00;
  --ant-green-1: #f6ffed;
  --ant-red-5: #ff4d4f;
  --ant-volcano-9: #871400;
  --ant-color-info-text-hover: #4096ff;
  --ant-color-icon: rgba(0,0,0,0.45);
  --ant-margin-xxs: 4px;
  --ant-color-success-text-active: #389e0d;
  --ant-color-primary: #1677ff;
  --ant-pink-5: #f759ab;
  --ant-orange-8: #ad4e00;
  --ant-red-7: #cf1322;
  --ant-color-error-text: #ff4d4f;
  --ant-control-tmp-outline: rgba(0,0,0,0.02);
  --ant-cyan-5: #36cfc9;
  --ant-color-warning-border-hover: #ffd666;
  --ant-color-error: #ff4d4f;
  --ant-color-primary-text-hover: #4096ff;
  --ant-border-radius: 6px;
  --ant-geekblue-8: #10239e;
  --ant-padding-content-vertical-lg: 16px;
  --ant-font-size-heading-4: 20px;
  --ant-color-fill-quaternary: rgba(0,0,0,0.02);
  --ant-color-error-hover: #ff7875;
  --ant-size-unit: 4px;
  --ant-color-primary-text-active: #0958d9;
  --ant-color-primary-bg-hover: #bae0ff;
  --ant-color-bg-container: #ffffff;
  --ant-gold-9: #874d00;
  --ant-color-primary-hover: #4096ff;
  --ant-gold-7: #d48806;
  --ant-lime-1: #fcffe6;
  --ant-color-success-bg-hover: #d9f7be;
  --ant-padding-content-vertical-sm: 8px;
  --ant-size-ms: 16px;
  --ant-green-5: #73d13d;
  --ant-padding-xxs: 4px;
  --ant-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --ant-line-width-bold: 2px;
  --ant-color-text-placeholder: rgba(0,0,0,0.25);
  --ant-color-highlight: #ff4d4f;
  --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08),
      3px 0 6px -4px rgba(0, 0, 0, 0.12),
      9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-padding-lg: 24px;
  --ant-line-width-focus: 3px;
  --ant-pink: #EB2F96;
  --ant-gold-5: #ffc53d;
  --ant-size-step: 4px;
  --ant-color-info-active: #0958d9;
  --ant-font-size-heading-3: 24px;
  --ant-color-error-bg-hover: #fff1f0;
  --ant-blue-4: #69b1ff;
  --ant-purple-4: #b37feb;
  --ant-volcano: #FA541C;
  --ant-lime-9: #3f6600;
  --ant-geekblue-10: #030852;
  --ant-color-icon-hover: rgba(0,0,0,0.88);
  --ant-geekblue-9: #061178;
  --ant-purple-1: #f9f0ff;
  --ant-color-bg-layout: #f5f5f5;
  --ant-color-text-disabled: rgba(0,0,0,0.25);
  --ant-color-bg-text-hover: rgba(0,0,0,0.06);
  --ant-lime-7: #7cb305;
  --ant-color-warning-bg-hover: #fff1b8;
  --ant-volcano-4: #ff9c6e;
  --ant-color-text-light-solid: #fff;
  --ant-color-fill-tertiary: rgba(0,0,0,0.04);
  --ant-purple-9: #22075e;
  --ant-blue-9: #002c8c;
  --ant-color-border-secondary: #f0f0f0;
  --ant-margin-sm: 12px;
  --ant-color-warning-text-active: #d48806;
  --ant-color-bg-solid-hover: rgba(0,0,0,0.75);
  --ant-magenta-1: #fff0f6;
  --ant-color-primary-border-hover: #69b1ff;
  --ant-color-error-bg-active: #ffccc7;
  --ant-yellow-9: #876800;
  --ant-cyan-1: #e6fffb;
  --ant-color-error-active: #d9363e;
  --ant-color-link-hover: #69b1ff;
  --ant-font-size: 14px;
  --ant-magenta-7: #c41d7f;
  --ant-lime-2: #f4ffb8;
  --ant-color-bg-elevated: #ffffff;
  --ant-volcano-5: #ff7a45;
  --ant-red-4: #ff7875;
  --ant-yellow-1: #feffe6;
  --ant-yellow-10: #614700;
  --ant-font-size-heading-5: 16px;
  --ant-color-fill-alter: rgba(0,0,0,0.02);
  --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-magenta: #EB2F96;
  --ant-pink-7: #c41d7f;
  --ant-color-error-outline: rgba(255,38,5,0.06);
  --ant-yellow-5: #ffec3d;
  --ant-gold-10: #613400;
  --ant-volcano-3: #ffbb96;
  --ant-green-9: #135200;
  --ant-color-info: #1677ff;
  --ant-yellow-2: #ffffb8;
  --ant-padding-content-vertical: 12px;
  --ant-magenta-9: #780650;
  --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ant-padding-xl: 32px;
  --ant-color-error-border: #ffccc7;
  --ant-margin-lg: 24px;
  --ant-control-height: 32px;
  --ant-border-radius-outer: 4px;
  --ant-cyan-6: #13c2c2;
  --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  --ant-border-radius-lg: 8px;
  --ant-color-warning-text: #faad14;
  --ant-red: #F5222D;
  --ant-color-warning-outline: rgba(255,215,5,0.1);
  --ant-geekblue-7: #1d39c4;
  --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ant-orange-4: #ffc069;
  --ant-geekblue-6: #2f54eb;
  --ant-line-type: solid;
  --ant-line-width: 1px;
  --ant-color-bg-blur: transparent;
  --ant-red-10: #5c0011;
  --ant-color-border: #d9d9d9;
  --ant-font-height-lg: 24px;
  --ant-padding-md: 20px;
  --ant-color-error-border-hover: #ffa39e;
  --ant-line-height-heading-2: 1.2666666666666666;
  --ant-size-xs: 8px;
  --ant-gold-6: #faad14;
  --ant-font-weight-strong: 600;
  --ant-green-8: #237804;
  --ant-geekblue-1: #f0f5ff;
  --ant-line-height-heading-4: 1.4;
  --ant-blue-5: #4096ff;
  --ant-cyan-9: #00474f;
  --ant-volcano-10: #610b00;
  --ant-purple-7: #531dab;
  --ant-padding-xs: 8px;
  --ant-green-10: #092b00;
  --ant-badge-indicator-height-sm: 14px;
  --ant-color-bg-solid-active: rgba(0,0,0,0.95);
  --ant-line-height-sm: 1.6666666666666667;
  --ant-margin-xl: 32px;
  --ant-control-item-bg-active-disabled: rgba(0,0,0,0.15);
  --ant-control-interactive-size: 16px;
  --ant-color-success-text-hover: #73d13d;
  --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --ant-lime: #A0D911;
  --ant-color-text-base: #000;
  --ant-color-success-bg: #f6ffed;
  --ant-pink-2: #ffd6e7;
  --ant-line-height-heading-5: 1.5;
  --ant-color-warning-border: #ffe58f;
  --ant-lime-5: #bae637;
  --ant-pink-6: #eb2f96;
  --ant-blue-1: #e6f4ff;
  --ant-font-family: -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';
  --ant-cyan-2: #b5f5ec;
  --ant-cyan-3: #87e8de;
  --ant-line-height-heading-1: 1.2105263157894737;
  --ant-font-size-lg: 16px;
  --ant-font-height-sm: 20px;
  --ant-orange-1: #fff7e6;
  --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-bg-text-active: rgba(0,0,0,0.15);
  --ant-orange-10: #612500;
  --ant-cyan-8: #006d75;
  --ant-size-xxl: 48px;
  --ant-padding-sm: 12px;
  --ant-color-fill-content-hover: rgba(0,0,0,0.15);
  --ant-magenta-6: #eb2f96;
  --ant-gold-4: #ffd666;
  --ant-cyan-7: #08979c;
  --ant-z-index-popup-base: 1000;
  --ant-lime-6: #a0d911;
  --ant-purple-2: #efdbff;
  --ant-magenta-2: #ffd6e7;
  --ant-color-text-heading: rgba(0,0,0,0.88);
  --ant-purple-5: #9254de;
  --ant-color-success-active: #389e0d;
  --ant-color-error-bg-filled-hover: #ffdfdc;
  --ant-color-primary-border: #91caff;
  --ant-orange-7: #d46b08;
  --ant-font-size-heading-2: 30px;
  --ant-purple-8: #391085;
  --ant-blue-10: #001d66;
  --ant-motion-duration-mid: 0.2s;
  --ant-control-padding-horizontal: 12px;
  --ant-color-primary-active: #0958d9;
  --ant-link-focus-decoration: none;
  --ant-opacity-loading: 0.65;
  --ant-green-7: #389e0d;
  --ant-control-height-xs: 16px;
  --ant-color-success: #52c41a;
  --ant-color-info-text-active: #0958d9;
  --ant-yellow-3: #fffb8f;
  --ant-control-outline: rgba(5,145,255,0.1);
  --ant-padding-content-horizontal-lg: 24px;
  --ant-font-size-icon: 12px;
  --ant-badge-text-font-size: 12px;
  --ant-blue-8: #003eb3;
  --ant-geekblue: #2F54EB;
  --ant-margin-xxl: 48px;
  --ant-lime-4: #d3f261;
  --ant-orange-6: #fa8c16;
  --ant-red-9: #820014;
  --ant-motion-duration-fast: 0.1s;
  --ant-color-warning-active: #d48806;
  --ant-pink-1: #fff0f6;
  --ant-gold-8: #ad6800;
  --ant-yellow: #FADB14;
  --ant-geekblue-5: #597ef7;
  --ant-badge-status-size: 6px;
  --ant-geekblue-2: #d6e4ff;
  --ant-orange-2: #ffe7ba;
  --ant-orange-9: #873800;
  --ant-control-item-bg-active-hover: #bae0ff;
  --ant-size-xxs: 4px;
  --ant-color-text: rgba(0,0,0,0.88);
  --ant-color-warning-bg: #fffbe6;
  --smart-write-bar-gen-angle: 0deg;
  --ant-purple-10: #120338;
  --ant-volcano-8: #ad2102;
  --ant-color-success-border: #b7eb8f;
  --ant-gold-2: #fff1b8;
  --ant-color-info-text: #1677ff;
  --ant-color-info-bg: #e6f4ff;
  --ant-control-padding-horizontal-sm: 8px;
  --ant-color-text-description: rgba(0,0,0,0.45);
  --ant-color-error-bg: #fff2f0;
  --ant-gold-1: #fffbe6;
  --ant-control-outline-width: 2px;
  --ant-color-border-bg: #ffffff;
  --ant-gold-3: #ffe58f;
  --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  --ant-pink-9: #780650;
  --ant-blue: #1677FF;
  --ant-blue-6: #1677ff;
  --ant-control-height-sm: 24px;
  --ant-control-item-bg-active: #e6f4ff;
  --ant-orange-5: #ffa940;
  --ant-color-fill: rgba(0,0,0,0.15);
  --ant-yellow-4: #fff566;
  --ant-color-info-border: #91caff;
  --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-success-border-hover: #95de64;
  --ant-color-border-disabled: #d9d9d9;
  --ant-magenta-5: #f759ab;
  --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08),
      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
      -9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-pink-3: #ffadd2;
  --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}

:where(.sp-e103) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e104) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e105) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e106) {
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: contain;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e107) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgb(255, 77, 79);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 10.5px;
  font-weight: 400;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-radius: 100%;
  border-collapse: separate;
  box-shadow: rgb(34, 39, 59) 0px 0px 0px 2.2px;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-width: 6px;
  transform: matrix(1, 0, 0, 1, 3, -3);
  transform-origin: 6px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 5px;
  right: 4px;
  bottom: 13px;
  left: 14px;
}

:where(.sp-e108) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 4px;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 456px;
  z-index: 2;
  cursor: col-resize;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -4px;
  left: 234px;
}

:where(.sp-e109) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  box-shadow: rgb(222, 222, 222) 1px 0px 0px 0px;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 2px 456px;
  cursor: col-resize;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e110) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 814px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e111) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 814px 456px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e112) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 1px solid rgb(222, 222, 222);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-height: 50px;
  max-height: 64px;
  transform-origin: 814px 32px;
  z-index: 31;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e113) {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 813.5px 31.5px;
  z-index: 1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e114) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 630.672px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e115) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 630.672px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e116) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 76.5391px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e117) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 76.5391px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e118) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 64.5391px 18px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e119) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(33, 112, 244);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 16px;
  padding-right: 8px;
  padding-left: 8px;
  border-top: 1px solid rgb(33, 112, 244);
  border-right: 1px solid rgb(33, 112, 244);
  border-bottom: 1px solid rgb(33, 112, 244);
  border-left: 1px solid rgb(33, 112, 244);
  border-radius: 4px 0px 0px 4px;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 56.5391px 18px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e120) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e121) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 8px;
  row-gap: 8px;
  column-gap: 8px;
  grid-auto-flow: row;
  transform-origin: 47.5391px 13.2969px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e122) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 10px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e123) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 33.5391px 13.2969px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e124) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e125) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 18px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e126) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgb(33, 112, 244);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 1px solid rgb(33, 112, 244);
  border-right: 1px solid rgb(33, 112, 244);
  border-bottom: 1px solid rgb(33, 112, 244);
  border-left: 1px solid rgb(33, 112, 244);
  border-radius: 0px 4px 4px 0px;
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 18px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e127) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e128) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: middle;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e129) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e130) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554.133px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e131) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 16px;
  padding-left: 8px;
  border-top: 1px solid rgb(228, 228, 231);
  border-right: 1px solid rgb(228, 228, 231);
  border-bottom: 1px solid rgb(228, 228, 231);
  border-left: 1px solid rgb(228, 228, 231);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  max-width: 500px;
  transform-origin: 250px 18px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e132) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -1px;
  margin-right: 4.2px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 8px 8px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e133) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 8px 8px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e134) {
  display: block;
  position: static;
  box-sizing: border-box;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  overflow-wrap: break-word;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 214.906px 10.5px;
  user-select: text;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e134)::before {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  overflow-wrap: break-word;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: text;
  user-select: text;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  content: "Search";
}

:where(.sp-e135) {
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e136) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e137) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e138) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e139) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 20px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e140) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  padding-right: 1.5px;
  padding-left: 2.5px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 0px 4px 4px 0px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  max-width: 40px;
  transform-origin: 20px 17px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e141) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e142) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e143) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 4px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 180.828px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e144) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 180.828px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e145) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 4px;
  row-gap: 4px;
  column-gap: 4px;
  grid-auto-flow: row;
  transform-origin: 180.828px 31.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e146) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 20px 20px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e147) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  min-width: 40px;
  transform-origin: 20px 20px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e148) {
  display: inline;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e149) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e150) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 20px 20px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e151) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 20px 20px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e152) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  min-width: 40px;
  transform-origin: 20px 20px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e153) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e154) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  min-width: 40px;
  transform-origin: 20px 20px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e155) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e156) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-width: 40px;
  transform-origin: 20px 20px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e157) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e158) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e159) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(241, 189, 108);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 12px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  min-width: 40px;
  transform-origin: 48.8281px 20px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e160) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 38.8281px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e161) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e162) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.5px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e163) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 16px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 650;
  grid-auto-flow: row;
  transform-origin: 28px 12px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e164) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 28px 12px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e165) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 813.5px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e166) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 2;
  grid-auto-flow: row;
  transform-origin: 814px 424px;
  z-index: 1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e167) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 814px 424px;
  z-index: 1;
  visibility: visible;
  --side-panel-width: 0px;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e168) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 814px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e169) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 1px solid rgb(222, 222, 222);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-width: 352px;
  max-width: calc(100% - 627px);
  transform-origin: 260px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e170) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 8px;
  padding-left: 1px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e171) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 255px 23.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e172) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 238px 23.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e173) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 19.5px 7px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e174) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 6px;
  padding-left: 19px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 19.5px 7px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e175) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-size: 12px 12px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 1px solid rgb(189, 189, 189);
  border-right: 1px solid rgb(189, 189, 189);
  border-bottom: 1px solid rgb(189, 189, 189);
  border-left: 1px solid rgb(189, 189, 189);
  border-radius: 2px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7px 7px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e176) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 218.5px 23.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e177) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: auto hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 218.5px 23.5px;
  visibility: visible;
  --tab-row-fade-end: 0;
  --tab-row-fade-start: 0;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e178) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.5px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  max-width: 135px;
  transform-origin: 19.2031px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e179) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22.5px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 19.2031px 11.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e180) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 17px 14px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e181) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-left: 6px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 14px 14px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e182) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 1px solid rgb(222, 222, 222);
  border-right: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 1px solid rgb(222, 222, 222);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 14px 14px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e183) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 8px 8px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e184) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 400px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e185) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 400px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e186) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 400px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e187) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 6.5px 400px;
  z-index: 2;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
  left: 506px;
}

:where(.sp-e188) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 397px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e189) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(136, 136, 136, 0.4);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 8px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 387.016px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e190) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 35px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 277px 400px;
  z-index: 1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -35px;
}

:where(.sp-e191) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-bottom: 80px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 137px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e192) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e193) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: 6px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 97px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e194) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 48.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  bottom: 177px;
}

:where(.sp-e195) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(224, 235, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: padding-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 8px;
  margin-left: 4px;
  padding-left: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 253.5px 48.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e196) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-left: 2px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 16px 15px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 8px;
  right: 470px;
  bottom: 57px;
  left: 1px;
}

:where(.sp-e197) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 11px;
  padding-right: 11px;
  padding-bottom: 11px;
  padding-left: 11px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 18px 18px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -4px;
  bottom: -6px;
}

:where(.sp-e198) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-size: 12px 9px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 1px solid rgb(136, 136, 136);
  border-right: 1px solid rgb(136, 136, 136);
  border-bottom: 1px solid rgb(136, 136, 136);
  border-left: 1px solid rgb(136, 136, 136);
  border-radius: 2px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7px 7px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e199) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  padding-right: 12px;
  padding-left: 2px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 250.5px 33.9062px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e200) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 243.5px 33.9062px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e201) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 2.5px;
  margin-left: 2.5px;
  padding-top: 23px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12.5px 23.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e202) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-size: 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12.5px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e203) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 9.5px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e204) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 9.5px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e205) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: center;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 228.5px 33.9062px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e206) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 228.5px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e207) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 14.2969px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e208) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e209) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e210) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 185.703px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e211) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 12.04px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 5px;
  margin-left: 2px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 100;
  grid-auto-flow: row;
  min-width: 50px;
  transform-origin: 25px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e212) {
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e213) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e214) {
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e215) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 5px;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0px -0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) -0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 0.5px 1px 0px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 103;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 1;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e216) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e217) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e218) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 5px;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0px -0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) -0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 0.5px 1px 0px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 102;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 1;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e219) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 5px;
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0px -0.5px 0px 0px, rgba(0, 0, 0, 0.15) 0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) -0.5px 0px 0px 0px, rgba(0, 0, 0, 0.15) 0px 0.5px 1px 0px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 101;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 1;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e220) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.82px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 228.5px 11.4062px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e221) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.82px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 228.5px 11.4062px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e222) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.82px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e223) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 228.5px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e224) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 4px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-height: 21px;
  transform-origin: 226.5px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e225) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 226.5px 9.02344px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e226) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e227) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e228) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 259.5px 48.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 97px;
  bottom: 80px;
}

:where(.sp-e229) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(251, 251, 251);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: padding-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 8px;
  margin-left: 4px;
  padding-left: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 253.5px 48.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e230) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-size: 12px 9px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 1px solid rgb(189, 189, 189);
  border-right: 1px solid rgb(189, 189, 189);
  border-bottom: 1px solid rgb(189, 189, 189);
  border-left: 1px solid rgb(189, 189, 189);
  border-radius: 2px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7px 7px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e231) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e232) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 4px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 424px;
  z-index: 2;
  cursor: col-resize;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -4px;
  left: 515px;
}

:where(.sp-e233) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  box-shadow: rgb(222, 222, 222) 1px 0px 0px 0px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 2px 424px;
  cursor: col-resize;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e234) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1.8;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  min-width: 562px;
  max-width: 10000px;
  transform-origin: 554px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e235) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e236) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(251, 251, 251);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 2;
  grid-auto-flow: row;
  min-height: 100%;
  transform-origin: 554px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e237) {
  display: block;
  position: sticky;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(251, 251, 251);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 51px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: -0.1px;
}

:where(.sp-e238) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e239) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e240) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 470.898px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e241) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 465.898px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e242) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 43.7578px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e243) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 43.7578px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e244) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  margin-right: 3px;
  margin-left: -2px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e245) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e246) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e247) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 41.0625px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e248) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 41.0625px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e249) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e250) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 33.5312px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e251) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 33.5312px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e252) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 59.125px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e253) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 59.125px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e254) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.8672px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e255) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.8672px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e256) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.8672px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e257) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.8672px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e258) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.6875px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e259) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.6875px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e260) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.6875px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e261) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.6875px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e262) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 38.7109px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e263) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: -105;
  grid-auto-flow: row;
  transform-origin: 38.7109px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e264) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 65.2031px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e265) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 65.2031px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e266) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 65.2031px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e267) {
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  margin-top: 6px;
  margin-right: 3px;
  margin-left: -2px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e268) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 58.7109px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e269) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 58.7109px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e270) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform: matrix(0.9375, 0, 0, 0.9375, 0, 0);
  transform-origin: 8.00015px 8.00015px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e271) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 31.4141px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e272) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 31.4141px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e273) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 100;
  grid-auto-flow: row;
  transform-origin: 74.3125px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e274) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 74.3125px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e275) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 100;
  grid-auto-flow: row;
  transform-origin: 0px 16.3672px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e276) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 16px 16.3672px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e277) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e278) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 27px 24px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e279) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(102, 102, 102);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  margin-bottom: 2px;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  border-top: 0px none rgb(102, 102, 102);
  border-right: 0px none rgb(102, 102, 102);
  border-bottom: 0px none rgb(102, 102, 102);
  border-left: 0px none rgb(102, 102, 102);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(102, 102, 102) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 22px 17.125px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e280) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(222, 222, 222);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(222, 222, 222);
  border-right: 0px none rgb(222, 222, 222);
  border-bottom: 0px none rgb(222, 222, 222);
  border-left: 0px none rgb(222, 222, 222);
  border-collapse: separate;
  outline: rgb(222, 222, 222) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12.5px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e281) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(222, 222, 222);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  line-height: 24.738px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(222, 222, 222);
  border-right: 0px none rgb(222, 222, 222);
  border-bottom: 0px none rgb(222, 222, 222);
  border-left: 0px none rgb(222, 222, 222);
  border-collapse: separate;
  outline: rgb(222, 222, 222) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e282) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.728px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 27px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e283) {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 23.94px;
  font-weight: 600;
  line-height: 31.122px;
  letter-spacing: 0.5px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 14px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 85.5781px 15.5547px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e284) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 23.94px;
  font-weight: 600;
  line-height: 31.122px;
  letter-spacing: 0.5px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e285) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.728px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 8px;
  row-gap: 8px;
  column-gap: 8px;
  grid-auto-flow: row;
  transform-origin: 61.0469px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e286) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.728px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 61.0469px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e287) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28.728px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-height: 34px;
  transform-origin: 61.0469px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e288) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 2px;
  padding-right: 8px;
  padding-bottom: 2px;
  padding-left: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 61.0469px 16.2969px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e289) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 52.0469px 13.2969px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e290) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(75, 86, 186);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(75, 86, 186);
  border-right: 0px none rgb(75, 86, 186);
  border-bottom: 0px none rgb(75, 86, 186);
  border-left: 0px none rgb(75, 86, 186);
  border-collapse: separate;
  outline: rgb(75, 86, 186) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 11px 11px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e291) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(75, 86, 186);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(75, 86, 186);
  border-right: 0px none rgb(75, 86, 186);
  border-bottom: 0px none rgb(75, 86, 186);
  border-left: 0px none rgb(75, 86, 186);
  border-collapse: separate;
  outline: rgb(75, 86, 186) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e292) {
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e293) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26.6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 4px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  max-width: 200px;
  transform-origin: 39.0469px 13.2969px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e294) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 373px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e295) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 6.5px 373px;
  z-index: 2;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
  left: 1095px;
}

:where(.sp-e296) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 370px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e297) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(136, 136, 136, 0.4);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 8px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 4px 367.023px;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e298) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 373px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e299) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 35px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 571.5px 373px;
  z-index: 1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: -35px;
}

:where(.sp-e300) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 9px;
  padding-right: 18px;
  padding-bottom: 80px;
  padding-left: 18px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 554px 339.773px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e301) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 0.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e302) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e303) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1000;
  grid-auto-flow: row;
  transform-origin: 536px 266.023px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e304) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  box-shadow: rgb(236, 236, 236) 0px 0px 0px 1px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 266.023px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e305) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 266.023px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e306) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 25px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 512px 32.5234px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e307) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -2px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 25px;
  right: 1000px;
  bottom: 17.5469px;
}

:where(.sp-e308) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e309) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  float: right;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 121.5px 14px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e310) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 12.04px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: right;
  vertical-align: baseline;
  padding-top: 4px;
  padding-right: 4px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  min-width: 125px;
  transform-origin: 62.5px 14px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e311) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 14px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e312) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 15px 14px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e313) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  vertical-align: baseline;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  margin-left: 3px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e314) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: right;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e315) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 29px 14px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e316) {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 29px 13.2969px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e317) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  vertical-align: baseline;
  margin-left: 5px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 13.2969px;
  z-index: 10;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e318) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e319) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e320) {
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px -1px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 2;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e321) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e322) {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(246, 246, 246);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e323) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e324) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e325) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e326) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e327) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e328) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e329) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e330) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e331) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e332) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e333) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e334) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e335) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e336) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e337) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e338) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e339) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e340) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e341) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e342) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e343) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e344) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e345) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 10px;
  row-gap: 10px;
  column-gap: 10px;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e346) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e347) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e348) {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e349) {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: 3px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 17px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 25px;
  right: 990px;
  bottom: 3.04688px;
}

:where(.sp-e350) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(97, 100, 142);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 50%;
  border-collapse: separate;
  box-shadow: rgb(222, 222, 222) 0px 0px 0px 1px;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 17px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e351) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 255, 255);
  border-right: 0px none rgb(255, 255, 255);
  border-bottom: 0px none rgb(255, 255, 255);
  border-left: 0px none rgb(255, 255, 255);
  border-collapse: separate;
  outline: rgb(255, 255, 255) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7.53906px 17px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e352) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-left: 44px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 390.5px 9.96875px;
  z-index: 1;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e353) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 83.2188px 9.96875px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e354) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.95px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  max-width: 100%;
  transform-origin: 83.2188px 9.96875px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e355) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.95px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e356) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 4px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e357) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e358) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-left: 44px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 512px 6.02344px;
  z-index: 1;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e359) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -6px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 490px 9.02344px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e360) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10.5234px 9.02344px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e361) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 9.69531px 9.02344px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e362) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.06px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e363) {
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 2;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 34px;
  left: -18px;
}

:where(.sp-e364) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e365) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 512px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e366) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-radius: 6px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 512px 20px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e367) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgb(247, 247, 247);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 16px;
  row-gap: 16px;
  column-gap: 16px;
  grid-auto-flow: row;
  transform-origin: 512px 20px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e368) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 2px;
  row-gap: 2px;
  column-gap: 2px;
  grid-auto-flow: row;
  transform-origin: 70.1484px 11.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e369) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 4px;
  row-gap: 4px;
  column-gap: 4px;
  grid-auto-flow: row;
  transform-origin: 57.6484px 10px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e370) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 10px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e371) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7.5px 7.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e372) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e373) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 45.6484px 10px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e374) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 4.5px;
  padding-right: 4.5px;
  padding-bottom: 4.5px;
  padding-left: 4.5px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 11.5px 11.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e375) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 7px 7px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e376) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  gap: 8px;
  row-gap: 8px;
  column-gap: 8px;
  grid-auto-flow: row;
  transform-origin: 138.789px 10.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e377) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(33, 112, 244);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(33, 112, 244);
  border-right: 0px none rgb(33, 112, 244);
  border-bottom: 0px none rgb(33, 112, 244);
  border-left: 0px none rgb(33, 112, 244);
  border-collapse: separate;
  outline: rgb(33, 112, 244) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 39.0391px 10px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e378) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 2.84375px 10.5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e379) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(33, 112, 244);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(33, 112, 244);
  border-right: 0px none rgb(33, 112, 244);
  border-bottom: 0px none rgb(33, 112, 244);
  border-left: 0px none rgb(33, 112, 244);
  border-collapse: separate;
  outline: rgb(33, 112, 244) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 88.9062px 10px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e380) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: 25px;
  margin-left: 5px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 509.5px 183px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e381) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1999;
  grid-auto-flow: row;
  transform-origin: 536px 28.75px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e382) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -3px;
  margin-bottom: 12px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-radius: 0px 0px 4px 4px;
  border-collapse: separate;
  box-shadow: rgb(236, 236, 236) 0px 0px 0px 1px;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 24.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e383) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 12px;
  padding-right: 21px;
  padding-bottom: 12px;
  padding-left: 21px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 536px 24.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e384) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 100;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 459.859px 12.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e385) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 28.8438px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e386) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e387) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e388) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 16.8438px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e389) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.7109px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e390) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 25.7109px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e391) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 10px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 37.1328px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e392) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 25.1328px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e393) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 55.1406px 12.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e394) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 55.1406px 12.25px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e395) {
  display: inline-flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 55.1406px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e396) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: 6px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12.25px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e397) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(75, 86, 186);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: middle;
  border-top: 0px none rgb(75, 86, 186);
  border-right: 0px none rgb(75, 86, 186);
  border-bottom: 0px none rgb(75, 86, 186);
  border-left: 0px none rgb(75, 86, 186);
  border-collapse: separate;
  outline: rgb(75, 86, 186) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 12px 12px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e398) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(75, 86, 186);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(75, 86, 186);
  border-right: 0px none rgb(75, 86, 186);
  border-bottom: 0px none rgb(75, 86, 186);
  border-left: 0px none rgb(75, 86, 186);
  border-collapse: separate;
  outline: rgb(75, 86, 186) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e399) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 40.1406px 10.5px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e400) {
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 1001;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 50%;
  left: 50%;
}

:where(.sp-e401) {
  display: inline-block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  vertical-align: baseline;
  margin-right: 4px;
  margin-left: 4px;
  border-top: 1px solid rgb(222, 222, 222);
  border-right: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 1px solid rgb(222, 222, 222);
  border-radius: 100%;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e402) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 424px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e403) {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-right: -300px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 1px solid rgb(222, 222, 222);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --panel-width: 300px;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e404) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  max-width: 100%;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e405) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-right: 8px;
  padding-left: 8px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 1px solid rgb(222, 222, 222);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e406) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --ant-lime-8: #5b8c00;
  --ant-font-height: 22px;
  --ant-red-6: #f5222d;
  --ant-pink-4: #ff85c0;
  --ant-red-1: #fff1f0;
  --ant-color-success-hover: #95de64;
  --ant-magenta-10: #520339;
  --ant-color-warning-text-hover: #ffc53d;
  --ant-margin-md: 20px;
  --ant-color-warning: #faad14;
  --ant-volcano-2: #ffd8bf;
  --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --ant-margin: 16px;
  --ant-color-error-text-hover: #ff7875;
  --ant-size-sm: 12px;
  --ant-link-decoration: none;
  --ant-green-3: #b7eb8f;
  --ant-geekblue-4: #85a5ff;
  --ant-border-radius-xs: 2px;
  --ant-color-info-bg-hover: #bae0ff;
  --ant-color-white: #fff;
  --ant-color-primary-text: #1677ff;
  --ant-red-2: #ffccc7;
  --ant-color-text-quaternary: rgba(0,0,0,0.25);
  --ant-geekblue-3: #adc6ff;
  --ant-color-link-active: #0958d9;
  --ant-line-height-lg: 1.5;
  --ant-size-md: 20px;
  --ant-purple-3: #d3adf7;
  --ant-lime-10: #254000;
  --ant-color-bg-base: #fff;
  --ant-color-info-hover: #69b1ff;
  --ant-yellow-7: #d4b106;
  --ant-gold: #FAAD14;
  --ant-volcano-6: #fa541c;
  --ant-font-size-heading-1: 38px;
  --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-red-8: #a8071a;
  --ant-motion-duration-slow: 0.3s;
  --ant-color-link: #1677ff;
  --ant-control-item-bg-hover: rgba(0,0,0,0.04);
  --ant-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16),
      0 3px 6px 0 rgba(0,0,0,0.12),
      0 5px 12px 4px rgba(0,0,0,0.09);
  --ant-blue-3: #91caff;
  --ant-volcano-7: #d4380d;
  --ant-color-error-text-active: #d9363e;
  --ant-magenta-8: #9e1068;
  --ant-green-6: #52c41a;
  --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ant-green-2: #d9f7be;
  --ant-red-3: #ffa39e;
  --ant-color-bg-solid: rgb(0,0,0);
  --ant-line-height-heading-3: 1.3333333333333333;
  --ant-padding: 16px;
  --ant-green: #52C41A;
  --ant-color-text-secondary: rgba(0,0,0,0.65);
  --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-volcano-1: #fff2e8;
  --ant-opacity-image: 1;
  --ant-font-size-xl: 20px;
  --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-control-height-lg: 40px;
  --ant-z-index-base: 0;
  --ant-border-radius-sm: 4px;
  --ant-size-lg: 24px;
  --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --ant-green-4: #95de64;
  --ant-blue-7: #0958d9;
  --ant-color-fill-content: rgba(0,0,0,0.06);
  --ant-margin-xs: 8px;
  --ant-color-success-text: #52c41a;
  --ant-pink-10: #520339;
  --ant-color-bg-container-disabled: rgba(0,0,0,0.04);
  --ant-size-popup-arrow: 16px;
  --ant-color-fill-secondary: rgba(0,0,0,0.06);
  --ant-yellow-6: #fadb14;
  --ant-color-text-tertiary: rgba(0,0,0,0.45);
  --ant-tabs-horizontal-item-padding-sm: 8px 0;
  --ant-color-warning-hover: #ffd666;
  --ant-purple-6: #722ed1;
  --ant-color-text-label: rgba(0,0,0,0.65);
  --ant-cyan-4: #5cdbd3;
  --ant-padding-content-horizontal: 16px;
  --ant-color-info-border-hover: #69b1ff;
  --ant-color-bg-spotlight: rgba(0,0,0,0.85);
  --ant-pink-8: #9e1068;
  --ant-purple: #722ED1;
  --ant-tabs-item-color: rgba(0,0,0,0.88);
  --ant-font-size-sm: 12px;
  --ant-tabs-card-padding-lg: 11px 16px;
  --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --ant-cyan: #13C2C2;
  --ant-blue-2: #bae0ff;
  --ant-color-primary-bg: #e6f4ff;
  --ant-orange: #FA8C16;
  --ant-color-bg-mask: rgba(0,0,0,0.45);
  --ant-line-height: 1.5714285714285714;
  --ant-magenta-4: #ff85c0;
  --ant-lime-3: #eaff8f;
  --ant-color-split: rgba(5,5,5,0.06);
  --ant-size-xl: 32px;
  --ant-tabs-card-height-lg: 48px;
  --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ant-orange-3: #ffd591;
  --ant-padding-content-horizontal-sm: 16px;
  --ant-size: 16px;
  --ant-magenta-3: #ffadd2;
  --ant-cyan-10: #002329;
  --ant-link-hover-decoration: none;
  --ant-yellow-8: #ad8b00;
  --ant-green-1: #f6ffed;
  --ant-red-5: #ff4d4f;
  --ant-volcano-9: #871400;
  --ant-color-info-text-hover: #4096ff;
  --ant-color-icon: rgba(0,0,0,0.45);
  --ant-margin-xxs: 4px;
  --ant-color-success-text-active: #389e0d;
  --ant-color-primary: #1677ff;
  --ant-pink-5: #f759ab;
  --ant-orange-8: #ad4e00;
  --ant-red-7: #cf1322;
  --ant-color-error-text: #ff4d4f;
  --ant-control-tmp-outline: rgba(0,0,0,0.02);
  --ant-cyan-5: #36cfc9;
  --ant-color-warning-border-hover: #ffd666;
  --ant-color-error: #ff4d4f;
  --ant-color-primary-text-hover: #4096ff;
  --ant-border-radius: 6px;
  --ant-geekblue-8: #10239e;
  --ant-padding-content-vertical-lg: 16px;
  --ant-font-size-heading-4: 20px;
  --ant-color-fill-quaternary: rgba(0,0,0,0.02);
  --ant-color-error-hover: #ff7875;
  --ant-size-unit: 4px;
  --ant-color-primary-text-active: #0958d9;
  --ant-color-primary-bg-hover: #bae0ff;
  --ant-tabs-item-active-color: #0958d9;
  --ant-color-bg-container: #ffffff;
  --ant-gold-9: #874d00;
  --ant-color-primary-hover: #4096ff;
  --ant-gold-7: #d48806;
  --ant-tabs-ink-bar-color: #1677ff;
  --ant-lime-1: #fcffe6;
  --ant-tabs-horizontal-item-padding-lg: 16px 0;
  --ant-color-success-bg-hover: #d9f7be;
  --ant-padding-content-vertical-sm: 8px;
  --ant-size-ms: 16px;
  --ant-green-5: #73d13d;
  --ant-padding-xxs: 4px;
  --ant-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --ant-line-width-bold: 2px;
  --ant-color-text-placeholder: rgba(0,0,0,0.25);
  --ant-color-highlight: #ff4d4f;
  --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08),
      3px 0 6px -4px rgba(0, 0, 0, 0.12),
      9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-padding-lg: 24px;
  --ant-line-width-focus: 3px;
  --ant-pink: #EB2F96;
  --ant-gold-5: #ffc53d;
  --ant-size-step: 4px;
  --ant-color-info-active: #0958d9;
  --ant-font-size-heading-3: 24px;
  --ant-color-error-bg-hover: #fff1f0;
  --ant-blue-4: #69b1ff;
  --ant-purple-4: #b37feb;
  --ant-volcano: #FA541C;
  --ant-lime-9: #3f6600;
  --ant-geekblue-10: #030852;
  --ant-color-icon-hover: rgba(0,0,0,0.88);
  --ant-geekblue-9: #061178;
  --ant-tabs-card-height: 40px;
  --ant-purple-1: #f9f0ff;
  --ant-color-bg-layout: #f5f5f5;
  --ant-color-text-disabled: rgba(0,0,0,0.25);
  --ant-color-bg-text-hover: rgba(0,0,0,0.06);
  --ant-lime-7: #7cb305;
  --ant-color-warning-bg-hover: #fff1b8;
  --ant-volcano-4: #ff9c6e;
  --ant-color-text-light-solid: #fff;
  --ant-tabs-card-padding-sm: 4px 8px;
  --ant-color-fill-tertiary: rgba(0,0,0,0.04);
  --ant-purple-9: #22075e;
  --ant-blue-9: #002c8c;
  --ant-tabs-z-index-popup: 1050;
  --ant-color-border-secondary: #f0f0f0;
  --ant-margin-sm: 12px;
  --ant-color-warning-text-active: #d48806;
  --ant-tabs-card-height-sm: 32px;
  --ant-color-bg-solid-hover: rgba(0,0,0,0.75);
  --ant-tabs-card-padding: 8px 16px;
  --ant-magenta-1: #fff0f6;
  --ant-color-primary-border-hover: #69b1ff;
  --ant-color-error-bg-active: #ffccc7;
  --ant-yellow-9: #876800;
  --ant-cyan-1: #e6fffb;
  --ant-color-error-active: #d9363e;
  --ant-color-link-hover: #69b1ff;
  --ant-font-size: 14px;
  --ant-magenta-7: #c41d7f;
  --ant-tabs-vertical-item-margin: 16px 0 0 0;
  --ant-lime-2: #f4ffb8;
  --ant-color-bg-elevated: #ffffff;
  --ant-volcano-5: #ff7a45;
  --ant-red-4: #ff7875;
  --ant-yellow-1: #feffe6;
  --ant-yellow-10: #614700;
  --ant-font-size-heading-5: 16px;
  --ant-color-fill-alter: rgba(0,0,0,0.02);
  --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-tabs-title-font-size: 14px;
  --ant-magenta: #EB2F96;
  --ant-pink-7: #c41d7f;
  --ant-color-error-outline: rgba(255,38,5,0.06);
  --ant-yellow-5: #ffec3d;
  --ant-gold-10: #613400;
  --ant-volcano-3: #ffbb96;
  --ant-green-9: #135200;
  --ant-color-info: #1677ff;
  --ant-yellow-2: #ffffb8;
  --ant-padding-content-vertical: 12px;
  --ant-magenta-9: #780650;
  --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ant-padding-xl: 32px;
  --ant-color-error-border: #ffccc7;
  --ant-margin-lg: 24px;
  --ant-control-height: 32px;
  --ant-border-radius-outer: 4px;
  --ant-cyan-6: #13c2c2;
  --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  --ant-border-radius-lg: 8px;
  --ant-color-warning-text: #faad14;
  --ant-red: #F5222D;
  --ant-color-warning-outline: rgba(255,215,5,0.1);
  --ant-geekblue-7: #1d39c4;
  --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ant-orange-4: #ffc069;
  --ant-geekblue-6: #2f54eb;
  --ant-line-type: solid;
  --ant-line-width: 1px;
  --ant-color-bg-blur: transparent;
  --ant-tabs-vertical-item-padding: 8px 24px;
  --ant-red-10: #5c0011;
  --ant-color-border: #d9d9d9;
  --ant-font-height-lg: 24px;
  --ant-padding-md: 20px;
  --ant-color-error-border-hover: #ffa39e;
  --ant-line-height-heading-2: 1.2666666666666666;
  --ant-size-xs: 8px;
  --ant-tabs-card-bg: rgba(0,0,0,0.02);
  --ant-gold-6: #faad14;
  --ant-font-weight-strong: 600;
  --ant-green-8: #237804;
  --ant-geekblue-1: #f0f5ff;
  --ant-line-height-heading-4: 1.4;
  --ant-blue-5: #4096ff;
  --ant-cyan-9: #00474f;
  --ant-tabs-horizontal-margin: 0 0 16px 0;
  --ant-volcano-10: #610b00;
  --ant-purple-7: #531dab;
  --ant-padding-xs: 8px;
  --ant-green-10: #092b00;
  --ant-color-bg-solid-active: rgba(0,0,0,0.95);
  --ant-line-height-sm: 1.6666666666666667;
  --ant-margin-xl: 32px;
  --ant-tabs-title-font-size-sm: 14px;
  --ant-control-item-bg-active-disabled: rgba(0,0,0,0.15);
  --ant-control-interactive-size: 16px;
  --ant-color-success-text-hover: #73d13d;
  --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --ant-tabs-title-font-size-lg: 16px;
  --ant-lime: #A0D911;
  --ant-color-text-base: #000;
  --ant-tabs-card-gutter: 2px;
  --ant-color-success-bg: #f6ffed;
  --ant-pink-2: #ffd6e7;
  --ant-line-height-heading-5: 1.5;
  --ant-color-warning-border: #ffe58f;
  --ant-lime-5: #bae637;
  --ant-pink-6: #eb2f96;
  --ant-blue-1: #e6f4ff;
  --ant-tabs-horizontal-item-padding: 12px 0;
  --ant-font-family: -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';
  --ant-cyan-2: #b5f5ec;
  --ant-cyan-3: #87e8de;
  --ant-line-height-heading-1: 1.2105263157894737;
  --ant-font-size-lg: 16px;
  --ant-font-height-sm: 20px;
  --ant-orange-1: #fff7e6;
  --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-bg-text-active: rgba(0,0,0,0.15);
  --ant-orange-10: #612500;
  --ant-cyan-8: #006d75;
  --ant-size-xxl: 48px;
  --ant-padding-sm: 12px;
  --ant-tabs-item-hover-color: #4096ff;
  --ant-color-fill-content-hover: rgba(0,0,0,0.15);
  --ant-magenta-6: #eb2f96;
  --ant-gold-4: #ffd666;
  --ant-cyan-7: #08979c;
  --ant-z-index-popup-base: 1000;
  --ant-lime-6: #a0d911;
  --ant-purple-2: #efdbff;
  --ant-magenta-2: #ffd6e7;
  --ant-color-text-heading: rgba(0,0,0,0.88);
  --ant-purple-5: #9254de;
  --ant-color-success-active: #389e0d;
  --ant-color-error-bg-filled-hover: #ffdfdc;
  --ant-color-primary-border: #91caff;
  --ant-orange-7: #d46b08;
  --ant-font-size-heading-2: 30px;
  --ant-purple-8: #391085;
  --ant-blue-10: #001d66;
  --ant-motion-duration-mid: 0.2s;
  --ant-control-padding-horizontal: 12px;
  --ant-color-primary-active: #0958d9;
  --ant-link-focus-decoration: none;
  --ant-opacity-loading: 0.65;
  --ant-green-7: #389e0d;
  --ant-control-height-xs: 16px;
  --ant-tabs-item-selected-color: #1677ff;
  --ant-color-success: #52c41a;
  --ant-color-info-text-active: #0958d9;
  --ant-yellow-3: #fffb8f;
  --ant-control-outline: rgba(5,145,255,0.1);
  --ant-padding-content-horizontal-lg: 24px;
  --ant-font-size-icon: 12px;
  --ant-blue-8: #003eb3;
  --ant-geekblue: #2F54EB;
  --ant-margin-xxl: 48px;
  --ant-lime-4: #d3f261;
  --ant-orange-6: #fa8c16;
  --ant-red-9: #820014;
  --ant-motion-duration-fast: 0.1s;
  --ant-color-warning-active: #d48806;
  --ant-pink-1: #fff0f6;
  --ant-gold-8: #ad6800;
  --ant-yellow: #FADB14;
  --ant-geekblue-5: #597ef7;
  --ant-geekblue-2: #d6e4ff;
  --ant-orange-2: #ffe7ba;
  --ant-orange-9: #873800;
  --ant-control-item-bg-active-hover: #bae0ff;
  --ant-size-xxs: 4px;
  --ant-color-text: rgba(0,0,0,0.88);
  --ant-color-warning-bg: #fffbe6;
  --smart-write-bar-gen-angle: 0deg;
  --ant-purple-10: #120338;
  --ant-volcano-8: #ad2102;
  --ant-color-success-border: #b7eb8f;
  --ant-gold-2: #fff1b8;
  --ant-color-info-text: #1677ff;
  --ant-color-info-bg: #e6f4ff;
  --ant-control-padding-horizontal-sm: 8px;
  --ant-color-text-description: rgba(0,0,0,0.45);
  --ant-color-error-bg: #fff2f0;
  --ant-tabs-horizontal-item-gutter: 32px;
  --ant-gold-1: #fffbe6;
  --ant-control-outline-width: 2px;
  --ant-color-border-bg: #ffffff;
  --ant-gold-3: #ffe58f;
  --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  --ant-pink-9: #780650;
  --ant-blue: #1677FF;
  --ant-blue-6: #1677ff;
  --ant-control-height-sm: 24px;
  --ant-control-item-bg-active: #e6f4ff;
  --ant-orange-5: #ffa940;
  --ant-color-fill: rgba(0,0,0,0.15);
  --ant-yellow-4: #fff566;
  --ant-color-info-border: #91caff;
  --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-success-border-hover: #95de64;
  --ant-color-border-disabled: #d9d9d9;
  --ant-magenta-5: #f759ab;
  --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08),
      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
      -9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-pink-3: #ffadd2;
  --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}

:where(.sp-e407) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e408) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e409) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e410) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 12px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e411) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  text-shadow: rgb(51, 51, 51) 0px 0px 0.25px;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e412) {
  display: inline-flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  text-shadow: rgb(51, 51, 51) 0px 0px 0.25px;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 6px;
  row-gap: 6px;
  column-gap: 6px;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e413) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  margin-left: 12px;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e414) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e415) {
  display: inline-flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 6px;
  row-gap: 6px;
  column-gap: 6px;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e416) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgb(33, 112, 244);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e417) {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e418) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  vertical-align: baseline;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 1;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e419) {
  display: inline-flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  vertical-align: -1.75px;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e420) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  vertical-align: -1.75px;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e421) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: default;
  visibility: hidden;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e422) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e423) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e424) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgba(0, 0, 0, 0.88);
  border-right: 0px none rgba(0, 0, 0, 0.88);
  border-bottom: 0px none rgba(0, 0, 0, 0.88);
  border-left: 0px none rgba(0, 0, 0, 0.88);
  border-collapse: separate;
  outline: rgba(0, 0, 0, 0.88) none 3px;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e425) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  gap: 8px;
  row-gap: 8px;
  column-gap: 8px;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --ant-lime-8: #5b8c00;
  --nike-antd-btn-border-color-hover: transparent;
  --ant-button-text-text-color: rgba(0,0,0,0.88);
  --ant-font-height: 22px;
  --nike-antd-btn-bg-color-hover: rgba(0,0,0,0.06);
  --ant-red-6: #f5222d;
  --ant-pink-4: #ff85c0;
  --ant-red-1: #fff1f0;
  --ant-color-success-hover: #95de64;
  --ant-magenta-10: #520339;
  --ant-color-warning-text-hover: #ffc53d;
  --ant-button-cyan-shadow-color: 0 2px 0 rgba(5,255,215,0.1);
  --ant-margin-md: 20px;
  --ant-color-warning: #faad14;
  --ant-button-default-border-color-disabled: #d9d9d9;
  --ant-volcano-2: #ffd8bf;
  --ant-button-group-border-color: #4096ff;
  --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --ant-margin: 16px;
  --ant-color-error-text-hover: #ff7875;
  --ant-size-sm: 12px;
  --ant-link-decoration: none;
  --ant-green-3: #b7eb8f;
  --ant-geekblue-4: #85a5ff;
  --ant-border-radius-xs: 2px;
  --ant-color-info-bg-hover: #bae0ff;
  --ant-color-white: #fff;
  --ant-button-content-font-size-sm: 14px;
  --ant-button-red-shadow-color: 0 2px 0 rgba(255,22,5,0.06);
  --ant-color-primary-text: #1677ff;
  --ant-red-2: #ffccc7;
  --ant-color-text-quaternary: rgba(0,0,0,0.25);
  --ant-geekblue-3: #adc6ff;
  --ant-button-orange-shadow-color: 0 2px 0 rgba(255,175,5,0.1);
  --nike-antd-btn-text-color-disabled: rgba(0,0,0,0.88);
  --ant-color-link-active: #0958d9;
  --ant-line-height-lg: 1.5;
  --ant-size-md: 20px;
  --ant-purple-3: #d3adf7;
  --ant-lime-10: #254000;
  --ant-button-default-active-bg: #ffffff;
  --ant-color-bg-base: #fff;
  --ant-color-info-hover: #69b1ff;
  --ant-yellow-7: #d4b106;
  --ant-gold: #FAAD14;
  --ant-volcano-6: #fa541c;
  --ant-button-default-shadow: 0 2px 0 rgba(0,0,0,0.02);
  --ant-font-size-heading-1: 38px;
  --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-red-8: #a8071a;
  --ant-motion-duration-slow: 0.3s;
  --ant-color-link: #1677ff;
  --ant-button-dashed-bg-disabled: rgba(0,0,0,0.04);
  --ant-control-item-bg-hover: rgba(0,0,0,0.04);
  --ant-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16),
      0 3px 6px 0 rgba(0,0,0,0.12),
      0 5px 12px 4px rgba(0,0,0,0.09);
  --ant-blue-3: #91caff;
  --ant-volcano-7: #d4380d;
  --ant-button-lime-shadow-color: 0 2px 0 rgba(225,255,5,0.1);
  --ant-color-error-text-active: #d9363e;
  --ant-magenta-8: #9e1068;
  --ant-green-6: #52c41a;
  --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ant-button-purple-shadow-color: 0 2px 0 rgba(155,5,255,0.06);
  --ant-green-2: #d9f7be;
  --ant-red-3: #ffa39e;
  --ant-color-bg-solid: rgb(0,0,0);
  --ant-line-height-heading-3: 1.3333333333333333;
  --ant-padding: 16px;
  --ant-green: #52C41A;
  --ant-color-text-secondary: rgba(0,0,0,0.65);
  --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-volcano-1: #fff2e8;
  --ant-opacity-image: 1;
  --ant-font-size-xl: 20px;
  --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-control-height-lg: 40px;
  --ant-z-index-base: 0;
  --ant-border-radius-sm: 4px;
  --ant-size-lg: 24px;
  --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --ant-button-yellow-shadow-color: 0 2px 0 rgba(245,255,5,0.1);
  --ant-green-4: #95de64;
  --ant-button-content-font-size-lg: 16px;
  --ant-blue-7: #0958d9;
  --ant-color-fill-content: rgba(0,0,0,0.06);
  --ant-margin-xs: 8px;
  --ant-color-success-text: #52c41a;
  --ant-pink-10: #520339;
  --ant-color-bg-container-disabled: rgba(0,0,0,0.04);
  --ant-size-popup-arrow: 16px;
  --ant-color-fill-secondary: rgba(0,0,0,0.06);
  --ant-yellow-6: #fadb14;
  --ant-button-default-bg-disabled: rgba(0,0,0,0.04);
  --ant-button-gold-shadow-color: 0 2px 0 rgba(255,215,5,0.1);
  --ant-color-text-tertiary: rgba(0,0,0,0.45);
  --ant-color-warning-hover: #ffd666;
  --ant-purple-6: #722ed1;
  --ant-color-text-label: rgba(0,0,0,0.65);
  --ant-cyan-4: #5cdbd3;
  --ant-padding-content-horizontal: 16px;
  --ant-color-info-border-hover: #69b1ff;
  --ant-button-default-bg: #ffffff;
  --ant-color-bg-spotlight: rgba(0,0,0,0.85);
  --ant-button-default-hover-color: #4096ff;
  --ant-pink-8: #9e1068;
  --ant-purple: #722ED1;
  --ant-font-size-sm: 12px;
  --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --ant-cyan: #13C2C2;
  --ant-blue-2: #bae0ff;
  --ant-button-icon-gap: 8px;
  --nike-antd-btn-bg-color: rgba(0,0,0,0.04);
  --ant-color-primary-bg: #e6f4ff;
  --ant-orange: #FA8C16;
  --ant-color-bg-mask: rgba(0,0,0,0.45);
  --ant-button-padding-block-sm: 0px;
  --nike-antd-btn-text-color: rgba(0,0,0,0.88);
  --ant-line-height: 1.5714285714285714;
  --ant-magenta-4: #ff85c0;
  --ant-lime-3: #eaff8f;
  --ant-color-split: rgba(5,5,5,0.06);
  --nike-antd-btn-border-color-active: transparent;
  --ant-size-xl: 32px;
  --nike-antd-btn-bg-color-container: #ffffff;
  --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ant-orange-3: #ffd591;
  --ant-padding-content-horizontal-sm: 16px;
  --ant-size: 16px;
  --ant-magenta-3: #ffadd2;
  --ant-cyan-10: #002329;
  --ant-link-hover-decoration: none;
  --ant-button-default-color: rgba(0,0,0,0.88);
  --ant-yellow-8: #ad8b00;
  --ant-green-1: #f6ffed;
  --nike-antd-btn-bg-color-disabled: rgba(0,0,0,0.04);
  --ant-red-5: #ff4d4f;
  --ant-button-text-hover-bg: rgba(0,0,0,0.04);
  --ant-volcano-9: #871400;
  --ant-button-content-line-height: 1.5714285714285714;
  --ant-color-info-text-hover: #4096ff;
  --ant-color-icon: rgba(0,0,0,0.45);
  --ant-margin-xxs: 4px;
  --ant-color-success-text-active: #389e0d;
  --ant-color-primary: #1677ff;
  --ant-pink-5: #f759ab;
  --ant-orange-8: #ad4e00;
  --ant-red-7: #cf1322;
  --ant-color-error-text: #ff4d4f;
  --ant-control-tmp-outline: rgba(0,0,0,0.02);
  --ant-button-default-hover-bg: #ffffff;
  --ant-cyan-5: #36cfc9;
  --ant-color-warning-border-hover: #ffd666;
  --ant-color-error: #ff4d4f;
  --ant-color-primary-text-hover: #4096ff;
  --ant-border-radius: 6px;
  --ant-geekblue-8: #10239e;
  --ant-padding-content-vertical-lg: 16px;
  --ant-font-size-heading-4: 20px;
  --ant-color-fill-quaternary: rgba(0,0,0,0.02);
  --ant-button-content-line-height-lg: 1.5;
  --ant-color-error-hover: #ff7875;
  --ant-button-border-color-disabled: #d9d9d9;
  --ant-size-unit: 4px;
  --ant-color-primary-text-active: #0958d9;
  --nike-antd-btn-text-color-hover: rgba(0,0,0,0.88);
  --ant-color-primary-bg-hover: #bae0ff;
  --nike-antd-btn-color-light: rgba(0,0,0,0.04);
  --ant-color-bg-container: #ffffff;
  --nike-antd-btn-text-color-active: rgba(0,0,0,0.88);
  --ant-gold-9: #874d00;
  --nike-antd-btn-border-style: solid;
  --ant-color-primary-hover: #4096ff;
  --ant-button-green-shadow-color: 0 2px 0 rgba(142,255,30,0.08);
  --ant-gold-7: #d48806;
  --ant-lime-1: #fcffe6;
  --ant-color-success-bg-hover: #d9f7be;
  --ant-padding-content-vertical-sm: 8px;
  --nike-antd-btn-color-base: #d9d9d9;
  --ant-size-ms: 16px;
  --ant-green-5: #73d13d;
  --ant-padding-xxs: 4px;
  --ant-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --ant-line-width-bold: 2px;
  --ant-color-text-placeholder: rgba(0,0,0,0.25);
  --ant-button-danger-shadow: 0 2px 0 rgba(255,38,5,0.06);
  --ant-color-highlight: #ff4d4f;
  --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08),
      3px 0 6px -4px rgba(0, 0, 0, 0.12),
      9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-padding-lg: 24px;
  --ant-line-width-focus: 3px;
  --ant-pink: #EB2F96;
  --ant-gold-5: #ffc53d;
  --ant-size-step: 4px;
  --ant-color-info-active: #0958d9;
  --ant-font-size-heading-3: 24px;
  --ant-color-error-bg-hover: #fff1f0;
  --ant-blue-4: #69b1ff;
  --ant-purple-4: #b37feb;
  --ant-volcano: #FA541C;
  --ant-button-geekblue-shadow-color: 0 2px 0 rgba(5,88,255,0.06);
  --ant-button-font-weight: 400;
  --ant-lime-9: #3f6600;
  --ant-geekblue-10: #030852;
  --ant-button-default-border-color: #d9d9d9;
  --ant-color-icon-hover: rgba(0,0,0,0.88);
  --ant-geekblue-9: #061178;
  --nike-antd-btn-border-color: transparent;
  --ant-purple-1: #f9f0ff;
  --ant-color-bg-layout: #f5f5f5;
  --ant-color-text-disabled: rgba(0,0,0,0.25);
  --ant-color-bg-text-hover: rgba(0,0,0,0.06);
  --nike-antd-btn-solid-bg-color-active: rgba(0,0,0,0.95);
  --ant-button-primary-shadow: 0 2px 0 rgba(5,145,255,0.1);
  --ant-lime-7: #7cb305;
  --ant-color-warning-bg-hover: #fff1b8;
  --ant-volcano-4: #ff9c6e;
  --ant-color-text-light-solid: #fff;
  --ant-color-fill-tertiary: rgba(0,0,0,0.04);
  --ant-purple-9: #22075e;
  --ant-blue-9: #002c8c;
  --ant-color-border-secondary: #f0f0f0;
  --ant-margin-sm: 12px;
  --ant-color-warning-text-active: #d48806;
  --nike-antd-btn-color-active: #0958d9;
  --ant-button-blue-shadow-color: 0 2px 0 rgba(5,145,255,0.1);
  --ant-color-bg-solid-hover: rgba(0,0,0,0.75);
  --ant-magenta-1: #fff0f6;
  --ant-color-primary-border-hover: #69b1ff;
  --ant-color-error-bg-active: #ffccc7;
  --ant-yellow-9: #876800;
  --nike-antd-btn-border-color-disabled: transparent;
  --ant-cyan-1: #e6fffb;
  --ant-color-error-active: #d9363e;
  --ant-color-link-hover: #69b1ff;
  --ant-font-size: 14px;
  --ant-magenta-7: #c41d7f;
  --ant-button-content-font-size: 14px;
  --ant-lime-2: #f4ffb8;
  --ant-color-bg-elevated: #ffffff;
  --ant-volcano-5: #ff7a45;
  --ant-red-4: #ff7875;
  --ant-yellow-1: #feffe6;
  --ant-yellow-10: #614700;
  --ant-font-size-heading-5: 16px;
  --ant-color-fill-alter: rgba(0,0,0,0.02);
  --ant-button-default-ghost-border-color: #ffffff;
  --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  --nike-antd-btn-color-hover: #4096ff;
  --nike-antd-btn-solid-bg-color: rgb(0,0,0);
  --ant-magenta: #EB2F96;
  --ant-pink-7: #c41d7f;
  --ant-color-error-outline: rgba(255,38,5,0.06);
  --ant-yellow-5: #ffec3d;
  --ant-gold-10: #613400;
  --ant-volcano-3: #ffbb96;
  --ant-green-9: #135200;
  --ant-color-info: #1677ff;
  --ant-yellow-2: #ffffb8;
  --ant-padding-content-vertical: 12px;
  --ant-magenta-9: #780650;
  --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ant-padding-xl: 32px;
  --ant-color-error-border: #ffccc7;
  --ant-button-default-ghost-color: #ffffff;
  --ant-margin-lg: 24px;
  --ant-control-height: 32px;
  --ant-button-text-text-hover-color: rgba(0,0,0,0.88);
  --ant-border-radius-outer: 4px;
  --ant-cyan-6: #13c2c2;
  --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --ant-button-padding-block: 4px;
  --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  --ant-border-radius-lg: 8px;
  --ant-color-warning-text: #faad14;
  --ant-red: #F5222D;
  --ant-color-warning-outline: rgba(255,215,5,0.1);
  --ant-geekblue-7: #1d39c4;
  --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ant-orange-4: #ffc069;
  --ant-geekblue-6: #2f54eb;
  --ant-line-type: solid;
  --nike-antd-btn-color-light-hover: rgba(0,0,0,0.06);
  --ant-line-width: 1px;
  --ant-button-default-hover-border-color: #4096ff;
  --ant-color-bg-blur: transparent;
  --ant-red-10: #5c0011;
  --ant-color-border: #d9d9d9;
  --ant-font-height-lg: 24px;
  --ant-padding-md: 20px;
  --ant-color-error-border-hover: #ffa39e;
  --ant-line-height-heading-2: 1.2666666666666666;
  --ant-size-xs: 8px;
  --ant-gold-6: #faad14;
  --ant-font-weight-strong: 600;
  --ant-green-8: #237804;
  --ant-geekblue-1: #f0f5ff;
  --ant-line-height-heading-4: 1.4;
  --ant-blue-5: #4096ff;
  --nike-antd-btn-border-width: 1px;
  --ant-cyan-9: #00474f;
  --ant-button-padding-block-lg: 7px;
  --ant-volcano-10: #610b00;
  --ant-purple-7: #531dab;
  --ant-padding-xs: 8px;
  --ant-green-10: #092b00;
  --ant-color-bg-solid-active: rgba(0,0,0,0.95);
  --ant-line-height-sm: 1.6666666666666667;
  --ant-margin-xl: 32px;
  --nike-antd-btn-bg-color-active: rgba(0,0,0,0.15);
  --ant-control-item-bg-active-disabled: rgba(0,0,0,0.15);
  --ant-button-volcano-shadow-color: 0 2px 0 rgba(255,125,25,0.1);
  --ant-control-interactive-size: 16px;
  --ant-color-success-text-hover: #73d13d;
  --ant-button-pink-shadow-color: 0 2px 0 rgba(255,5,105,0.06);
  --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --ant-lime: #A0D911;
  --ant-color-text-base: #000;
  --ant-button-padding-inline-lg: 15px;
  --ant-color-success-bg: #f6ffed;
  --ant-button-solid-text-color: #fff;
  --ant-pink-2: #ffd6e7;
  --ant-line-height-heading-5: 1.5;
  --ant-color-warning-border: #ffe58f;
  --ant-lime-5: #bae637;
  --ant-pink-6: #eb2f96;
  --ant-blue-1: #e6f4ff;
  --nike-antd-btn-color-light-active: rgba(0,0,0,0.15);
  --ant-font-family: -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';
  --ant-cyan-2: #b5f5ec;
  --ant-cyan-3: #87e8de;
  --ant-line-height-heading-1: 1.2105263157894737;
  --nike-antd-btn-solid-bg-color-hover: rgba(0,0,0,0.75);
  --ant-font-size-lg: 16px;
  --ant-button-padding-inline: 15px;
  --ant-font-height-sm: 20px;
  --ant-orange-1: #fff7e6;
  --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-bg-text-active: rgba(0,0,0,0.15);
  --ant-orange-10: #612500;
  --ant-cyan-8: #006d75;
  --ant-size-xxl: 48px;
  --ant-padding-sm: 12px;
  --ant-color-fill-content-hover: rgba(0,0,0,0.15);
  --ant-magenta-6: #eb2f96;
  --ant-gold-4: #ffd666;
  --ant-cyan-7: #08979c;
  --ant-z-index-popup-base: 1000;
  --ant-lime-6: #a0d911;
  --ant-purple-2: #efdbff;
  --ant-button-link-hover-bg: transparent;
  --ant-magenta-2: #ffd6e7;
  --ant-color-text-heading: rgba(0,0,0,0.88);
  --ant-purple-5: #9254de;
  --ant-button-danger-color: #fff;
  --ant-color-success-active: #389e0d;
  --ant-color-error-bg-filled-hover: #ffdfdc;
  --ant-color-primary-border: #91caff;
  --ant-orange-7: #d46b08;
  --ant-font-size-heading-2: 30px;
  --ant-button-ghost-bg: transparent;
  --ant-button-padding-inline-sm: 7px;
  --ant-purple-8: #391085;
  --ant-blue-10: #001d66;
  --ant-button-default-active-color: #0958d9;
  --ant-motion-duration-mid: 0.2s;
  --ant-control-padding-horizontal: 12px;
  --ant-color-primary-active: #0958d9;
  --ant-link-focus-decoration: none;
  --ant-button-default-active-border-color: #0958d9;
  --ant-opacity-loading: 0.65;
  --ant-green-7: #389e0d;
  --ant-button-text-text-active-color: rgba(0,0,0,0.88);
  --ant-control-height-xs: 16px;
  --ant-color-success: #52c41a;
  --ant-color-info-text-active: #0958d9;
  --ant-yellow-3: #fffb8f;
  --ant-control-outline: rgba(5,145,255,0.1);
  --ant-padding-content-horizontal-lg: 24px;
  --ant-button-primary-color: #fff;
  --ant-font-size-icon: 12px;
  --ant-blue-8: #003eb3;
  --ant-geekblue: #2F54EB;
  --ant-margin-xxl: 48px;
  --ant-lime-4: #d3f261;
  --ant-orange-6: #fa8c16;
  --ant-red-9: #820014;
  --ant-button-magenta-shadow-color: 0 2px 0 rgba(255,5,105,0.06);
  --ant-motion-duration-fast: 0.1s;
  --ant-color-warning-active: #d48806;
  --ant-pink-1: #fff0f6;
  --ant-gold-8: #ad6800;
  --ant-yellow: #FADB14;
  --ant-geekblue-5: #597ef7;
  --ant-geekblue-2: #d6e4ff;
  --ant-orange-2: #ffe7ba;
  --ant-orange-9: #873800;
  --ant-control-item-bg-active-hover: #bae0ff;
  --ant-size-xxs: 4px;
  --ant-color-text: rgba(0,0,0,0.88);
  --nike-antd-btn-shadow: 0 2px 0 rgba(0,0,0,0.02);
  --ant-color-warning-bg: #fffbe6;
  --smart-write-bar-gen-angle: 0deg;
  --ant-purple-10: #120338;
  --ant-volcano-8: #ad2102;
  --ant-color-success-border: #b7eb8f;
  --ant-gold-2: #fff1b8;
  --ant-color-info-text: #1677ff;
  --ant-color-info-bg: #e6f4ff;
  --ant-control-padding-horizontal-sm: 8px;
  --ant-color-text-description: rgba(0,0,0,0.45);
  --ant-color-error-bg: #fff2f0;
  --ant-button-content-line-height-sm: 1.5714285714285714;
  --ant-gold-1: #fffbe6;
  --ant-control-outline-width: 2px;
  --ant-color-border-bg: #ffffff;
  --ant-gold-3: #ffe58f;
  --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  --ant-pink-9: #780650;
  --ant-blue: #1677FF;
  --ant-blue-6: #1677ff;
  --ant-control-height-sm: 24px;
  --ant-control-item-bg-active: #e6f4ff;
  --ant-orange-5: #ffa940;
  --ant-color-fill: rgba(0,0,0,0.15);
  --ant-yellow-4: #fff566;
  --ant-color-info-border: #91caff;
  --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-color-success-border-hover: #95de64;
  --ant-color-border-disabled: #d9d9d9;
  --ant-magenta-5: #f759ab;
  --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08),
      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
      -9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-pink-3: #ffadd2;
  --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}

:where(.sp-e426) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e427) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: -1.75px;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e428) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(136, 136, 136);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -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";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-top: 0px none rgb(136, 136, 136);
  border-right: 0px none rgb(136, 136, 136);
  border-bottom: 0px none rgb(136, 136, 136);
  border-left: 0px none rgb(136, 136, 136);
  border-collapse: separate;
  outline: rgb(136, 136, 136) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  cursor: pointer;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e429) {
  display: flex;
  position: relative;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e430) {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(255, 158, 69);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  margin-top: -24px;
  margin-left: -24px;
  border-top: 0px none rgb(255, 158, 69);
  border-right: 0px none rgb(255, 158, 69);
  border-bottom: 0px none rgb(255, 158, 69);
  border-left: 0px none rgb(255, 158, 69);
  border-collapse: separate;
  outline: rgb(255, 158, 69) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  z-index: 11;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 50%;
  left: 50%;
}

:where(.sp-e431) {
  display: inline;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(255, 158, 69);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(255, 158, 69);
  border-right: 0px none rgb(255, 158, 69);
  border-bottom: 0px none rgb(255, 158, 69);
  border-left: 0px none rgb(255, 158, 69);
  border-collapse: separate;
  outline: rgb(255, 158, 69) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 0px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e432) {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e433) {
  display: block;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 814px 0px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e434) {
  display: contents;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  visibility: visible;
  --icon-default-color: #ffffff;
  --btn-hover-color: hsla(218, 91%, 54%, 0.7);
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e435) {
  display: flex;
  position: absolute;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 933px 5px;
  z-index: 31;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  top: 902px;
}

:where(.sp-e436) {
  display: flex;
  position: static;
  box-sizing: border-box;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 10px 5px;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e437) {
  position: static;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  white-space: pre;
  vertical-align: baseline;
  padding-right: 5px;
  padding-left: 5px;
  border-top: 1px solid rgb(189, 189, 189);
  border-right: 1px solid rgb(189, 189, 189);
  border-bottom: 1px solid rgb(189, 189, 189);
  border-left: 1px solid rgb(189, 189, 189);
  border-radius: 4px;
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 50% 50%;
  cursor: default;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
}

:where(.sp-e438) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 150px 75px;
  z-index: -1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: 1566px;
  bottom: 762px;
}

:where(.sp-e439) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  transform-origin: 150px 75px;
  z-index: 0;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: 1566px;
  bottom: 762px;
}

:where(.sp-e440) {
  display: block;
  position: absolute;
  box-sizing: border-box;
  overflow: clip;
  overflow-x: clip;
  overflow-y: clip;
  color: rgb(51, 51, 51);
  background-color: rgba(0, 0, 0, 0);
  background-position: 0% 0%;
  background-repeat: repeat;
  background-clip: border-box;
  opacity: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: start;
  vertical-align: baseline;
  border-top: 0px none rgb(51, 51, 51);
  border-right: 0px none rgb(51, 51, 51);
  border-bottom: 0px none rgb(51, 51, 51);
  border-left: 0px none rgb(51, 51, 51);
  border-collapse: separate;
  outline: rgb(51, 51, 51) none 3px;
  list-style-type: disc;
  list-style-position: outside;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 0;
  flex-shrink: 1;
  order: 0;
  grid-auto-flow: row;
  aspect-ratio: auto 100 / 100;
  transform-origin: 50px 50px;
  z-index: -1;
  visibility: visible;
  --smart-write-bar-gen-angle: 0deg;
  right: 1766px;
  bottom: 812px;
}

/* Original page stylesheet rules preserve responsive states. */
.anticon { display: inline-flex; align-items: center; 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; }
.anticon > * { line-height: 1; }
.anticon svg { display: inline-block; vertical-align: inherit; }
.anticon::before { display: none; }
.anticon .anticon-icon { display: block; }
.anticon[tabindex] { cursor: pointer; }
.anticon-spin::before, .anticon-spin { display: inline-block; animation: 1s linear 0s infinite normal none running loadingCircle; }
@-webkit-keyframes loadingCircle { 
  100% { transform: rotate(360deg); }
}
@keyframes loadingCircle { 
  100% { transform: rotate(360deg); }
}
.css-var-root { --ant-blue: #1677FF; --ant-purple: #722ED1; --ant-cyan: #13C2C2; --ant-green: #52C41A; --ant-magenta: #EB2F96; --ant-pink: #EB2F96; --ant-red: #F5222D; --ant-orange: #FA8C16; --ant-yellow: #FADB14; --ant-volcano: #FA541C; --ant-geekblue: #2F54EB; --ant-gold: #FAAD14; --ant-lime: #A0D911; --ant-color-primary: #1677ff; --ant-color-success: #52c41a; --ant-color-warning: #faad14; --ant-color-error: #ff4d4f; --ant-color-info: #1677ff; --ant-color-link: #1677ff; --ant-color-text-base: #000; --ant-color-bg-base: #fff; --ant-font-family: -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'; --ant-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; --ant-font-size: 14px; --ant-line-width: 1px; --ant-line-type: solid; --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1); --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86); --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46); --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6); --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06); --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1); --ant-border-radius: 6px; --ant-size-unit: 4px; --ant-size-step: 4px; --ant-size-popup-arrow: 16px; --ant-control-height: 32px; --ant-z-index-base: 0; --ant-z-index-popup-base: 1000; --ant-opacity-image: 1; --ant-blue-1: #e6f4ff; --ant-blue-2: #bae0ff; --ant-blue-3: #91caff; --ant-blue-4: #69b1ff; --ant-blue-5: #4096ff; --ant-blue-6: #1677ff; --ant-blue-7: #0958d9; --ant-blue-8: #003eb3; --ant-blue-9: #002c8c; --ant-blue-10: #001d66; --ant-purple-1: #f9f0ff; --ant-purple-2: #efdbff; --ant-purple-3: #d3adf7; --ant-purple-4: #b37feb; --ant-purple-5: #9254de; --ant-purple-6: #722ed1; --ant-purple-7: #531dab; --ant-purple-8: #391085; --ant-purple-9: #22075e; --ant-purple-10: #120338; --ant-cyan-1: #e6fffb; --ant-cyan-2: #b5f5ec; --ant-cyan-3: #87e8de; --ant-cyan-4: #5cdbd3; --ant-cyan-5: #36cfc9; --ant-cyan-6: #13c2c2; --ant-cyan-7: #08979c; --ant-cyan-8: #006d75; --ant-cyan-9: #00474f; --ant-cyan-10: #002329; --ant-green-1: #f6ffed; --ant-green-2: #d9f7be; --ant-green-3: #b7eb8f; --ant-green-4: #95de64; --ant-green-5: #73d13d; --ant-green-6: #52c41a; --ant-green-7: #389e0d; --ant-green-8: #237804; --ant-green-9: #135200; --ant-green-10: #092b00; --ant-magenta-1: #fff0f6; --ant-magenta-2: #ffd6e7; --ant-magenta-3: #ffadd2; --ant-magenta-4: #ff85c0; --ant-magenta-5: #f759ab; --ant-magenta-6: #eb2f96; --ant-magenta-7: #c41d7f; --ant-magenta-8: #9e1068; --ant-magenta-9: #780650; --ant-magenta-10: #520339; --ant-pink-1: #fff0f6; --ant-pink-2: #ffd6e7; --ant-pink-3: #ffadd2; --ant-pink-4: #ff85c0; --ant-pink-5: #f759ab; --ant-pink-6: #eb2f96; --ant-pink-7: #c41d7f; --ant-pink-8: #9e1068; --ant-pink-9: #780650; --ant-pink-10: #520339; --ant-red-1: #fff1f0; --ant-red-2: #ffccc7; --ant-red-3: #ffa39e; --ant-red-4: #ff7875; --ant-red-5: #ff4d4f; --ant-red-6: #f5222d; --ant-red-7: #cf1322; --ant-red-8: #a8071a; --ant-red-9: #820014; --ant-red-10: #5c0011; --ant-orange-1: #fff7e6; --ant-orange-2: #ffe7ba; --ant-orange-3: #ffd591; --ant-orange-4: #ffc069; --ant-orange-5: #ffa940; --ant-orange-6: #fa8c16; --ant-orange-7: #d46b08; --ant-orange-8: #ad4e00; --ant-orange-9: #873800; --ant-orange-10: #612500; --ant-yellow-1: #feffe6; --ant-yellow-2: #ffffb8; --ant-yellow-3: #fffb8f; --ant-yellow-4: #fff566; --ant-yellow-5: #ffec3d; --ant-yellow-6: #fadb14; --ant-yellow-7: #d4b106; --ant-yellow-8: #ad8b00; --ant-yellow-9: #876800; --ant-yellow-10: #614700; --ant-volcano-1: #fff2e8; --ant-volcano-2: #ffd8bf; --ant-volcano-3: #ffbb96; --ant-volcano-4: #ff9c6e; --ant-volcano-5: #ff7a45; --ant-volcano-6: #fa541c; --ant-volcano-7: #d4380d; --ant-volcano-8: #ad2102; --ant-volcano-9: #871400; --ant-volcano-10: #610b00; --ant-geekblue-1: #f0f5ff; --ant-geekblue-2: #d6e4ff; --ant-geekblue-3: #adc6ff; --ant-geekblue-4: #85a5ff; --ant-geekblue-5: #597ef7; --ant-geekblue-6: #2f54eb; --ant-geekblue-7: #1d39c4; --ant-geekblue-8: #10239e; --ant-geekblue-9: #061178; --ant-geekblue-10: #030852; --ant-gold-1: #fffbe6; --ant-gold-2: #fff1b8; --ant-gold-3: #ffe58f; --ant-gold-4: #ffd666; --ant-gold-5: #ffc53d; --ant-gold-6: #faad14; --ant-gold-7: #d48806; --ant-gold-8: #ad6800; --ant-gold-9: #874d00; --ant-gold-10: #613400; --ant-lime-1: #fcffe6; --ant-lime-2: #f4ffb8; --ant-lime-3: #eaff8f; --ant-lime-4: #d3f261; --ant-lime-5: #bae637; --ant-lime-6: #a0d911; --ant-lime-7: #7cb305; --ant-lime-8: #5b8c00; --ant-lime-9: #3f6600; --ant-lime-10: #254000; --ant-color-text: rgba(0,0,0,0.88); --ant-color-text-secondary: rgba(0,0,0,0.65); --ant-color-text-tertiary: rgba(0,0,0,0.45); --ant-color-text-quaternary: rgba(0,0,0,0.25); --ant-color-fill: rgba(0,0,0,0.15); --ant-color-fill-secondary: rgba(0,0,0,0.06); --ant-color-fill-tertiary: rgba(0,0,0,0.04); --ant-color-fill-quaternary: rgba(0,0,0,0.02); --ant-color-bg-solid: rgb(0,0,0); --ant-color-bg-solid-hover: rgba(0,0,0,0.75); --ant-color-bg-solid-active: rgba(0,0,0,0.95); --ant-color-bg-layout: #f5f5f5; --ant-color-bg-container: #ffffff; --ant-color-bg-elevated: #ffffff; --ant-color-bg-spotlight: rgba(0,0,0,0.85); --ant-color-bg-blur: transparent; --ant-color-border: #d9d9d9; --ant-color-border-disabled: #d9d9d9; --ant-color-border-secondary: #f0f0f0; --ant-color-primary-bg: #e6f4ff; --ant-color-primary-bg-hover: #bae0ff; --ant-color-primary-border: #91caff; --ant-color-primary-border-hover: #69b1ff; --ant-color-primary-hover: #4096ff; --ant-color-primary-active: #0958d9; --ant-color-primary-text-hover: #4096ff; --ant-color-primary-text: #1677ff; --ant-color-primary-text-active: #0958d9; --ant-color-success-bg: #f6ffed; --ant-color-success-bg-hover: #d9f7be; --ant-color-success-border: #b7eb8f; --ant-color-success-border-hover: #95de64; --ant-color-success-hover: #95de64; --ant-color-success-active: #389e0d; --ant-color-success-text-hover: #73d13d; --ant-color-success-text: #52c41a; --ant-color-success-text-active: #389e0d; --ant-color-error-bg: #fff2f0; --ant-color-error-bg-hover: #fff1f0; --ant-color-error-bg-filled-hover: #ffdfdc; --ant-color-error-bg-active: #ffccc7; --ant-color-error-border: #ffccc7; --ant-color-error-border-hover: #ffa39e; --ant-color-error-hover: #ff7875; --ant-color-error-active: #d9363e; --ant-color-error-text-hover: #ff7875; --ant-color-error-text: #ff4d4f; --ant-color-error-text-active: #d9363e; --ant-color-warning-bg: #fffbe6; --ant-color-warning-bg-hover: #fff1b8; --ant-color-warning-border: #ffe58f; --ant-color-warning-border-hover: #ffd666; --ant-color-warning-hover: #ffd666; --ant-color-warning-active: #d48806; --ant-color-warning-text-hover: #ffc53d; --ant-color-warning-text: #faad14; --ant-color-warning-text-active: #d48806; --ant-color-info-bg: #e6f4ff; --ant-color-info-bg-hover: #bae0ff; --ant-color-info-border: #91caff; --ant-color-info-border-hover: #69b1ff; --ant-color-info-hover: #69b1ff; --ant-color-info-active: #0958d9; --ant-color-info-text-hover: #4096ff; --ant-color-info-text: #1677ff; --ant-color-info-text-active: #0958d9; --ant-color-link-hover: #69b1ff; --ant-color-link-active: #0958d9; --ant-color-bg-mask: rgba(0,0,0,0.45); --ant-color-white: #fff; --ant-font-size-sm: 12px; --ant-font-size-lg: 16px; --ant-font-size-xl: 20px; --ant-font-size-heading-1: 38px; --ant-font-size-heading-2: 30px; --ant-font-size-heading-3: 24px; --ant-font-size-heading-4: 20px; --ant-font-size-heading-5: 16px; --ant-line-height: 1.5714285714285714; --ant-line-height-lg: 1.5; --ant-line-height-sm: 1.6666666666666667; --ant-font-height: 22px; --ant-font-height-lg: 24px; --ant-font-height-sm: 20px; --ant-line-height-heading-1: 1.2105263157894737; --ant-line-height-heading-2: 1.2666666666666666; --ant-line-height-heading-3: 1.3333333333333333; --ant-line-height-heading-4: 1.4; --ant-line-height-heading-5: 1.5; --ant-size-xxl: 48px; --ant-size-xl: 32px; --ant-size-lg: 24px; --ant-size-md: 20px; --ant-size-ms: 16px; --ant-size: 16px; --ant-size-sm: 12px; --ant-size-xs: 8px; --ant-size-xxs: 4px; --ant-control-height-sm: 24px; --ant-control-height-xs: 16px; --ant-control-height-lg: 40px; --ant-motion-duration-fast: 0.1s; --ant-motion-duration-mid: 0.2s; --ant-motion-duration-slow: 0.3s; --ant-line-width-bold: 2px; --ant-border-radius-xs: 2px; --ant-border-radius-sm: 4px; --ant-border-radius-lg: 8px; --ant-border-radius-outer: 4px; --ant-color-fill-content: rgba(0,0,0,0.06); --ant-color-fill-content-hover: rgba(0,0,0,0.15); --ant-color-fill-alter: rgba(0,0,0,0.02); --ant-color-bg-container-disabled: rgba(0,0,0,0.04); --ant-color-border-bg: #ffffff; --ant-color-split: rgba(5,5,5,0.06); --ant-color-text-placeholder: rgba(0,0,0,0.25); --ant-color-text-disabled: rgba(0,0,0,0.25); --ant-color-text-heading: rgba(0,0,0,0.88); --ant-color-text-label: rgba(0,0,0,0.65); --ant-color-text-description: rgba(0,0,0,0.45); --ant-color-text-light-solid: #fff; --ant-color-highlight: #ff4d4f; --ant-color-bg-text-hover: rgba(0,0,0,0.06); --ant-color-bg-text-active: rgba(0,0,0,0.15); --ant-color-icon: rgba(0,0,0,0.45); --ant-color-icon-hover: rgba(0,0,0,0.88); --ant-color-error-outline: rgba(255,38,5,0.06); --ant-color-warning-outline: rgba(255,215,5,0.1); --ant-font-size-icon: 12px; --ant-line-width-focus: 3px; --ant-control-outline-width: 2px; --ant-control-interactive-size: 16px; --ant-control-item-bg-hover: rgba(0,0,0,0.04); --ant-control-item-bg-active: #e6f4ff; --ant-control-item-bg-active-hover: #bae0ff; --ant-control-item-bg-active-disabled: rgba(0,0,0,0.15); --ant-control-tmp-outline: rgba(0,0,0,0.02); --ant-control-outline: rgba(5,145,255,0.1); --ant-font-weight-strong: 600; --ant-opacity-loading: 0.65; --ant-link-decoration: none; --ant-link-hover-decoration: none; --ant-link-focus-decoration: none; --ant-control-padding-horizontal: 12px; --ant-control-padding-horizontal-sm: 8px; --ant-padding-xxs: 4px; --ant-padding-xs: 8px; --ant-padding-sm: 12px; --ant-padding: 16px; --ant-padding-md: 20px; --ant-padding-lg: 24px; --ant-padding-xl: 32px; --ant-padding-content-horizontal-lg: 24px; --ant-padding-content-vertical-lg: 16px; --ant-padding-content-horizontal: 16px; --ant-padding-content-vertical: 12px; --ant-padding-content-horizontal-sm: 16px; --ant-padding-content-vertical-sm: 8px; --ant-margin-xxs: 4px; --ant-margin-xs: 8px; --ant-margin-sm: 12px; --ant-margin: 16px; --ant-margin-md: 20px; --ant-margin-lg: 24px; --ant-margin-xl: 32px; --ant-margin-xxl: 48px; --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
      0 1px 6px -1px rgba(0, 0, 0, 0.02),
      0 2px 4px 0 rgba(0, 0, 0, 0.02); --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05); --ant-box-shadow-card: 0 1px 2px -2px rgba(0,0,0,0.16),
      0 3px 6px 0 rgba(0,0,0,0.12),
      0 5px 12px 4px rgba(0,0,0,0.09); --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08),
      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
      -9px 0 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08),
      3px 0 6px -4px rgba(0, 0, 0, 0.12),
      9px 0 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
      0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 9px 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08),
      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
      0 -9px 28px 8px rgba(0, 0, 0, 0.05); --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); }
a { color: var(--ant-color-link); text-decoration: var(--ant-link-decoration); background-color: transparent; outline: none; cursor: pointer; transition: color var(--ant-motion-duration-slow); }
a:hover { color: var(--ant-color-link-hover); }
a:active { color: var(--ant-color-link-active); }
a:active, a:hover { text-decoration: var(--ant-link-hover-decoration); outline: 0px; }
a:focus { text-decoration: var(--ant-link-focus-decoration); outline: 0px; }
a[disabled] { color: var(--ant-color-text-disabled); cursor: not-allowed; }
a { color: var(--ant-color-link); text-decoration: var(--ant-link-decoration); background-color: transparent; outline: none; cursor: pointer; transition: color var(--ant-motion-duration-slow); }
a:hover { color: var(--ant-color-link-hover); }
a:active { color: var(--ant-color-link-active); }
a:active, a:hover { text-decoration: var(--ant-link-hover-decoration); outline: 0px; }
a:focus { text-decoration: var(--ant-link-focus-decoration); outline: 0px; }
a[disabled] { color: var(--ant-color-text-disabled); cursor: not-allowed; }
.anticon { display: inline-flex; align-items: center; 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; }
.anticon > * { line-height: 1; }
.anticon svg { display: inline-block; }
.anticon .anticon .anticon-icon { display: block; }
.nike-antd-badge { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }
.nike-antd-badge::before, .nike-antd-badge::after { box-sizing: border-box; }
.nike-antd-badge [class^="nike-antd-badge"], .nike-antd-badge [class*=" nike-antd-badge"] { box-sizing: border-box; }
.nike-antd-badge [class^="nike-antd-badge"]::before, .nike-antd-badge [class*=" nike-antd-badge"]::before, .nike-antd-badge [class^="nike-antd-badge"]::after, .nike-antd-badge [class*=" nike-antd-badge"]::after { box-sizing: border-box; }
.nike-antd-badge { box-sizing: border-box; margin: 0px; padding: 0px; color: var(--ant-color-text); font-size: var(--ant-font-size); line-height: 1; list-style: none; font-family: var(--ant-font-family); position: relative; display: inline-block; width: fit-content; }
.nike-antd-badge .nike-antd-badge-count { display: inline-flex; justify-content: center; z-index: var(--ant-badge-indicator-z-index); min-width: var(--ant-badge-indicator-height); height: var(--ant-badge-indicator-height); color: var(--ant-color-text-light-solid); font-weight: var(--ant-badge-text-font-weight); font-size: var(--ant-badge-text-font-size); line-height: var(--ant-badge-indicator-height); white-space: nowrap; text-align: center; background: var(--ant-color-error); border-radius: calc(var(--ant-badge-indicator-height) / 2); box-shadow: 0 0 0 var(--ant-line-width) var(--ant-color-border-bg); transition: background var(--ant-motion-duration-mid); }
.nike-antd-badge .nike-antd-badge-count a { color: var(--ant-color-text-light-solid); }
.nike-antd-badge .nike-antd-badge-count a:hover { color: var(--ant-color-text-light-solid); }
a:hover .nike-antd-badge .nike-antd-badge-count { background: var(--ant-color-error-hover); }
.nike-antd-badge .nike-antd-badge-count-sm { min-width: var(--ant-badge-indicator-height-sm); height: var(--ant-badge-indicator-height-sm); font-size: var(--ant-badge-text-font-size-sm); line-height: var(--ant-badge-indicator-height-sm); border-radius: calc(var(--ant-badge-indicator-height-sm) / 2); }
.nike-antd-badge .nike-antd-badge-multiple-words { padding: 0 var(--ant-padding-xs); }
.nike-antd-badge .nike-antd-badge-multiple-words bdi { unicode-bidi: plaintext; }
.nike-antd-badge .nike-antd-badge-dot { z-index: var(--ant-badge-indicator-z-index); width: var(--ant-badge-dot-size); min-width: var(--ant-badge-dot-size); height: var(--ant-badge-dot-size); background: var(--ant-color-error); border-radius: 100%; box-shadow: 0 0 0 var(--ant-line-width) var(--ant-color-border-bg); }
.nike-antd-badge .nike-antd-badge-count, .nike-antd-badge .nike-antd-badge-dot, .nike-antd-badge .nike-antd-scroll-number-custom-component { position: absolute; top: 0px; inset-inline-end: 0px; transform: translate(50%, -50%); transform-origin: 100% 0%; }
.nike-antd-badge .nike-antd-badge-count.anticon-spin, .nike-antd-badge .nike-antd-badge-dot.anticon-spin, .nike-antd-badge .nike-antd-scroll-number-custom-component.anticon-spin { animation-name: antBadgeLoadingCircle; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; }
.nike-antd-badge.nike-antd-badge-status { line-height: inherit; vertical-align: baseline; }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-dot { position: relative; top: -1px; display: inline-block; width: var(--ant-badge-status-size); height: var(--ant-badge-status-size); vertical-align: middle; border-radius: 50%; }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-success { background-color: var(--ant-color-success); }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-processing { overflow: visible; color: var(--ant-color-info); background-color: var(--ant-color-info); border-color: currentcolor; }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-processing::after { position: absolute; top: 0px; inset-inline-start: 0px; width: 100%; height: 100%; border-width: var(--ant-line-width); border-style: solid; border-color: inherit; border-radius: 50%; animation-name: antStatusProcessing; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; content: ""; }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-default { background-color: var(--ant-color-text-placeholder); }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-error { background-color: var(--ant-color-error); }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-warning { background-color: var(--ant-color-warning); }
.nike-antd-badge.nike-antd-badge-status .nike-antd-badge-status-text { margin-inline-start: var(--ant-margin-xs); color: var(--ant-color-text); font-size: var(--ant-font-size); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-blue { background: var(--ant-blue-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-blue:not(.nike-antd-badge-count) { color: var(--ant-blue-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-blue { background: var(--ant-blue-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-purple { background: var(--ant-purple-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-purple:not(.nike-antd-badge-count) { color: var(--ant-purple-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-purple { background: var(--ant-purple-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-cyan { background: var(--ant-cyan-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-cyan:not(.nike-antd-badge-count) { color: var(--ant-cyan-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-cyan { background: var(--ant-cyan-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-green { background: var(--ant-green-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-green:not(.nike-antd-badge-count) { color: var(--ant-green-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-green { background: var(--ant-green-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-magenta { background: var(--ant-magenta-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-magenta:not(.nike-antd-badge-count) { color: var(--ant-magenta-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-magenta { background: var(--ant-magenta-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-pink { background: var(--ant-pink-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-pink:not(.nike-antd-badge-count) { color: var(--ant-pink-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-pink { background: var(--ant-pink-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-red { background: var(--ant-red-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-red:not(.nike-antd-badge-count) { color: var(--ant-red-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-red { background: var(--ant-red-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-orange { background: var(--ant-orange-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-orange:not(.nike-antd-badge-count) { color: var(--ant-orange-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-orange { background: var(--ant-orange-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-yellow { background: var(--ant-yellow-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-yellow:not(.nike-antd-badge-count) { color: var(--ant-yellow-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-yellow { background: var(--ant-yellow-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-volcano { background: var(--ant-volcano-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-volcano:not(.nike-antd-badge-count) { color: var(--ant-volcano-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-volcano { background: var(--ant-volcano-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-geekblue { background: var(--ant-geekblue-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-geekblue:not(.nike-antd-badge-count) { color: var(--ant-geekblue-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-geekblue { background: var(--ant-geekblue-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-lime { background: var(--ant-lime-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-lime:not(.nike-antd-badge-count) { color: var(--ant-lime-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-lime { background: var(--ant-lime-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-gold { background: var(--ant-gold-6); }
.nike-antd-badge.nike-antd-badge .nike-antd-badge-color-gold:not(.nike-antd-badge-count) { color: var(--ant-gold-6); }
a:hover .nike-antd-badge.nike-antd-badge .nike-antd-badge-color-gold { background: var(--ant-gold-6); }
.nike-antd-badge .nike-antd-badge-zoom-appear, .nike-antd-badge .nike-antd-badge-zoom-enter { animation-name: antZoomBadgeIn; animation-duration: var(--ant-motion-duration-slow); animation-timing-function: var(--ant-motion-ease-out-back); animation-fill-mode: both; }
.nike-antd-badge .nike-antd-badge-zoom-leave { animation-name: antZoomBadgeOut; animation-duration: var(--ant-motion-duration-slow); animation-timing-function: var(--ant-motion-ease-out-back); animation-fill-mode: both; }
.nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-badge-zoom-appear, .nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-badge-zoom-enter { animation-name: antNoWrapperZoomBadgeIn; animation-duration: var(--ant-motion-duration-slow); animation-timing-function: var(--ant-motion-ease-out-back); }
.nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-badge-zoom-leave { animation-name: antNoWrapperZoomBadgeOut; animation-duration: var(--ant-motion-duration-slow); animation-timing-function: var(--ant-motion-ease-out-back); }
.nike-antd-badge.nike-antd-badge-not-a-wrapper:not(.nike-antd-badge-status) { vertical-align: middle; }
.nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-scroll-number-custom-component, .nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-badge-count { transform: none; }
.nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-scroll-number-custom-component, .nike-antd-badge.nike-antd-badge-not-a-wrapper .nike-antd-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; }
.nike-antd-badge .nike-antd-scroll-number { overflow: hidden; transition: all var(--ant-motion-duration-mid) var(--ant-motion-ease-out-back); }
.nike-antd-badge .nike-antd-scroll-number .nike-antd-scroll-number-only { position: relative; display: inline-block; height: var(--ant-badge-indicator-height); transition: all var(--ant-motion-duration-slow) var(--ant-motion-ease-out-back); transform-style: preserve-3d; backface-visibility: hidden; }
.nike-antd-badge .nike-antd-scroll-number .nike-antd-scroll-number-only > p.nike-antd-scroll-number-only-unit { height: var(--ant-badge-indicator-height); margin: 0px; transform-style: preserve-3d; backface-visibility: hidden; }
.nike-antd-badge .nike-antd-scroll-number .nike-antd-scroll-number-symbol { vertical-align: top; }
.nike-antd-badge-rtl { direction: rtl; }
.nike-antd-badge-rtl .nike-antd-badge-count, .nike-antd-badge-rtl .nike-antd-badge-dot, .nike-antd-badge-rtl .nike-antd-scroll-number-custom-component { transform: translate(-50%, -50%); }
@keyframes antBadgeLoadingCircle { 
  0% { transform-origin: 50% center; }
  100% { transform: translate(50%, -50%) rotate(360deg); transform-origin: 50% center; }
}
@keyframes antStatusProcessing { 
  0% { transform: scale(0.8); opacity: 0.5; }
  100% { transform: scale(2.4); opacity: 0; }
}
@keyframes antZoomBadgeIn { 
  0% { transform: scale(0) translate(50%, -50%); opacity: 0; }
  100% { transform: scale(1) translate(50%, -50%); }
}
@keyframes antZoomBadgeOut { 
  0% { transform: scale(1) translate(50%, -50%); }
  100% { transform: scale(0) translate(50%, -50%); opacity: 0; }
}
@keyframes antNoWrapperZoomBadgeIn { 
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); }
}
@keyframes antNoWrapperZoomBadgeOut { 
  0% { transform: scale(1); }
  100% { transform: scale(0); opacity: 0; }
}
.css-var-root.nike-antd-badge { --ant-badge-indicator-z-index: auto; --ant-badge-indicator-height: 20px; --ant-badge-indicator-height-sm: 14px; --ant-badge-dot-size: 6px; --ant-badge-text-font-size: 12px; --ant-badge-text-font-size-sm: 12px; --ant-badge-text-font-weight: normal; --ant-badge-status-size: 6px; }
.nike-antd-tabs-css-var { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }
.nike-antd-tabs-css-var::before, .nike-antd-tabs-css-var::after { box-sizing: border-box; }
.nike-antd-tabs-css-var [class^="nike-antd-tabs"], .nike-antd-tabs-css-var [class*=" nike-antd-tabs"] { box-sizing: border-box; }
.nike-antd-tabs-css-var [class^="nike-antd-tabs"]::before, .nike-antd-tabs-css-var [class*=" nike-antd-tabs"]::before, .nike-antd-tabs-css-var [class^="nike-antd-tabs"]::after, .nike-antd-tabs-css-var [class*=" nike-antd-tabs"]::after { box-sizing: border-box; }
.nike-antd-tabs-small > .nike-antd-tabs-nav .nike-antd-tabs-tab { padding: var(--ant-tabs-horizontal-item-padding-sm); font-size: var(--ant-tabs-title-font-size-sm); }
.nike-antd-tabs-large > .nike-antd-tabs-nav .nike-antd-tabs-tab { padding: var(--ant-tabs-horizontal-item-padding-lg); font-size: var(--ant-tabs-title-font-size-lg); line-height: var(--ant-line-height-lg); }
.nike-antd-tabs-card.nike-antd-tabs-small > .nike-antd-tabs-nav .nike-antd-tabs-tab { padding: var(--ant-tabs-card-padding-sm); }
.nike-antd-tabs-card.nike-antd-tabs-small > .nike-antd-tabs-nav .nike-antd-tabs-nav-add { min-width: var(--ant-tabs-card-height-sm); min-height: var(--ant-tabs-card-height-sm); }
.nike-antd-tabs-card.nike-antd-tabs-small.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: 0 0 var(--ant-border-radius) var(--ant-border-radius); }
.nike-antd-tabs-card.nike-antd-tabs-small.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: var(--ant-border-radius) var(--ant-border-radius) 0 0; }
.nike-antd-tabs-card.nike-antd-tabs-small.nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: 0 var(--ant-border-radius) var(--ant-border-radius) 0; }
.nike-antd-tabs-card.nike-antd-tabs-small.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: var(--ant-border-radius) 0 0 var(--ant-border-radius); }
.nike-antd-tabs-card.nike-antd-tabs-large > .nike-antd-tabs-nav .nike-antd-tabs-tab { padding: var(--ant-tabs-card-padding-lg); }
.nike-antd-tabs-card.nike-antd-tabs-large > .nike-antd-tabs-nav .nike-antd-tabs-nav-add { min-width: var(--ant-tabs-card-height-lg); min-height: var(--ant-tabs-card-height-lg); }
.nike-antd-tabs-rtl { direction: rtl; }
.nike-antd-tabs-rtl .nike-antd-tabs-nav .nike-antd-tabs-tab { margin: 0 0 0 var(--ant-tabs-horizontal-item-gutter); }
.nike-antd-tabs-rtl .nike-antd-tabs-nav .nike-antd-tabs-tab .nike-antd-tabs-tab:last-of-type { margin-left: 0px; }
.nike-antd-tabs-rtl .nike-antd-tabs-nav .nike-antd-tabs-tab .anticon { margin-right: 0px; margin-left: var(--ant-margin-sm); }
.nike-antd-tabs-rtl .nike-antd-tabs-nav .nike-antd-tabs-tab .nike-antd-tabs-tab-remove { margin-right: var(--ant-margin-xs); margin-left: calc(var(--ant-margin-xxs) * -1); }
.nike-antd-tabs-rtl .nike-antd-tabs-nav .nike-antd-tabs-tab .nike-antd-tabs-tab-remove .anticon { margin: 0px; }
.nike-antd-tabs-rtl.nike-antd-tabs-left > .nike-antd-tabs-nav { order: 1; }
.nike-antd-tabs-rtl.nike-antd-tabs-left > .nike-antd-tabs-content-holder { order: 0; }
.nike-antd-tabs-rtl.nike-antd-tabs-right > .nike-antd-tabs-nav { order: 0; }
.nike-antd-tabs-rtl.nike-antd-tabs-right > .nike-antd-tabs-content-holder { order: 1; }
.nike-antd-tabs-rtl.nike-antd-tabs-card.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-rtl.nike-antd-tabs-card.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-rtl.nike-antd-tabs-card.nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-rtl.nike-antd-tabs-card.nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab { margin-right: var(--ant-tabs-card-gutter); margin-left: 0px; }
.nike-antd-tabs-dropdown-rtl { direction: rtl; }
.nike-antd-tabs-menu-item .nike-antd-tabs-dropdown-rtl { text-align: right; }
.nike-antd-tabs-top, .nike-antd-tabs-bottom { flex-direction: column; }
.nike-antd-tabs-top > .nike-antd-tabs-nav, .nike-antd-tabs-bottom > .nike-antd-tabs-nav, .nike-antd-tabs-top > div > .nike-antd-tabs-nav, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav { margin: var(--ant-tabs-horizontal-margin); }
.nike-antd-tabs-top > .nike-antd-tabs-nav::before, .nike-antd-tabs-bottom > .nike-antd-tabs-nav::before, .nike-antd-tabs-top > div > .nike-antd-tabs-nav::before, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav::before { position: absolute; right: 0px; left: 0px; border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border-secondary); content: ""; }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { height: var(--ant-line-width-bold); }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated { transition: width var(--ant-motion-duration-slow),left var(--ant-motion-duration-slow),right var(--ant-motion-duration-slow); }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after { top: 0px; bottom: 0px; width: var(--ant-control-height); }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before { left: 0px; box-shadow: var(--ant-box-shadow-tabs-overflow-left); }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after { right: 0px; box-shadow: var(--ant-box-shadow-tabs-overflow-right); }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-left::before, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-left::before, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-left::before, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-left::before { opacity: 1; }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-right::after, .nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-right::after, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-right::after, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-right::after { opacity: 1; }
.nike-antd-tabs-top > .nike-antd-tabs-nav::before, .nike-antd-tabs-top > div > .nike-antd-tabs-nav::before { bottom: 0px; }
.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { bottom: 0px; }
.nike-antd-tabs-bottom > .nike-antd-tabs-nav, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav { order: 1; margin-top: var(--ant-margin); margin-bottom: 0px; }
.nike-antd-tabs-bottom > .nike-antd-tabs-nav::before, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav::before { top: 0px; }
.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { top: 0px; }
.nike-antd-tabs-bottom > .nike-antd-tabs-content-holder, .nike-antd-tabs-bottom > div > .nike-antd-tabs-content-holder { order: 0; }
.nike-antd-tabs-left > .nike-antd-tabs-nav, .nike-antd-tabs-right > .nike-antd-tabs-nav, .nike-antd-tabs-left > div > .nike-antd-tabs-nav, .nike-antd-tabs-right > div > .nike-antd-tabs-nav { flex-direction: column; min-width: calc(var(--ant-control-height) * 1.25); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { padding: var(--ant-tabs-vertical-item-padding); text-align: center; }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab { margin: var(--ant-tabs-vertical-item-margin); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap { flex-direction: column; }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after { right: 0px; left: 0px; height: var(--ant-control-height); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before { top: 0px; box-shadow: var(--ant-box-shadow-tabs-overflow-top); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after { bottom: 0px; box-shadow: var(--ant-box-shadow-tabs-overflow-bottom); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-top::before, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-top::before, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-top::before, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-top::before { opacity: 1; }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-bottom::after, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-bottom::after, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-bottom::after, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap.nike-antd-tabs-nav-wrap-ping-bottom::after { opacity: 1; }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { width: var(--ant-line-width-bold); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar-animated { transition: height var(--ant-motion-duration-slow),top var(--ant-motion-duration-slow); }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-list, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-list, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-list, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-list, .nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations, .nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; }
.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { right: 0px; }
.nike-antd-tabs-left > .nike-antd-tabs-content-holder, .nike-antd-tabs-left > div > .nike-antd-tabs-content-holder { margin-left: calc(var(--ant-line-width) * -1); border-left: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border); }
.nike-antd-tabs-left > .nike-antd-tabs-content-holder > .nike-antd-tabs-content > .nike-antd-tabs-tabpane, .nike-antd-tabs-left > div > .nike-antd-tabs-content-holder > .nike-antd-tabs-content > .nike-antd-tabs-tabpane { padding-left: var(--ant-padding-lg); }
.nike-antd-tabs-right > .nike-antd-tabs-nav, .nike-antd-tabs-right > div > .nike-antd-tabs-nav { order: 1; }
.nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { left: 0px; }
.nike-antd-tabs-right > .nike-antd-tabs-content-holder, .nike-antd-tabs-right > div > .nike-antd-tabs-content-holder { order: 0; margin-right: calc(var(--ant-line-width) * -1); border-right: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border); }
.nike-antd-tabs-right > .nike-antd-tabs-content-holder > .nike-antd-tabs-content > .nike-antd-tabs-tabpane, .nike-antd-tabs-right > div > .nike-antd-tabs-content-holder > .nike-antd-tabs-content > .nike-antd-tabs-tabpane { padding-right: var(--ant-padding-lg); }
.nike-antd-tabs-dropdown { box-sizing: border-box; margin: 0px; padding: 0px; color: var(--ant-color-text); font-size: var(--ant-font-size); line-height: var(--ant-line-height); list-style: none; font-family: var(--ant-font-family); position: absolute; top: -9999px; left: -9999px; z-index: var(--ant-tabs-z-index-popup); display: block; }
.nike-antd-tabs-dropdown-hidden { display: none; }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu { max-height: 200px; margin: 0px; padding: var(--ant-padding-xxs) 0; overflow: hidden auto; text-align: left; list-style-type: none; background-color: var(--ant-color-bg-container); background-clip: padding-box; border-radius: var(--ant-border-radius-lg); outline: none; box-shadow: var(--ant-box-shadow-secondary); }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; align-items: center; min-width: 120px; margin: 0px; padding: var(--ant-padding-xxs) var(--ant-padding-sm); color: var(--ant-color-text); font-weight: normal; font-size: var(--ant-font-size); line-height: var(--ant-line-height); cursor: pointer; transition: all var(--ant-motion-duration-slow); }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item > span { flex: 1 1 0%; white-space: nowrap; }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item-remove { flex: 0 0 auto; margin-left: var(--ant-margin-sm); color: var(--ant-color-icon); font-size: var(--ant-font-size-sm); background: transparent; border: 0px; cursor: pointer; }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item-remove:hover { color: var(--ant-tabs-item-hover-color); }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item:hover { background: var(--ant-control-item-bg-hover); }
.nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item-disabled, .nike-antd-tabs-dropdown .nike-antd-tabs-dropdown-menu-item-disabled:hover { color: var(--ant-color-text-disabled); background: transparent; cursor: not-allowed; }
.nike-antd-tabs-card > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-card > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { margin: 0px; padding: var(--ant-tabs-card-padding); background: var(--ant-tabs-card-bg); border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border-secondary); transition: all var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out); }
.nike-antd-tabs-card > .nike-antd-tabs-nav .nike-antd-tabs-tab-active, .nike-antd-tabs-card > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-active { color: var(--ant-tabs-item-selected-color); background: var(--ant-color-bg-container); }
.nike-antd-tabs-card > .nike-antd-tabs-nav .nike-antd-tabs-tab-focus:has(.nike-antd-tabs-tab-btn:focus-visible), .nike-antd-tabs-card > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-focus:has(.nike-antd-tabs-tab-btn:focus-visible) { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: -3px; transition: outline-offset, outline; }
.nike-antd-tabs-card > .nike-antd-tabs-nav .nike-antd-tabs-tab.nike-antd-tabs-tab-focus .nike-antd-tabs-tab-btn:focus-visible, .nike-antd-tabs-card > div > .nike-antd-tabs-nav .nike-antd-tabs-tab.nike-antd-tabs-tab-focus .nike-antd-tabs-tab-btn:focus-visible { outline: none; }
.nike-antd-tabs-card > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar, .nike-antd-tabs-card > div > .nike-antd-tabs-nav .nike-antd-tabs-ink-bar { visibility: hidden; }
.nike-antd-tabs-card.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab { margin-left: var(--ant-tabs-card-gutter); }
.nike-antd-tabs-card.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0; }
.nike-antd-tabs-card.nike-antd-tabs-top > .nike-antd-tabs-nav .nike-antd-tabs-tab-active, .nike-antd-tabs-card.nike-antd-tabs-top > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-active { border-bottom-color: var(--ant-color-bg-container); }
.nike-antd-tabs-card.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: 0 0 var(--ant-border-radius-lg) var(--ant-border-radius-lg); }
.nike-antd-tabs-card.nike-antd-tabs-bottom > .nike-antd-tabs-nav .nike-antd-tabs-tab-active, .nike-antd-tabs-card.nike-antd-tabs-bottom > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-active { border-top-color: var(--ant-color-bg-container); }
.nike-antd-tabs-card.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-tab + .nike-antd-tabs-tab { margin-top: var(--ant-tabs-card-gutter); }
.nike-antd-tabs-card.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: var(--ant-border-radius-lg) 0 0 var(--ant-border-radius-lg); }
.nike-antd-tabs-card.nike-antd-tabs-left > .nike-antd-tabs-nav .nike-antd-tabs-tab-active, .nike-antd-tabs-card.nike-antd-tabs-left > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-active { border-right-color: var(--ant-color-bg-container); }
.nike-antd-tabs-card.nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab, .nike-antd-tabs-card.nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-tab { border-radius: 0 var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0; }
.nike-antd-tabs-card.nike-antd-tabs-right > .nike-antd-tabs-nav .nike-antd-tabs-tab-active, .nike-antd-tabs-card.nike-antd-tabs-right > div > .nike-antd-tabs-nav .nike-antd-tabs-tab-active { border-left-color: var(--ant-color-bg-container); }
.nike-antd-tabs { box-sizing: border-box; margin: 0px; padding: 0px; color: var(--ant-color-text); font-size: var(--ant-font-size); line-height: var(--ant-line-height); list-style: none; font-family: var(--ant-font-family); display: flex; }
.nike-antd-tabs > .nike-antd-tabs-nav, .nike-antd-tabs > div > .nike-antd-tabs-nav { position: relative; display: flex; flex: 0 0 auto; align-items: center; }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap { position: relative; display: flex; flex: 1 1 auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0px); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::before, .nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity var(--ant-motion-duration-slow); content: ""; pointer-events: none; }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-list, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-list { position: relative; display: flex; transition: opacity var(--ant-motion-duration-slow); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations { display: flex; align-self: stretch; }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations-hidden, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-more, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-more { position: relative; padding: var(--ant-tabs-card-padding); background: transparent; border: 0px; color: var(--ant-color-text); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-more::after, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-more::after { position: absolute; right: 0px; bottom: 0px; left: 0px; height: calc(var(--ant-control-height-lg) / 8); transform: translateY(100%); content: ""; }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-add, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-add { min-width: var(--ant-tabs-card-height); min-height: var(--ant-tabs-card-height); margin-left: var(--ant-tabs-card-gutter); background: transparent; border: var(--ant-line-width) var(--ant-line-type) var(--ant-color-border-secondary); border-radius: var(--ant-border-radius-lg) var(--ant-border-radius-lg) 0 0; outline: none; cursor: pointer; color: var(--ant-color-text); transition: all var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:hover, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:hover { color: var(--ant-tabs-item-hover-color); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:active, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:active, .nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:focus:not(:focus-visible), .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:focus:not(:focus-visible) { color: var(--ant-tabs-item-active-color); }
.nike-antd-tabs > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:focus-visible, .nike-antd-tabs > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-add:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: -3px; transition: outline-offset, outline; }
.nike-antd-tabs .nike-antd-tabs-extra-content { flex: 0 0 auto; }
.nike-antd-tabs .nike-antd-tabs-ink-bar { position: absolute; background: var(--ant-tabs-ink-bar-color); pointer-events: none; }
.nike-antd-tabs .nike-antd-tabs-tab { position: relative; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; padding: var(--ant-tabs-horizontal-item-padding); font-size: var(--ant-tabs-title-font-size); background: transparent; border: 0px; outline: none; cursor: pointer; color: var(--ant-tabs-item-color); }
.nike-antd-tabs .nike-antd-tabs-tab-btn:focus:not(:focus-visible), .nike-antd-tabs .nike-antd-tabs-tab-remove:focus:not(:focus-visible), .nike-antd-tabs .nike-antd-tabs-tab-btn:active, .nike-antd-tabs .nike-antd-tabs-tab-remove:active { color: var(--ant-tabs-item-active-color); }
.nike-antd-tabs .nike-antd-tabs-tab-btn { outline: none; transition: all var(--ant-motion-duration-slow); }
.nike-antd-tabs .nike-antd-tabs-tab-btn .nike-antd-tabs-tab-icon:not(:last-child) { margin-inline-end: var(--ant-margin-sm); }
.nike-antd-tabs .nike-antd-tabs-tab-remove { flex: 0 0 auto; line-height: 1; margin-right: calc(var(--ant-margin-xxs) * -1); margin-left: var(--ant-margin-xs); color: var(--ant-color-icon); font-size: var(--ant-font-size-sm); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; cursor: pointer; transition: all var(--ant-motion-duration-slow); }
.nike-antd-tabs .nike-antd-tabs-tab-remove:hover { color: var(--ant-color-text-heading); }
.nike-antd-tabs .nike-antd-tabs-tab-remove:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
.nike-antd-tabs .nike-antd-tabs-tab:hover { color: var(--ant-tabs-item-hover-color); }
.nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-active .nike-antd-tabs-tab-btn { color: var(--ant-tabs-item-selected-color); }
.nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-focus .nike-antd-tabs-tab-btn:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
.nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-disabled { color: var(--ant-color-text-disabled); cursor: not-allowed; }
.nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-disabled .nike-antd-tabs-tab-btn:focus, .nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-disabled .nike-antd-tabs-remove:focus, .nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-disabled .nike-antd-tabs-tab-btn:active, .nike-antd-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-disabled .nike-antd-tabs-remove:active { color: var(--ant-color-text-disabled); }
.nike-antd-tabs .nike-antd-tabs-tab .nike-antd-tabs-tab-remove .anticon { margin: 0px; vertical-align: middle; }
.nike-antd-tabs .nike-antd-tabs-tab .anticon:not(:last-child) { margin-right: var(--ant-margin-sm); }
.nike-antd-tabs .nike-antd-tabs-tab + .nike-antd-tabs-tab { margin: 0 0 0 var(--ant-tabs-horizontal-item-gutter); }
.nike-antd-tabs .nike-antd-tabs-content { position: relative; width: 100%; }
.nike-antd-tabs .nike-antd-tabs-content-holder { flex: 1 1 auto; min-width: 0px; min-height: 0px; }
.nike-antd-tabs .nike-antd-tabs-tabpane:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
.nike-antd-tabs .nike-antd-tabs-tabpane-hidden { display: none; }
.nike-antd-tabs-centered > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap:not([class*=".nike-antd-tabs-nav-wrap-ping"]) > .nike-antd-tabs-nav-list, .nike-antd-tabs-centered > div > .nike-antd-tabs-nav .nike-antd-tabs-nav-wrap:not([class*=".nike-antd-tabs-nav-wrap-ping"]) > .nike-antd-tabs-nav-list { margin: auto; }
.nike-antd-tabs .nike-antd-tabs-switch-appear, .nike-antd-tabs .nike-antd-tabs-switch-enter { transition: none; }
.nike-antd-tabs .nike-antd-tabs-switch-appear-start, .nike-antd-tabs .nike-antd-tabs-switch-enter-start { opacity: 0; }
.nike-antd-tabs .nike-antd-tabs-switch-appear-active, .nike-antd-tabs .nike-antd-tabs-switch-enter-active { opacity: 1; transition: opacity var(--ant-motion-duration-slow); }
.nike-antd-tabs .nike-antd-tabs-switch-leave { position: absolute; transition: none; inset: 0px; }
.nike-antd-tabs .nike-antd-tabs-switch-leave-start { opacity: 1; }
.nike-antd-tabs .nike-antd-tabs-switch-leave-active { opacity: 0; transition: opacity var(--ant-motion-duration-slow); }
.nike-antd-slide-up-enter, .nike-antd-slide-up-appear { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-slide-up-leave { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-slide-up-enter.nike-antd-slide-up-enter-active, .nike-antd-slide-up-appear.nike-antd-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; }
.nike-antd-slide-up-leave.nike-antd-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; }
.nike-antd-slide-up-enter, .nike-antd-slide-up-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: var(--ant-motion-ease-out-quint); }
.nike-antd-slide-up-enter-prepare, .nike-antd-slide-up-appear-prepare { transform: scale(1); }
.nike-antd-slide-up-leave { animation-timing-function: var(--ant-motion-ease-in-quint); }
.nike-antd-slide-down-enter, .nike-antd-slide-down-appear { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-slide-down-leave { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-slide-down-enter.nike-antd-slide-down-enter-active, .nike-antd-slide-down-appear.nike-antd-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; }
.nike-antd-slide-down-leave.nike-antd-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; }
.nike-antd-slide-down-enter, .nike-antd-slide-down-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: var(--ant-motion-ease-out-quint); }
.nike-antd-slide-down-enter-prepare, .nike-antd-slide-down-appear-prepare { transform: scale(1); }
.nike-antd-slide-down-leave { animation-timing-function: var(--ant-motion-ease-in-quint); }
@keyframes antSlideUpIn { 
  0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; }
  100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; }
}
@keyframes antSlideUpOut { 
  0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; }
  100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; }
}
@keyframes antSlideDownIn { 
  0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; }
  100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; }
}
@keyframes antSlideDownOut { 
  0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; }
  100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; }
}
.css-var-root.nike-antd-tabs-css-var { --ant-tabs-z-index-popup: 1050; --ant-tabs-card-bg: rgba(0,0,0,0.02); --ant-tabs-card-height: 40px; --ant-tabs-card-height-sm: 32px; --ant-tabs-card-height-lg: 48px; --ant-tabs-card-padding: 8px 16px; --ant-tabs-card-padding-sm: 4px 8px; --ant-tabs-card-padding-lg: 11px 16px; --ant-tabs-title-font-size: 14px; --ant-tabs-title-font-size-lg: 16px; --ant-tabs-title-font-size-sm: 14px; --ant-tabs-ink-bar-color: #1677ff; --ant-tabs-horizontal-margin: 0 0 16px 0; --ant-tabs-horizontal-item-gutter: 32px; --ant-tabs-horizontal-item-margin: ; --ant-tabs-horizontal-item-margin-rtl: ; --ant-tabs-horizontal-item-padding: 12px 0; --ant-tabs-horizontal-item-padding-sm: 8px 0; --ant-tabs-horizontal-item-padding-lg: 16px 0; --ant-tabs-vertical-item-padding: 8px 24px; --ant-tabs-vertical-item-margin: 16px 0 0 0; --ant-tabs-item-color: rgba(0,0,0,0.88); --ant-tabs-item-selected-color: #1677ff; --ant-tabs-item-hover-color: #4096ff; --ant-tabs-item-active-color: #0958d9; --ant-tabs-card-gutter: 2px; }
.nike-antd-wave { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }
.nike-antd-wave::before, .nike-antd-wave::after { box-sizing: border-box; }
.nike-antd-wave [class^="nike-antd-wave"], .nike-antd-wave [class*=" nike-antd-wave"] { box-sizing: border-box; }
.nike-antd-wave [class^="nike-antd-wave"]::before, .nike-antd-wave [class*=" nike-antd-wave"]::before, .nike-antd-wave [class^="nike-antd-wave"]::after, .nike-antd-wave [class*=" nike-antd-wave"]::after { box-sizing: border-box; }
.nike-antd-wave { position: absolute; background: transparent; pointer-events: none; box-sizing: border-box; color: var(--wave-color, var(--ant-color-primary)); box-shadow: currentcolor 0px 0px 0px 0px; opacity: 0.2; }
.nike-antd-wave.wave-motion-appear { transition: box-shadow 0.4s var(--ant-motion-ease-out-circ),opacity 2s var(--ant-motion-ease-out-circ); }
.nike-antd-wave.wave-motion-appear-active { box-shadow: currentcolor 0px 0px 0px 6px; opacity: 0; }
.nike-antd-wave.wave-motion-appear.wave-quick { transition: box-shadow var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out),opacity var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out); }
.nike-antd-btn { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }
.nike-antd-btn::before, .nike-antd-btn::after { box-sizing: border-box; }
.nike-antd-btn [class^="nike-antd-btn"], .nike-antd-btn [class*=" nike-antd-btn"] { box-sizing: border-box; }
.nike-antd-btn [class^="nike-antd-btn"]::before, .nike-antd-btn [class*=" nike-antd-btn"]::before, .nike-antd-btn [class^="nike-antd-btn"]::after, .nike-antd-btn [class*=" nike-antd-btn"]::after { box-sizing: border-box; }
.nike-antd-btn { outline: none; position: relative; display: inline-flex; gap: var(--ant-button-icon-gap); align-items: center; justify-content: center; font-weight: var(--ant-button-font-weight); white-space: nowrap; text-align: center; background-image: none; cursor: pointer; transition: all var(--ant-motion-duration-mid) var(--ant-motion-ease-in-out); user-select: none; touch-action: manipulation; }
.nike-antd-btn:disabled > * { pointer-events: none; }
.nike-antd-btn .nike-antd-btn-icon > svg { display: inline-flex; align-items: center; 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; }
.nike-antd-btn .nike-antd-btn-icon > svg > * { line-height: 1; }
.nike-antd-btn .nike-antd-btn-icon > svg svg { display: inline-block; }
.nike-antd-btn > a { color: currentcolor; }
.nike-antd-btn:not(:disabled):focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
.nike-antd-btn.nike-antd-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; }
.nike-antd-btn.nike-antd-btn-two-chinese-chars > :not(.anticon) { margin-inline-end: -0.34em; letter-spacing: 0.34em; }
.nike-antd-btn.nike-antd-btn-icon-only { padding-inline: 0px; }
.nike-antd-btn.nike-antd-btn-icon-only.nike-antd-btn-compact-item { flex: 0 0 auto; }
.nike-antd-btn.nike-antd-btn-loading { opacity: var(--ant-opacity-loading); cursor: default; }
.nike-antd-btn .nike-antd-btn-loading-icon { transition: width var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out),opacity var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out),margin var(--ant-motion-duration-slow) var(--ant-motion-ease-in-out); }
.nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-appear-start, .nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-enter-start { margin-inline-end: calc(var(--ant-button-icon-gap) * -1); }
.nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-appear-active, .nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-enter-active { margin-inline-end: 0px; }
.nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-leave-start { margin-inline-end: 0px; }
.nike-antd-btn:not(.nike-antd-btn-icon-end) .nike-antd-btn-loading-icon-motion-leave-active { margin-inline-end: calc(var(--ant-button-icon-gap) * -1); }
.nike-antd-btn-icon-end { flex-direction: row-reverse; }
.nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-appear-start, .nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-enter-start { margin-inline-start: calc(var(--ant-button-icon-gap) * -1); }
.nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-appear-active, .nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-enter-active { margin-inline-start: 0px; }
.nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-leave-start { margin-inline-start: 0px; }
.nike-antd-btn-icon-end .nike-antd-btn-loading-icon-motion-leave-active { margin-inline-start: calc(var(--ant-button-icon-gap) * -1); }
.nike-antd-btn { font-size: var(--ant-button-content-font-size); height: var(--ant-control-height); padding: 0px var(--ant-button-padding-inline); border-radius: var(--ant-border-radius); }
.nike-antd-btn.nike-antd-btn-icon-only { width: var(--ant-control-height); }
.nike-antd-btn.nike-antd-btn-icon-only .anticon { font-size: var(--ant-button-only-icon-size); }
.nike-antd-btn.nike-antd-btn-circle.nike-antd-btn { min-width: var(--ant-control-height); padding-inline: 0px; border-radius: 50%; }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn { border-radius: var(--ant-control-height); }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn:not(.nike-antd-btn-icon-only) { padding-inline: var(--ant-button-padding-inline); }
.nike-antd-btn-sm { font-size: var(--ant-button-content-font-size-sm); height: var(--ant-control-height-sm); padding: 0px var(--ant-button-padding-inline-sm); border-radius: var(--ant-border-radius-sm); }
.nike-antd-btn-sm.nike-antd-btn-icon-only { width: var(--ant-control-height-sm); }
.nike-antd-btn-sm.nike-antd-btn-icon-only .anticon { font-size: var(--ant-button-only-icon-size-sm); }
.nike-antd-btn.nike-antd-btn-circle.nike-antd-btn-sm { min-width: var(--ant-control-height-sm); padding-inline: 0px; border-radius: 50%; }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn-sm { border-radius: var(--ant-control-height-sm); }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn-sm:not(.nike-antd-btn-icon-only) { padding-inline: var(--ant-button-padding-inline-sm); }
.nike-antd-btn-lg { font-size: var(--ant-button-content-font-size-lg); height: var(--ant-control-height-lg); padding: 0px var(--ant-button-padding-inline-lg); border-radius: var(--ant-border-radius-lg); }
.nike-antd-btn-lg.nike-antd-btn-icon-only { width: var(--ant-control-height-lg); }
.nike-antd-btn-lg.nike-antd-btn-icon-only .anticon { font-size: var(--ant-button-only-icon-size-lg); }
.nike-antd-btn.nike-antd-btn-circle.nike-antd-btn-lg { min-width: var(--ant-control-height-lg); padding-inline: 0px; border-radius: 50%; }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn-lg { border-radius: var(--ant-control-height-lg); }
.nike-antd-btn.nike-antd-btn-round.nike-antd-btn-lg:not(.nike-antd-btn-icon-only) { padding-inline: var(--ant-button-padding-inline-lg); }
.nike-antd-btn.nike-antd-btn-block { width: 100%; }
.nike-antd-btn { --nike-antd-btn-border-width: 1px; --nike-antd-btn-border-color: #000; --nike-antd-btn-border-color-hover: var(--nike-antd-btn-border-color); --nike-antd-btn-border-color-active: var(--nike-antd-btn-border-color); --nike-antd-btn-border-color-disabled: var(--nike-antd-btn-border-color); --nike-antd-btn-border-style: solid; --nike-antd-btn-text-color: #000; --nike-antd-btn-text-color-hover: var(--nike-antd-btn-text-color); --nike-antd-btn-text-color-active: var(--nike-antd-btn-text-color); --nike-antd-btn-text-color-disabled: var(--nike-antd-btn-text-color); --nike-antd-btn-bg-color: #ddd; --nike-antd-btn-bg-color-hover: var(--nike-antd-btn-bg-color); --nike-antd-btn-bg-color-active: var(--nike-antd-btn-bg-color); --nike-antd-btn-bg-color-disabled: var(--ant-color-bg-container-disabled); --nike-antd-btn-bg-color-container: var(--ant-color-bg-container); --nike-antd-btn-shadow: none; border: var(--nike-antd-btn-border-width) var(--nike-antd-btn-border-style) var(--nike-antd-btn-border-color); color: var(--nike-antd-btn-text-color); background-color: var(--nike-antd-btn-bg-color); }
.nike-antd-btn:not(:disabled):not(.nike-antd-btn-disabled):hover { border: var(--nike-antd-btn-border-width) var(--nike-antd-btn-border-style) var(--nike-antd-btn-border-color-hover); color: var(--nike-antd-btn-text-color-hover); background-color: var(--nike-antd-btn-bg-color-hover); }
.nike-antd-btn:not(:disabled):not(.nike-antd-btn-disabled):active { border: var(--nike-antd-btn-border-width) var(--nike-antd-btn-border-style) var(--nike-antd-btn-border-color-active); color: var(--nike-antd-btn-text-color-active); background-color: var(--nike-antd-btn-bg-color-active); }
.nike-antd-btn.nike-antd-btn-variant-solid { --nike-antd-btn-solid-bg-color: var(--nike-antd-btn-color-base); --nike-antd-btn-solid-bg-color-hover: var(--nike-antd-btn-color-hover); --nike-antd-btn-solid-bg-color-active: var(--nike-antd-btn-color-active); --nike-antd-btn-border-color: transparent; --nike-antd-btn-text-color: var(--ant-color-text-light-solid); --nike-antd-btn-bg-color: var(--nike-antd-btn-solid-bg-color); --nike-antd-btn-bg-color-hover: var(--nike-antd-btn-solid-bg-color-hover); --nike-antd-btn-bg-color-active: var(--nike-antd-btn-solid-bg-color-active); box-shadow: var(--nike-antd-btn-shadow); }
.nike-antd-btn.nike-antd-btn-variant-outlined, .nike-antd-btn.nike-antd-btn-variant-dashed { --nike-antd-btn-border-color: var(--nike-antd-btn-color-base); --nike-antd-btn-border-color-hover: var(--nike-antd-btn-color-hover); --nike-antd-btn-border-color-active: var(--nike-antd-btn-color-active); --nike-antd-btn-bg-color: var(--nike-antd-btn-bg-color-container); --nike-antd-btn-text-color: var(--nike-antd-btn-color-base); --nike-antd-btn-text-color-hover: var(--nike-antd-btn-color-hover); --nike-antd-btn-text-color-active: var(--nike-antd-btn-color-active); box-shadow: var(--nike-antd-btn-shadow); }
.nike-antd-btn.nike-antd-btn-variant-dashed { --nike-antd-btn-border-style: dashed; --nike-antd-btn-bg-color-disabled: var(--ant-button-dashed-bg-disabled); }
.nike-antd-btn.nike-antd-btn-variant-filled { --nike-antd-btn-border-color: transparent; --nike-antd-btn-text-color: var(--nike-antd-btn-color-base); --nike-antd-btn-bg-color: var(--nike-antd-btn-color-light); --nike-antd-btn-bg-color-hover: var(--nike-antd-btn-color-light-hover); --nike-antd-btn-bg-color-active: var(--nike-antd-btn-color-light-active); }
.nike-antd-btn.nike-antd-btn-variant-text, .nike-antd-btn.nike-antd-btn-variant-link { --nike-antd-btn-border-color: transparent; --nike-antd-btn-text-color: var(--nike-antd-btn-color-base); --nike-antd-btn-text-color-hover: var(--nike-antd-btn-color-hover); --nike-antd-btn-text-color-active: var(--nike-antd-btn-color-active); --nike-antd-btn-bg-color: transparent; --nike-antd-btn-bg-color-hover: transparent; --nike-antd-btn-bg-color-active: transparent; }
.nike-antd-btn.nike-antd-btn-variant-text:disabled, .nike-antd-btn.nike-antd-btn-variant-link:disabled, .nike-antd-btn.nike-antd-btn-variant-text.nike-antd-btn-disabled, .nike-antd-btn.nike-antd-btn-variant-link.nike-antd-btn-disabled { background: transparent; border-color: transparent; }
.nike-antd-btn.nike-antd-btn-variant-text { --nike-antd-btn-bg-color-hover: var(--nike-antd-btn-color-light); --nike-antd-btn-bg-color-active: var(--nike-antd-btn-color-light-active); }
.nike-antd-btn.nike-antd-btn-variant-link { --nike-antd-btn-color-base: var(--ant-color-link); --nike-antd-btn-color-hover: var(--ant-color-link-hover); --nike-antd-btn-color-active: var(--ant-color-link-active); }
.nike-antd-btn.nike-antd-btn-color-primary { --nike-antd-btn-color-base: var(--ant-color-primary); --nike-antd-btn-color-hover: var(--ant-color-primary-hover); --nike-antd-btn-color-active: var(--ant-color-primary-active); --nike-antd-btn-color-light: var(--ant-color-primary-bg); --nike-antd-btn-color-light-hover: var(--ant-color-primary-bg-hover); --nike-antd-btn-color-light-active: var(--ant-color-primary-border); --nike-antd-btn-shadow: var(--ant-button-primary-shadow); }
.nike-antd-btn.nike-antd-btn-color-dangerous { --nike-antd-btn-color-base: var(--ant-color-error); --nike-antd-btn-color-hover: var(--ant-color-error-hover); --nike-antd-btn-color-active: var(--ant-color-error-active); --nike-antd-btn-color-light: var(--ant-color-error-bg); --nike-antd-btn-color-light-hover: var(--ant-color-error-bg-filled-hover); --nike-antd-btn-color-light-active: var(--ant-color-error-bg-active); --nike-antd-btn-shadow: var(--ant-button-danger-shadow); }
.nike-antd-btn.nike-antd-btn-color-default { --nike-antd-btn-solid-bg-color: var(--ant-color-bg-solid); --nike-antd-btn-solid-bg-color-hover: var(--ant-color-bg-solid-hover); --nike-antd-btn-solid-bg-color-active: var(--ant-color-bg-solid-active); --nike-antd-btn-color-base: var(--ant-button-default-border-color); --nike-antd-btn-color-hover: var(--ant-button-default-hover-border-color); --nike-antd-btn-color-active: var(--ant-button-default-active-border-color); --nike-antd-btn-color-light: var(--ant-color-fill-tertiary); --nike-antd-btn-color-light-hover: var(--ant-color-fill-secondary); --nike-antd-btn-color-light-active: var(--ant-color-fill); --nike-antd-btn-text-color: var(--ant-color-text); --nike-antd-btn-text-color-hover: var(--ant-button-default-hover-border-color); --nike-antd-btn-text-color-active: var(--ant-button-default-active-border-color); --nike-antd-btn-shadow: var(--ant-button-default-shadow); }
.nike-antd-btn.nike-antd-btn-color-default.nike-antd-btn-variant-solid { --nike-antd-btn-text-color: var(--ant-button-solid-text-color); }
.nike-antd-btn.nike-antd-btn-color-default.nike-antd-btn-variant-filled, .nike-antd-btn.nike-antd-btn-color-default.nike-antd-btn-variant-text { --nike-antd-btn-text-color-hover: var(--nike-antd-btn-text-color); --nike-antd-btn-text-color-active: var(--nike-antd-btn-text-color); }
.nike-antd-btn.nike-antd-btn-color-default.nike-antd-btn-background-ghost.nike-antd-btn-variant-outlined, .nike-antd-btn.nike-antd-btn-color-default.nike-antd-btn-background-ghost.nike-antd-btn-variant-dashed { --nike-antd-btn-text-color: var(--ant-button-default-ghost-color); --nike-antd-btn-border-color: var(--ant-button-default-ghost-border-color); }
.nike-antd-btn.nike-antd-btn-color-blue { --nike-antd-btn-color-base: var(--ant-blue-6); --nike-antd-btn-color-hover: var(--ant-blue-5); --nike-antd-btn-color-active: var(--ant-blue-7); --nike-antd-btn-color-light: var(--ant-blue-1); --nike-antd-btn-color-light-hover: var(--ant-blue-2); --nike-antd-btn-color-light-active: var(--ant-blue-3); --nike-antd-btn-shadow: var(--ant-button-blue-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-purple { --nike-antd-btn-color-base: var(--ant-purple-6); --nike-antd-btn-color-hover: var(--ant-purple-5); --nike-antd-btn-color-active: var(--ant-purple-7); --nike-antd-btn-color-light: var(--ant-purple-1); --nike-antd-btn-color-light-hover: var(--ant-purple-2); --nike-antd-btn-color-light-active: var(--ant-purple-3); --nike-antd-btn-shadow: var(--ant-button-purple-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-cyan { --nike-antd-btn-color-base: var(--ant-cyan-6); --nike-antd-btn-color-hover: var(--ant-cyan-5); --nike-antd-btn-color-active: var(--ant-cyan-7); --nike-antd-btn-color-light: var(--ant-cyan-1); --nike-antd-btn-color-light-hover: var(--ant-cyan-2); --nike-antd-btn-color-light-active: var(--ant-cyan-3); --nike-antd-btn-shadow: var(--ant-button-cyan-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-green { --nike-antd-btn-color-base: var(--ant-green-6); --nike-antd-btn-color-hover: var(--ant-green-5); --nike-antd-btn-color-active: var(--ant-green-7); --nike-antd-btn-color-light: var(--ant-green-1); --nike-antd-btn-color-light-hover: var(--ant-green-2); --nike-antd-btn-color-light-active: var(--ant-green-3); --nike-antd-btn-shadow: var(--ant-button-green-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-magenta { --nike-antd-btn-color-base: var(--ant-magenta-6); --nike-antd-btn-color-hover: var(--ant-magenta-5); --nike-antd-btn-color-active: var(--ant-magenta-7); --nike-antd-btn-color-light: var(--ant-magenta-1); --nike-antd-btn-color-light-hover: var(--ant-magenta-2); --nike-antd-btn-color-light-active: var(--ant-magenta-3); --nike-antd-btn-shadow: var(--ant-button-magenta-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-pink { --nike-antd-btn-color-base: var(--ant-pink-6); --nike-antd-btn-color-hover: var(--ant-pink-5); --nike-antd-btn-color-active: var(--ant-pink-7); --nike-antd-btn-color-light: var(--ant-pink-1); --nike-antd-btn-color-light-hover: var(--ant-pink-2); --nike-antd-btn-color-light-active: var(--ant-pink-3); --nike-antd-btn-shadow: var(--ant-button-pink-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-red { --nike-antd-btn-color-base: var(--ant-red-6); --nike-antd-btn-color-hover: var(--ant-red-5); --nike-antd-btn-color-active: var(--ant-red-7); --nike-antd-btn-color-light: var(--ant-red-1); --nike-antd-btn-color-light-hover: var(--ant-red-2); --nike-antd-btn-color-light-active: var(--ant-red-3); --nike-antd-btn-shadow: var(--ant-button-red-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-orange { --nike-antd-btn-color-base: var(--ant-orange-6); --nike-antd-btn-color-hover: var(--ant-orange-5); --nike-antd-btn-color-active: var(--ant-orange-7); --nike-antd-btn-color-light: var(--ant-orange-1); --nike-antd-btn-color-light-hover: var(--ant-orange-2); --nike-antd-btn-color-light-active: var(--ant-orange-3); --nike-antd-btn-shadow: var(--ant-button-orange-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-yellow { --nike-antd-btn-color-base: var(--ant-yellow-6); --nike-antd-btn-color-hover: var(--ant-yellow-5); --nike-antd-btn-color-active: var(--ant-yellow-7); --nike-antd-btn-color-light: var(--ant-yellow-1); --nike-antd-btn-color-light-hover: var(--ant-yellow-2); --nike-antd-btn-color-light-active: var(--ant-yellow-3); --nike-antd-btn-shadow: var(--ant-button-yellow-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-volcano { --nike-antd-btn-color-base: var(--ant-volcano-6); --nike-antd-btn-color-hover: var(--ant-volcano-5); --nike-antd-btn-color-active: var(--ant-volcano-7); --nike-antd-btn-color-light: var(--ant-volcano-1); --nike-antd-btn-color-light-hover: var(--ant-volcano-2); --nike-antd-btn-color-light-active: var(--ant-volcano-3); --nike-antd-btn-shadow: var(--ant-button-volcano-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-geekblue { --nike-antd-btn-color-base: var(--ant-geekblue-6); --nike-antd-btn-color-hover: var(--ant-geekblue-5); --nike-antd-btn-color-active: var(--ant-geekblue-7); --nike-antd-btn-color-light: var(--ant-geekblue-1); --nike-antd-btn-color-light-hover: var(--ant-geekblue-2); --nike-antd-btn-color-light-active: var(--ant-geekblue-3); --nike-antd-btn-shadow: var(--ant-button-geekblue-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-lime { --nike-antd-btn-color-base: var(--ant-lime-6); --nike-antd-btn-color-hover: var(--ant-lime-5); --nike-antd-btn-color-active: var(--ant-lime-7); --nike-antd-btn-color-light: var(--ant-lime-1); --nike-antd-btn-color-light-hover: var(--ant-lime-2); --nike-antd-btn-color-light-active: var(--ant-lime-3); --nike-antd-btn-shadow: var(--ant-button-lime-shadow-color); }
.nike-antd-btn.nike-antd-btn-color-gold { --nike-antd-btn-color-base: var(--ant-gold-6); --nike-antd-btn-color-hover: var(--ant-gold-5); --nike-antd-btn-color-active: var(--ant-gold-7); --nike-antd-btn-color-light: var(--ant-gold-1); --nike-antd-btn-color-light-hover: var(--ant-gold-2); --nike-antd-btn-color-light-active: var(--ant-gold-3); --nike-antd-btn-shadow: var(--ant-button-gold-shadow-color); }
.nike-antd-btn:disabled, .nike-antd-btn.nike-antd-btn-disabled { cursor: not-allowed; border-color: var(--ant-button-border-color-disabled); background: var(--nike-antd-btn-bg-color-disabled); color: var(--ant-color-text-disabled); box-shadow: none; }
.nike-antd-btn.nike-antd-btn-background-ghost { --nike-antd-btn-bg-color: transparent; --nike-antd-btn-shadow: none; }
.nike-antd-btn-group { position: relative; display: inline-flex; }
.nike-antd-btn-group > span:not(:last-child), .nike-antd-btn-group > .nike-antd-btn:not(:last-child), .nike-antd-btn-group > span:not(:last-child) > .nike-antd-btn, .nike-antd-btn-group > .nike-antd-btn:not(:last-child) > .nike-antd-btn { border-start-end-radius: 0px; border-end-end-radius: 0px; }
.nike-antd-btn-group > span:not(:first-child), .nike-antd-btn-group > .nike-antd-btn:not(:first-child) { margin-inline-start: calc(var(--ant-line-width) * -1); }
.nike-antd-btn-group > span:not(:first-child), .nike-antd-btn-group > .nike-antd-btn:not(:first-child), .nike-antd-btn-group > span:not(:first-child) > .nike-antd-btn, .nike-antd-btn-group > .nike-antd-btn:not(:first-child) > .nike-antd-btn { border-start-start-radius: 0px; border-end-start-radius: 0px; }
.nike-antd-btn-group .nike-antd-btn { position: relative; z-index: 1; }
.nike-antd-btn-group .nike-antd-btn:hover, .nike-antd-btn-group .nike-antd-btn:focus, .nike-antd-btn-group .nike-antd-btn:active { z-index: 2; }
.nike-antd-btn-group .nike-antd-btn[disabled] { z-index: 0; }
.nike-antd-btn-group .nike-antd-btn-icon-only { font-size: var(--ant-font-size); }
.nike-antd-btn-group > span:not(:last-child):not(:disabled), .nike-antd-btn-group > .nike-antd-btn-primary:not(:last-child):not(:disabled), .nike-antd-btn-group > span:not(:last-child) > .nike-antd-btn-primary:not(:disabled), .nike-antd-btn-group > .nike-antd-btn-primary:not(:last-child) > .nike-antd-btn-primary:not(:disabled) { border-inline-end-color: var(--ant-button-group-border-color); }
.nike-antd-btn-group > span:not(:first-child):not(:disabled), .nike-antd-btn-group > .nike-antd-btn-primary:not(:first-child):not(:disabled), .nike-antd-btn-group > span:not(:first-child) > .nike-antd-btn-primary:not(:disabled), .nike-antd-btn-group > .nike-antd-btn-primary:not(:first-child) > .nike-antd-btn-primary:not(:disabled) { border-inline-start-color: var(--ant-button-group-border-color); }
.nike-antd-btn-group > span:not(:last-child):not(:disabled), .nike-antd-btn-group > .nike-antd-btn-danger:not(:last-child):not(:disabled), .nike-antd-btn-group > span:not(:last-child) > .nike-antd-btn-danger:not(:disabled), .nike-antd-btn-group > .nike-antd-btn-danger:not(:last-child) > .nike-antd-btn-danger:not(:disabled) { border-inline-end-color: var(--ant-color-error-hover); }
.nike-antd-btn-group > span:not(:first-child):not(:disabled), .nike-antd-btn-group > .nike-antd-btn-danger:not(:first-child):not(:disabled), .nike-antd-btn-group > span:not(:first-child) > .nike-antd-btn-danger:not(:disabled), .nike-antd-btn-group > .nike-antd-btn-danger:not(:first-child) > .nike-antd-btn-danger:not(:disabled) { border-inline-start-color: var(--ant-color-error-hover); }
.css-var-root.nike-antd-btn { --ant-button-blue-shadow-color: 0 2px 0 rgba(5,145,255,0.1); --ant-button-purple-shadow-color: 0 2px 0 rgba(155,5,255,0.06); --ant-button-cyan-shadow-color: 0 2px 0 rgba(5,255,215,0.1); --ant-button-green-shadow-color: 0 2px 0 rgba(142,255,30,0.08); --ant-button-magenta-shadow-color: 0 2px 0 rgba(255,5,105,0.06); --ant-button-pink-shadow-color: 0 2px 0 rgba(255,5,105,0.06); --ant-button-red-shadow-color: 0 2px 0 rgba(255,22,5,0.06); --ant-button-orange-shadow-color: 0 2px 0 rgba(255,175,5,0.1); --ant-button-yellow-shadow-color: 0 2px 0 rgba(245,255,5,0.1); --ant-button-volcano-shadow-color: 0 2px 0 rgba(255,125,25,0.1); --ant-button-geekblue-shadow-color: 0 2px 0 rgba(5,88,255,0.06); --ant-button-lime-shadow-color: 0 2px 0 rgba(225,255,5,0.1); --ant-button-gold-shadow-color: 0 2px 0 rgba(255,215,5,0.1); --ant-button-font-weight: 400; --ant-button-icon-gap: 8px; --ant-button-default-shadow: 0 2px 0 rgba(0,0,0,0.02); --ant-button-primary-shadow: 0 2px 0 rgba(5,145,255,0.1); --ant-button-danger-shadow: 0 2px 0 rgba(255,38,5,0.06); --ant-button-primary-color: #fff; --ant-button-danger-color: #fff; --ant-button-border-color-disabled: #d9d9d9; --ant-button-default-ghost-color: #ffffff; --ant-button-ghost-bg: transparent; --ant-button-default-ghost-border-color: #ffffff; --ant-button-padding-inline: 15px; --ant-button-padding-inline-lg: 15px; --ant-button-padding-inline-sm: 7px; --ant-button-only-icon-size: inherit; --ant-button-only-icon-size-sm: inherit; --ant-button-only-icon-size-lg: inherit; --ant-button-group-border-color: #4096ff; --ant-button-link-hover-bg: transparent; --ant-button-text-text-color: rgba(0,0,0,0.88); --ant-button-text-text-hover-color: rgba(0,0,0,0.88); --ant-button-text-text-active-color: rgba(0,0,0,0.88); --ant-button-text-hover-bg: rgba(0,0,0,0.04); --ant-button-default-color: rgba(0,0,0,0.88); --ant-button-default-bg: #ffffff; --ant-button-default-border-color: #d9d9d9; --ant-button-default-border-color-disabled: #d9d9d9; --ant-button-default-hover-bg: #ffffff; --ant-button-default-hover-color: #4096ff; --ant-button-default-hover-border-color: #4096ff; --ant-button-default-active-bg: #ffffff; --ant-button-default-active-color: #0958d9; --ant-button-default-active-border-color: #0958d9; --ant-button-solid-text-color: #fff; --ant-button-content-font-size: 14px; --ant-button-content-font-size-sm: 14px; --ant-button-content-font-size-lg: 16px; --ant-button-content-line-height: 1.5714285714285714; --ant-button-content-line-height-sm: 1.5714285714285714; --ant-button-content-line-height-lg: 1.5; --ant-button-padding-block: 4px; --ant-button-padding-block-sm: 0px; --ant-button-padding-block-lg: 7px; --ant-button-default-bg-disabled: rgba(0,0,0,0.04); --ant-button-dashed-bg-disabled: rgba(0,0,0,0.04); }
.nike-antd-typography { font-family: var(--ant-font-family); font-size: var(--ant-font-size); box-sizing: border-box; }
.nike-antd-typography::before, .nike-antd-typography::after { box-sizing: border-box; }
.nike-antd-typography [class^="nike-antd-typography"], .nike-antd-typography [class*=" nike-antd-typography"] { box-sizing: border-box; }
.nike-antd-typography [class^="nike-antd-typography"]::before, .nike-antd-typography [class*=" nike-antd-typography"]::before, .nike-antd-typography [class^="nike-antd-typography"]::after, .nike-antd-typography [class*=" nike-antd-typography"]::after { box-sizing: border-box; }
.nike-antd-typography { color: var(--ant-color-text); word-break: break-word; line-height: var(--ant-line-height); }
.nike-antd-typography.nike-antd-typography-secondary { color: var(--ant-color-text-description); }
.nike-antd-typography.nike-antd-typography-success { color: var(--ant-color-success-text); }
.nike-antd-typography.nike-antd-typography-warning { color: var(--ant-color-warning-text); }
.nike-antd-typography.nike-antd-typography-danger { color: var(--ant-color-error-text); }
a.nike-antd-typography.nike-antd-typography-danger:active, a.nike-antd-typography.nike-antd-typography-danger:focus { color: var(--ant-color-error-text-active); }
a.nike-antd-typography.nike-antd-typography-danger:hover { color: var(--ant-color-error-text-hover); }
.nike-antd-typography.nike-antd-typography-disabled { color: var(--ant-color-text-disabled); cursor: not-allowed; user-select: none; }
div.nike-antd-typography, .nike-antd-typography p { margin-bottom: 1em; }
h1.nike-antd-typography, div.nike-antd-typography-h1, div.nike-antd-typography-h1 > textarea, .nike-antd-typography h1 { margin-bottom: var(--ant-typography-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); font-size: var(--ant-font-size-heading-1); line-height: var(--ant-line-height-heading-1); }
h2.nike-antd-typography, div.nike-antd-typography-h2, div.nike-antd-typography-h2 > textarea, .nike-antd-typography h2 { margin-bottom: var(--ant-typography-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); font-size: var(--ant-font-size-heading-2); line-height: var(--ant-line-height-heading-2); }
h3.nike-antd-typography, div.nike-antd-typography-h3, div.nike-antd-typography-h3 > textarea, .nike-antd-typography h3 { margin-bottom: var(--ant-typography-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); font-size: var(--ant-font-size-heading-3); line-height: var(--ant-line-height-heading-3); }
h4.nike-antd-typography, div.nike-antd-typography-h4, div.nike-antd-typography-h4 > textarea, .nike-antd-typography h4 { margin-bottom: var(--ant-typography-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); font-size: var(--ant-font-size-heading-4); line-height: var(--ant-line-height-heading-4); }
h5.nike-antd-typography, div.nike-antd-typography-h5, div.nike-antd-typography-h5 > textarea, .nike-antd-typography h5 { margin-bottom: var(--ant-typography-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); font-size: var(--ant-font-size-heading-5); line-height: var(--ant-line-height-heading-5); }
.nike-antd-typography + h1.nike-antd-typography, .nike-antd-typography + h2.nike-antd-typography, .nike-antd-typography + h3.nike-antd-typography, .nike-antd-typography + h4.nike-antd-typography, .nike-antd-typography + h5.nike-antd-typography { margin-top: var(--ant-typography-title-margin-top); }
.nike-antd-typography div + h1, .nike-antd-typography ul + h1, .nike-antd-typography li + h1, .nike-antd-typography p + h1, .nike-antd-typography h1 + h1, .nike-antd-typography h2 + h1, .nike-antd-typography h3 + h1, .nike-antd-typography h4 + h1, .nike-antd-typography h5 + h1, .nike-antd-typography div + h2, .nike-antd-typography ul + h2, .nike-antd-typography li + h2, .nike-antd-typography p + h2, .nike-antd-typography h1 + h2, .nike-antd-typography h2 + h2, .nike-antd-typography h3 + h2, .nike-antd-typography h4 + h2, .nike-antd-typography h5 + h2, .nike-antd-typography div + h3, .nike-antd-typography ul + h3, .nike-antd-typography li + h3, .nike-antd-typography p + h3, .nike-antd-typography h1 + h3, .nike-antd-typography h2 + h3, .nike-antd-typography h3 + h3, .nike-antd-typography h4 + h3, .nike-antd-typography h5 + h3, .nike-antd-typography div + h4, .nike-antd-typography ul + h4, .nike-antd-typography li + h4, .nike-antd-typography p + h4, .nike-antd-typography h1 + h4, .nike-antd-typography h2 + h4, .nike-antd-typography h3 + h4, .nike-antd-typography h4 + h4, .nike-antd-typography h5 + h4, .nike-antd-typography div + h5, .nike-antd-typography ul + h5, .nike-antd-typography li + h5, .nike-antd-typography p + h5, .nike-antd-typography h1 + h5, .nike-antd-typography h2 + h5, .nike-antd-typography h3 + h5, .nike-antd-typography h4 + h5, .nike-antd-typography h5 + h5 { margin-top: var(--ant-typography-title-margin-top); }
.nike-antd-typography code { margin: 0px 0.2em; padding-inline: 0.4em; padding-block: 0.2em 0.1em; font-size: 85%; font-family: var(--ant-font-family-code); background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; }
.nike-antd-typography kbd { margin: 0px 0.2em; padding-inline: 0.4em; padding-block: 0.15em 0.1em; font-size: 90%; font-family: var(--ant-font-family-code); background: rgba(150, 150, 150, 0.06); border-width: 1px 1px 2px; border-style: solid; border-color: rgba(100, 100, 100, 0.2); border-image: initial; border-radius: 3px; }
.nike-antd-typography mark { padding: 0px; background-color: rgb(255, 229, 143); }
.nike-antd-typography u, .nike-antd-typography ins { text-decoration: underline; text-decoration-skip-ink: auto; }
.nike-antd-typography s, .nike-antd-typography del { text-decoration: line-through; }
.nike-antd-typography strong { font-weight: var(--ant-font-weight-strong); }
.nike-antd-typography ul, .nike-antd-typography ol { margin-inline: 0px; margin-block: 0px 1em; padding: 0px; }
.nike-antd-typography ul li, .nike-antd-typography ol li { margin-inline: 20px 0px; margin-block: 0px; padding-inline: 4px 0px; padding-block: 0px; }
.nike-antd-typography ul { list-style-type: circle; }
.nike-antd-typography ul ul { list-style-type: disc; }
.nike-antd-typography ol { list-style-type: decimal; }
.nike-antd-typography pre, .nike-antd-typography blockquote { margin: 1em 0px; }
.nike-antd-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; overflow-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; font-family: var(--ant-font-family-code); }
.nike-antd-typography pre code { display: inline; margin: 0px; padding: 0px; font-size: inherit; font-family: inherit; background: transparent; border: 0px; }
.nike-antd-typography blockquote { padding-inline: 0.6em 0px; padding-block: 0px; border-inline-start: 4px solid rgba(100, 100, 100, 0.2); opacity: 0.85; }
a.nike-antd-typography, .nike-antd-typography a { color: var(--ant-color-link); text-decoration: var(--ant-link-decoration); outline: none; cursor: pointer; transition: all var(--ant-motion-duration-slow); border: 0px; padding: 0px; background: none; user-select: text; }
a.nike-antd-typography:focus-visible, .nike-antd-typography a:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
a.nike-antd-typography:hover, .nike-antd-typography a:hover { color: var(--ant-color-link-hover); text-decoration: var(--ant-link-hover-decoration); }
a.nike-antd-typography:focus, .nike-antd-typography a:focus { color: var(--ant-color-link-hover); text-decoration: var(--ant-link-focus-decoration); }
a.nike-antd-typography:active, .nike-antd-typography a:active { color: var(--ant-color-link-active); text-decoration: var(--ant-link-hover-decoration); }
a.nike-antd-typography[disabled], .nike-antd-typography a[disabled], a.nike-antd-typography.nike-antd-typography-disabled, .nike-antd-typography a.nike-antd-typography-disabled { color: var(--ant-color-text-disabled); cursor: not-allowed; }
a.nike-antd-typography[disabled]:active, .nike-antd-typography a[disabled]:active, a.nike-antd-typography.nike-antd-typography-disabled:active, .nike-antd-typography a.nike-antd-typography-disabled:active, a.nike-antd-typography[disabled]:hover, .nike-antd-typography a[disabled]:hover, a.nike-antd-typography.nike-antd-typography-disabled:hover, .nike-antd-typography a.nike-antd-typography-disabled:hover { color: var(--ant-color-text-disabled); }
a.nike-antd-typography[disabled]:active, .nike-antd-typography a[disabled]:active, a.nike-antd-typography.nike-antd-typography-disabled:active, .nike-antd-typography a.nike-antd-typography-disabled:active { pointer-events: none; }
.nike-antd-typography .nike-antd-typography-expand, .nike-antd-typography .nike-antd-typography-collapse, .nike-antd-typography .nike-antd-typography-edit, .nike-antd-typography .nike-antd-typography-copy { color: var(--ant-color-link); text-decoration: var(--ant-link-decoration); outline: none; cursor: pointer; transition: all var(--ant-motion-duration-slow); border: 0px; padding: 0px; background: none; user-select: none; margin-inline-start: var(--ant-margin-xxs); }
.nike-antd-typography .nike-antd-typography-expand:focus-visible, .nike-antd-typography .nike-antd-typography-collapse:focus-visible, .nike-antd-typography .nike-antd-typography-edit:focus-visible, .nike-antd-typography .nike-antd-typography-copy:focus-visible { outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border); outline-offset: 1px; transition: outline-offset, outline; }
.nike-antd-typography .nike-antd-typography-expand:hover, .nike-antd-typography .nike-antd-typography-collapse:hover, .nike-antd-typography .nike-antd-typography-edit:hover, .nike-antd-typography .nike-antd-typography-copy:hover { color: var(--ant-color-link-hover); text-decoration: var(--ant-link-hover-decoration); }
.nike-antd-typography .nike-antd-typography-expand:focus, .nike-antd-typography .nike-antd-typography-collapse:focus, .nike-antd-typography .nike-antd-typography-edit:focus, .nike-antd-typography .nike-antd-typography-copy:focus { color: var(--ant-color-link-hover); text-decoration: var(--ant-link-focus-decoration); }
.nike-antd-typography .nike-antd-typography-expand:active, .nike-antd-typography .nike-antd-typography-collapse:active, .nike-antd-typography .nike-antd-typography-edit:active, .nike-antd-typography .nike-antd-typography-copy:active { color: var(--ant-color-link-active); text-decoration: var(--ant-link-hover-decoration); }
.nike-antd-typography-edit-content { position: relative; }
div.nike-antd-typography-edit-content { inset-inline-start: calc(var(--ant-padding-sm) * -1); inset-block-start: calc(var(--ant-padding-sm) / -2 + 1px); margin-bottom: calc(var(--ant-padding-sm) / 2 - 2px); }
.nike-antd-typography-edit-content .nike-antd-typography-edit-content-confirm { position: absolute; inset-inline-end: calc(var(--ant-margin-xs) + 2px); inset-block-end: var(--ant-margin-xs); color: var(--ant-color-icon); font-weight: normal; font-size: var(--ant-font-size); font-style: normal; pointer-events: none; }
.nike-antd-typography-edit-content textarea { height: 1em; margin: 0px !important; }
.nike-antd-typography .nike-antd-typography-copy-success, .nike-antd-typography .nike-antd-typography-copy-success:hover, .nike-antd-typography .nike-antd-typography-copy-success:focus { color: var(--ant-color-success); }
.nike-antd-typography .nike-antd-typography-copy-icon-only { margin-inline-start: 0px; }
a.nike-antd-typography-ellipsis, span.nike-antd-typography-ellipsis { display: inline-block; max-width: 100%; }
.nike-antd-typography-ellipsis-single-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.nike-antd-typography-ellipsis-single-line, span.nike-antd-typography-ellipsis-single-line { vertical-align: bottom; }
.nike-antd-typography-ellipsis-single-line > code { padding-block: 0px; max-width: calc(100% - 1.2em); display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; box-sizing: content-box; }
.nike-antd-typography-ellipsis-multiple-line { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.nike-antd-typography-rtl { direction: rtl; }
.nike-antd-tooltip { box-sizing: border-box; margin: 0px; padding: 0px; color: var(--ant-color-text); font-size: var(--ant-font-size); line-height: var(--ant-line-height); list-style: none; font-family: var(--ant-font-family); position: absolute; z-index: var(--ant-tooltip-z-index-popup); display: block; width: max-content; max-width: 250px; visibility: visible; --valid-offset-x: var(--arrow-offset-horizontal, var(--arrow-x)); transform-origin: var(--valid-offset-x, 50%) var(--arrow-y, 50%); --antd-arrow-background-color: var(--ant-color-bg-spotlight); }
.nike-antd-tooltip-hidden { display: none; }
.nike-antd-tooltip .nike-antd-tooltip-container { min-width: calc(var(--ant-border-radius) * 2 + var(--ant-size-popup-arrow)); min-height: var(--ant-control-height); padding: calc(var(--ant-padding-sm) / 2) var(--ant-padding-xs); color: var(--ant-tooltip-color, var(--ant-color-text-light-solid)); text-align: start; text-decoration: none; overflow-wrap: break-word; background-color: var(--ant-color-bg-spotlight); border-radius: var(--ant-border-radius); box-shadow: var(--ant-box-shadow-secondary); box-sizing: border-box; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-enter, .nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-appear { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-leave { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-enter.nike-antd-fade-enter-active, .nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-appear.nike-antd-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-leave.nike-antd-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-enter, .nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-appear { opacity: 0; animation-timing-function: linear; }
.nike-antd-tooltip .nike-antd-tooltip-container.nike-antd-fade-leave { animation-timing-function: linear; }
.nike-antd-tooltip:has(~ .nike-antd-tooltip-unique-container) .nike-antd-tooltip-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; box-shadow: none; }
.nike-antd-tooltip-placement-topLeft, .nike-antd-tooltip-placement-topRight, .nike-antd-tooltip-placement-bottomLeft, .nike-antd-tooltip-placement-bottomRight { min-width: calc(var(--ant-border-radius) + var(--ant-size-popup-arrow) + var(--ant-tooltip-arrow-offset-horizontal)); }
.nike-antd-tooltip-placement-left .nike-antd-tooltip-inner, .nike-antd-tooltip-placement-leftTop .nike-antd-tooltip-inner, .nike-antd-tooltip-placement-leftBottom .nike-antd-tooltip-inner, .nike-antd-tooltip-placement-right .nike-antd-tooltip-inner, .nike-antd-tooltip-placement-rightTop .nike-antd-tooltip-inner, .nike-antd-tooltip-placement-rightBottom .nike-antd-tooltip-inner { border-radius: min(var(--ant-border-radius),8px); }
.nike-antd-tooltip .nike-antd-tooltip-content { position: relative; }
.nike-antd-tooltip.nike-antd-tooltip-blue .nike-antd-tooltip-container { background-color: var(--ant-blue-6); }
.nike-antd-tooltip.nike-antd-tooltip-blue .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-blue-6); }
.nike-antd-tooltip.nike-antd-tooltip-purple .nike-antd-tooltip-container { background-color: var(--ant-purple-6); }
.nike-antd-tooltip.nike-antd-tooltip-purple .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-purple-6); }
.nike-antd-tooltip.nike-antd-tooltip-cyan .nike-antd-tooltip-container { background-color: var(--ant-cyan-6); }
.nike-antd-tooltip.nike-antd-tooltip-cyan .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-cyan-6); }
.nike-antd-tooltip.nike-antd-tooltip-green .nike-antd-tooltip-container { background-color: var(--ant-green-6); }
.nike-antd-tooltip.nike-antd-tooltip-green .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-green-6); }
.nike-antd-tooltip.nike-antd-tooltip-magenta .nike-antd-tooltip-container { background-color: var(--ant-magenta-6); }
.nike-antd-tooltip.nike-antd-tooltip-magenta .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-magenta-6); }
.nike-antd-tooltip.nike-antd-tooltip-pink .nike-antd-tooltip-container { background-color: var(--ant-pink-6); }
.nike-antd-tooltip.nike-antd-tooltip-pink .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-pink-6); }
.nike-antd-tooltip.nike-antd-tooltip-red .nike-antd-tooltip-container { background-color: var(--ant-red-6); }
.nike-antd-tooltip.nike-antd-tooltip-red .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-red-6); }
.nike-antd-tooltip.nike-antd-tooltip-orange .nike-antd-tooltip-container { background-color: var(--ant-orange-6); }
.nike-antd-tooltip.nike-antd-tooltip-orange .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-orange-6); }
.nike-antd-tooltip.nike-antd-tooltip-yellow .nike-antd-tooltip-container { background-color: var(--ant-yellow-6); }
.nike-antd-tooltip.nike-antd-tooltip-yellow .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-yellow-6); }
.nike-antd-tooltip.nike-antd-tooltip-volcano .nike-antd-tooltip-container { background-color: var(--ant-volcano-6); }
.nike-antd-tooltip.nike-antd-tooltip-volcano .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-volcano-6); }
.nike-antd-tooltip.nike-antd-tooltip-geekblue .nike-antd-tooltip-container { background-color: var(--ant-geekblue-6); }
.nike-antd-tooltip.nike-antd-tooltip-geekblue .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-geekblue-6); }
.nike-antd-tooltip.nike-antd-tooltip-lime .nike-antd-tooltip-container { background-color: var(--ant-lime-6); }
.nike-antd-tooltip.nike-antd-tooltip-lime .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-lime-6); }
.nike-antd-tooltip.nike-antd-tooltip-gold .nike-antd-tooltip-container { background-color: var(--ant-gold-6); }
.nike-antd-tooltip.nike-antd-tooltip-gold .nike-antd-tooltip-arrow { --antd-arrow-background-color: var(--ant-gold-6); }
.nike-antd-tooltip-rtl { direction: rtl; }
.nike-antd-tooltip .nike-antd-tooltip-arrow { position: absolute; z-index: 1; display: block; pointer-events: none; width: var(--ant-size-popup-arrow); height: var(--ant-size-popup-arrow); overflow: hidden; }
.nike-antd-tooltip .nike-antd-tooltip-arrow::before { position: absolute; bottom: 0px; inset-inline-start: 0px; width: var(--ant-size-popup-arrow); height: calc(var(--ant-size-popup-arrow) / 2); background: var(--antd-arrow-background-color); clip-path: var(--ant-tooltip-arrow-path); content: ""; }
.nike-antd-tooltip .nike-antd-tooltip-arrow::after { content: ""; position: absolute; width: var(--ant-tooltip-arrow-shadow-width); height: var(--ant-tooltip-arrow-shadow-width); bottom: 0px; inset-inline: 0px; margin: auto; border-radius: 0 0 var(--ant-border-radius-xs) 0; transform: translateY(50%) rotate(-135deg); box-shadow: var(--ant-box-shadow-popover-arrow); z-index: 0; background: transparent; }
.nike-antd-tooltip .nike-antd-tooltip-arrow::before { background: var(--antd-arrow-background-color); }
.nike-antd-tooltip-placement-top > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-topLeft > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-topRight > .nike-antd-tooltip-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); }
.nike-antd-tooltip-placement-top > .nike-antd-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); }
.nike-antd-tooltip-placement-topLeft { --arrow-offset-horizontal: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-topLeft > .nike-antd-tooltip-arrow { left: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-topRight { --arrow-offset-horizontal: calc(100% - var(--ant-tooltip-arrow-offset-horizontal)); }
.nike-antd-tooltip-placement-topRight > .nike-antd-tooltip-arrow { right: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-bottom > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-bottomLeft > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-bottomRight > .nike-antd-tooltip-arrow { top: 0px; transform: translateY(-100%); }
.nike-antd-tooltip-placement-bottom > .nike-antd-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); }
.nike-antd-tooltip-placement-bottomLeft { --arrow-offset-horizontal: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-bottomLeft > .nike-antd-tooltip-arrow { left: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-bottomRight { --arrow-offset-horizontal: calc(100% - var(--ant-tooltip-arrow-offset-horizontal)); }
.nike-antd-tooltip-placement-bottomRight > .nike-antd-tooltip-arrow { right: var(--ant-tooltip-arrow-offset-horizontal); }
.nike-antd-tooltip-placement-left > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-leftTop > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-leftBottom > .nike-antd-tooltip-arrow { right: 0px; transform: translateX(100%) rotate(90deg); }
.nike-antd-tooltip-placement-left > .nike-antd-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); }
.nike-antd-tooltip-placement-leftTop > .nike-antd-tooltip-arrow { top: var(--ant-tooltip-arrow-offset-vertical); }
.nike-antd-tooltip-placement-leftBottom > .nike-antd-tooltip-arrow { bottom: var(--ant-tooltip-arrow-offset-vertical); }
.nike-antd-tooltip-placement-right > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-rightTop > .nike-antd-tooltip-arrow, .nike-antd-tooltip-placement-rightBottom > .nike-antd-tooltip-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); }
.nike-antd-tooltip-placement-right > .nike-antd-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); }
.nike-antd-tooltip-placement-rightTop > .nike-antd-tooltip-arrow { top: var(--ant-tooltip-arrow-offset-vertical); }
.nike-antd-tooltip-placement-rightBottom > .nike-antd-tooltip-arrow { bottom: var(--ant-tooltip-arrow-offset-vertical); }
.nike-antd-tooltip-pure { position: relative; max-width: none; margin: var(--ant-size-popup-arrow); }
.nike-antd-tooltip-unique-container { min-width: calc(var(--ant-border-radius) * 2 + var(--ant-size-popup-arrow)); min-height: var(--ant-control-height); padding: calc(var(--ant-padding-sm) / 2) var(--ant-padding-xs); color: var(--ant-tooltip-color, var(--ant-color-text-light-solid)); text-align: start; text-decoration: none; overflow-wrap: break-word; background-color: var(--ant-color-bg-spotlight); border-radius: var(--ant-border-radius); box-shadow: var(--ant-box-shadow-secondary); box-sizing: border-box; --valid-offset-x: var(--arrow-offset-horizontal, var(--arrow-x)); transform-origin: var(--valid-offset-x, 50%) var(--arrow-y, 50%); position: absolute; z-index: calc(var(--ant-tooltip-z-index-popup) - 1); }
.nike-antd-tooltip-unique-container-hidden { display: none; }
.nike-antd-tooltip-unique-container-visible { transition: all var(--ant-motion-duration-slow); }
.nike-antd-zoom-big-fast-enter, .nike-antd-zoom-big-fast-appear { animation-duration: var(--ant-motion-duration-fast); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-zoom-big-fast-leave { animation-duration: var(--ant-motion-duration-fast); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-zoom-big-fast-enter.nike-antd-zoom-big-fast-enter-active, .nike-antd-zoom-big-fast-appear.nike-antd-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; }
.nike-antd-zoom-big-fast-leave.nike-antd-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; }
.nike-antd-zoom-big-fast-enter, .nike-antd-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: var(--ant-motion-ease-out-circ); }
.nike-antd-zoom-big-fast-enter-prepare, .nike-antd-zoom-big-fast-appear-prepare { transform: none; }
.nike-antd-zoom-big-fast-leave { animation-timing-function: var(--ant-motion-ease-in-out-circ); }
@keyframes antFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes antFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes antZoomBigIn { 
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes antZoomBigOut { 
  0% { transform: scale(1); }
  100% { transform: scale(0.8); opacity: 0; }
}
.css-var-root.nike-antd-popover-css-var { --ant-tooltip-z-index-popup: 1070; --ant-tooltip-arrow-offset-horizontal: 12px; --ant-tooltip-arrow-offset-vertical: 8px; --ant-tooltip-arrow-shadow-width: 8.970562748477143px; --ant-tooltip-arrow-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); --ant-tooltip-arrow-polygon: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%); }
.nike-antd-popover { box-sizing: border-box; margin: 0px; padding: 0px; color: var(--ant-color-text); font-size: var(--ant-font-size); line-height: var(--ant-line-height); list-style: none; font-family: var(--ant-font-family); position: absolute; top: 0px; left: 0px; z-index: var(--ant-popover-z-index-popup); font-weight: normal; white-space: normal; text-align: start; cursor: auto; user-select: text; --valid-offset-x: var(--arrow-offset-horizontal, var(--arrow-x)); transform-origin: var(--valid-offset-x, 50%) var(--arrow-y, 50%); --antd-arrow-background-color: var(--ant-color-bg-elevated); width: max-content; max-width: 100vw; }
.nike-antd-popover-rtl { direction: rtl; }
.nike-antd-popover-hidden { display: none; }
.nike-antd-popover .nike-antd-popover-content { color: var(--ant-color-text); padding: var(--ant-popover-inner-content-padding); }
.nike-antd-popover .nike-antd-popover-container { background-color: var(--ant-color-bg-elevated); background-clip: padding-box; border-radius: var(--ant-border-radius-lg); box-shadow: var(--ant-box-shadow-secondary); padding: var(--ant-popover-inner-padding); }
.nike-antd-popover .nike-antd-popover-title { min-width: var(--ant-popover-title-min-width); margin-bottom: var(--ant-popover-title-margin-bottom); color: var(--ant-color-text-heading); font-weight: var(--ant-font-weight-strong); border-bottom: var(--ant-popover-title-border-bottom); padding: var(--ant-popover-title-padding); }
.nike-antd-popover .nike-antd-popover-arrow { position: absolute; z-index: 1; display: block; pointer-events: none; width: var(--ant-size-popup-arrow); height: var(--ant-size-popup-arrow); overflow: hidden; }
.nike-antd-popover .nike-antd-popover-arrow::before { position: absolute; bottom: 0px; inset-inline-start: 0px; width: var(--ant-size-popup-arrow); height: calc(var(--ant-size-popup-arrow) / 2); background: var(--antd-arrow-background-color); clip-path: var(--ant-popover-arrow-path); content: ""; }
.nike-antd-popover .nike-antd-popover-arrow::after { content: ""; position: absolute; width: var(--ant-popover-arrow-shadow-width); height: var(--ant-popover-arrow-shadow-width); bottom: 0px; inset-inline: 0px; margin: auto; border-radius: 0 0 var(--ant-border-radius-xs) 0; transform: translateY(50%) rotate(-135deg); box-shadow: var(--ant-box-shadow-popover-arrow); z-index: 0; background: transparent; }
.nike-antd-popover .nike-antd-popover-arrow::before { background: var(--antd-arrow-background-color); }
.nike-antd-popover-placement-top > .nike-antd-popover-arrow, .nike-antd-popover-placement-topLeft > .nike-antd-popover-arrow, .nike-antd-popover-placement-topRight > .nike-antd-popover-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); }
.nike-antd-popover-placement-top > .nike-antd-popover-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); }
.nike-antd-popover-placement-topLeft { --arrow-offset-horizontal: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-topLeft > .nike-antd-popover-arrow { left: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-topRight { --arrow-offset-horizontal: calc(100% - var(--ant-popover-arrow-offset-horizontal)); }
.nike-antd-popover-placement-topRight > .nike-antd-popover-arrow { right: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-bottom > .nike-antd-popover-arrow, .nike-antd-popover-placement-bottomLeft > .nike-antd-popover-arrow, .nike-antd-popover-placement-bottomRight > .nike-antd-popover-arrow { top: 0px; transform: translateY(-100%); }
.nike-antd-popover-placement-bottom > .nike-antd-popover-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); }
.nike-antd-popover-placement-bottomLeft { --arrow-offset-horizontal: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-bottomLeft > .nike-antd-popover-arrow { left: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-bottomRight { --arrow-offset-horizontal: calc(100% - var(--ant-popover-arrow-offset-horizontal)); }
.nike-antd-popover-placement-bottomRight > .nike-antd-popover-arrow { right: var(--ant-popover-arrow-offset-horizontal); }
.nike-antd-popover-placement-left > .nike-antd-popover-arrow, .nike-antd-popover-placement-leftTop > .nike-antd-popover-arrow, .nike-antd-popover-placement-leftBottom > .nike-antd-popover-arrow { right: 0px; transform: translateX(100%) rotate(90deg); }
.nike-antd-popover-placement-left > .nike-antd-popover-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); }
.nike-antd-popover-placement-leftTop > .nike-antd-popover-arrow { top: var(--ant-popover-arrow-offset-vertical); }
.nike-antd-popover-placement-leftBottom > .nike-antd-popover-arrow { bottom: var(--ant-popover-arrow-offset-vertical); }
.nike-antd-popover-placement-right > .nike-antd-popover-arrow, .nike-antd-popover-placement-rightTop > .nike-antd-popover-arrow, .nike-antd-popover-placement-rightBottom > .nike-antd-popover-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); }
.nike-antd-popover-placement-right > .nike-antd-popover-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); }
.nike-antd-popover-placement-rightTop > .nike-antd-popover-arrow { top: var(--ant-popover-arrow-offset-vertical); }
.nike-antd-popover-placement-rightBottom > .nike-antd-popover-arrow { bottom: var(--ant-popover-arrow-offset-vertical); }
.nike-antd-popover-pure { position: relative; max-width: none; margin: var(--ant-size-popup-arrow); display: inline-block; }
.nike-antd-popover.nike-antd-popover-blue { --antd-arrow-background-color: var(--ant-blue-6); }
.nike-antd-popover.nike-antd-popover-blue .nike-antd-popover-inner { background-color: var(--ant-blue-6); }
.nike-antd-popover.nike-antd-popover-blue .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-purple { --antd-arrow-background-color: var(--ant-purple-6); }
.nike-antd-popover.nike-antd-popover-purple .nike-antd-popover-inner { background-color: var(--ant-purple-6); }
.nike-antd-popover.nike-antd-popover-purple .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-cyan { --antd-arrow-background-color: var(--ant-cyan-6); }
.nike-antd-popover.nike-antd-popover-cyan .nike-antd-popover-inner { background-color: var(--ant-cyan-6); }
.nike-antd-popover.nike-antd-popover-cyan .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-green { --antd-arrow-background-color: var(--ant-green-6); }
.nike-antd-popover.nike-antd-popover-green .nike-antd-popover-inner { background-color: var(--ant-green-6); }
.nike-antd-popover.nike-antd-popover-green .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-magenta { --antd-arrow-background-color: var(--ant-magenta-6); }
.nike-antd-popover.nike-antd-popover-magenta .nike-antd-popover-inner { background-color: var(--ant-magenta-6); }
.nike-antd-popover.nike-antd-popover-magenta .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-pink { --antd-arrow-background-color: var(--ant-pink-6); }
.nike-antd-popover.nike-antd-popover-pink .nike-antd-popover-inner { background-color: var(--ant-pink-6); }
.nike-antd-popover.nike-antd-popover-pink .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-red { --antd-arrow-background-color: var(--ant-red-6); }
.nike-antd-popover.nike-antd-popover-red .nike-antd-popover-inner { background-color: var(--ant-red-6); }
.nike-antd-popover.nike-antd-popover-red .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-orange { --antd-arrow-background-color: var(--ant-orange-6); }
.nike-antd-popover.nike-antd-popover-orange .nike-antd-popover-inner { background-color: var(--ant-orange-6); }
.nike-antd-popover.nike-antd-popover-orange .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-yellow { --antd-arrow-background-color: var(--ant-yellow-6); }
.nike-antd-popover.nike-antd-popover-yellow .nike-antd-popover-inner { background-color: var(--ant-yellow-6); }
.nike-antd-popover.nike-antd-popover-yellow .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-volcano { --antd-arrow-background-color: var(--ant-volcano-6); }
.nike-antd-popover.nike-antd-popover-volcano .nike-antd-popover-inner { background-color: var(--ant-volcano-6); }
.nike-antd-popover.nike-antd-popover-volcano .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-geekblue { --antd-arrow-background-color: var(--ant-geekblue-6); }
.nike-antd-popover.nike-antd-popover-geekblue .nike-antd-popover-inner { background-color: var(--ant-geekblue-6); }
.nike-antd-popover.nike-antd-popover-geekblue .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-lime { --antd-arrow-background-color: var(--ant-lime-6); }
.nike-antd-popover.nike-antd-popover-lime .nike-antd-popover-inner { background-color: var(--ant-lime-6); }
.nike-antd-popover.nike-antd-popover-lime .nike-antd-popover-arrow { background: transparent; }
.nike-antd-popover.nike-antd-popover-gold { --antd-arrow-background-color: var(--ant-gold-6); }
.nike-antd-popover.nike-antd-popover-gold .nike-antd-popover-inner { background-color: var(--ant-gold-6); }
.nike-antd-popover.nike-antd-popover-gold .nike-antd-popover-arrow { background: transparent; }
.nike-antd-zoom-big-enter, .nike-antd-zoom-big-appear { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-zoom-big-leave { animation-duration: var(--ant-motion-duration-mid); animation-fill-mode: both; animation-play-state: paused; }
.nike-antd-zoom-big-enter.nike-antd-zoom-big-enter-active, .nike-antd-zoom-big-appear.nike-antd-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; }
.nike-antd-zoom-big-leave.nike-antd-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; }
.nike-antd-zoom-big-enter, .nike-antd-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: var(--ant-motion-ease-out-circ); }
.nike-antd-zoom-big-enter-prepare, .nike-antd-zoom-big-appear-prepare { transform: none; }
.nike-antd-zoom-big-leave { animation-timing-function: var(--ant-motion-ease-in-out-circ); }
.css-var-root.nike-antd-popover { --ant-popover-title-min-width: 177px; --ant-popover-z-index-popup: 1030; --ant-popover-arrow-shadow-width: 8.970562748477143px; --ant-popover-arrow-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); --ant-popover-arrow-polygon: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%); --ant-popover-arrow-offset-horizontal: 12px; --ant-popover-arrow-offset-vertical: 8px; --ant-popover-inner-padding: 12px; --ant-popover-title-margin-bottom: 8px; --ant-popover-title-padding: 0px; --ant-popover-title-border-bottom: none; --ant-popover-inner-content-padding: 0px; }
.anticon { display: inline-flex; align-items: center; 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; }
.anticon > * { line-height: 1; }
.anticon svg { display: inline-block; }
.anticon .anticon .anticon-icon { display: block; }
.fr-license { background-color: rgb(255, 255, 255); border-radius: 10px; color: rgb(34, 34, 34); font-size: 14px; padding: 20px; z-index: 1000; }
.fr-element, .fr-element:focus { outline: rgba(0, 0, 0, 0) solid 0px; }
.fr-view.fr-element-scroll-visible { overflow-x: visible !important; }
.fr-box.fr-basic { background-clip: padding-box; border-radius: 10px; }
.fr-box.fr-basic .fr-element { box-sizing: border-box; color: rgb(65, 65, 65); font-family: sans-serif; font-size: 14px; line-height: 1.6; min-height: 60px; overflow-x: auto; padding: 20px; text-align: left; }
.fr-box.fr-basic.fr-rtl .fr-element { text-align: right; }
.fr-element { background: rgba(0, 0, 0, 0); position: relative; user-select: auto; z-index: 2; }
.fr-element a { user-select: auto; }
.fr-element.fr-disabled { user-select: none; }
.fr-element [contenteditable="true"] { outline: rgba(0, 0, 0, 0) solid 0px; }
.fr-box a.fr-floating-btn { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; box-sizing: border-box; color: rgb(51, 51, 51); display: block; height: 40px; left: 0px; line-height: 40px; outline: none; text-align: center; top: 0px; transform: scale(0); transition: background 0.2s, color 0.2s, transform 0.2s; width: 40px; }
.fr-box a.fr-floating-btn svg { fill: rgb(51, 51, 51); transition: transform 0.2s; }
.fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg { font-size: 14px; line-height: 40px; }
.fr-box a.fr-floating-btn.fr-btn + .fr-btn { margin-left: 10px; }
.fr-box a.fr-floating-btn:hover { background: rgb(235, 235, 235); cursor: pointer; }
.fr-box a.fr-floating-btn:hover svg { fill: rgb(51, 51, 51); }
.fr-box .fr-visible a.fr-floating-btn { transform: scale(1); }
iframe.fr-iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: border-box; display: block; position: relative; width: 100%; z-index: 2; }
.fr-wrapper { position: relative; z-index: 1; }
.fr-wrapper::after { clear: both; content: ""; display: block; height: 0px; }
.fr-wrapper .fr-placeholder { color: rgb(170, 170, 170); display: none; font-family: sans-serif; font-size: 14px; left: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 1; }
.fr-wrapper.show-placeholder .fr-placeholder { display: block; text-overflow: ellipsis; white-space: nowrap; }
.fr-wrapper ::selection { background: rgba(181, 214, 253, 0.8); color: rgb(0, 0, 0); }
.fr-box.fr-basic .fr-wrapper { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(239, 239, 239); left: 0px; top: 0px; }
.fr-box.fr-basic.fr-top .fr-wrapper { border-top: 0px; }
.fr-box.fr-basic.fr-bottom .fr-wrapper { background-clip: padding-box; border-bottom: 0px; border-radius: 10px 10px 0px 0px; }
@media (min-width: 992px) {
  .fr-box.fr-document { min-width: 21cm; }
  .fr-box.fr-document .fr-wrapper { background: rgb(239, 239, 239); min-width: 21cm; padding: 30px; text-align: left; }
  .fr-box.fr-document .fr-wrapper .fr-element { background: rgb(255, 255, 255); margin: auto; overflow: visible; padding: 1cm 2cm; text-align: left; width: 21cm; z-index: auto; min-height: 26cm !important; }
  .fr-box.fr-document .fr-wrapper .fr-element hr { background: rgb(239, 239, 239); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 1cm; margin-left: -2cm; margin-right: -2cm; outline: none; }
  .fr-box.fr-document .fr-wrapper .fr-element img { z-index: 1; }
}
.fr-tooltip { background: rgb(34, 34, 34); border-radius: 2px; color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 11px; left: -3000px; line-height: 22px; opacity: 0; padding: 0px 8px; position: absolute; text-rendering: optimizelegibility; top: 0px; transition: opacity 0.2s; user-select: none; z-index: 2147483647; -webkit-font-smoothing: antialiased; }
.fr-tooltip, .fr-tooltip.fr-visible { }
.fr-tooltip.fr-visible { opacity: 1; }
.fr-modal .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-toolbar .fr-btn-wrap { float: left; position: relative; white-space: nowrap; }
.fr-modal .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-toolbar .fr-btn-wrap.fr-hidden { display: none; }
.fr-modal .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-toolbar .fr-command.fr-btn { background: padding-box rgba(0, 0, 0, 0); border: 0px; border-radius: 4px; box-sizing: border-box; color: rgb(51, 51, 51); cursor: pointer; float: left; height: 40px; line-height: 1; margin: 4px 2px; outline: none; padding: 0px; position: relative; text-align: left; text-decoration: none; transition: 0.5s; user-select: none; z-index: 2; }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options { background-clip: padding-box; border-radius: 0px 4px 4px 0px; }
.fr-modal .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-toolbar .fr-command.fr-btn.fr-btn-hover { background-clip: padding-box; border-radius: 4px 0px 0px 4px; }
.fr-modal .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-toolbar .fr-command.fr-btn.fr-btn-text { width: auto; }
.fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg { display: block; float: none; margin: 8px 7px; text-align: center; width: 24px; }
.fr-modal .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-toolbar .fr-command.fr-btn svg.fr-svg { height: 24px; }
.fr-modal .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-toolbar .fr-command.fr-btn svg path { fill: rgb(51, 51, 51); transition: 0.5s; }
.fr-modal .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-toolbar .fr-command.fr-btn span.fr-sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.fr-modal .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-toolbar .fr-command.fr-btn span { display: block; float: left; font-size: 14px; font-weight: 700; height: 17px; line-height: 17px; min-width: 30px; overflow: hidden; padding: 0px 4px; text-overflow: ellipsis; white-space: nowrap; }
.fr-modal .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-toolbar .fr-command.fr-btn img { margin: 8px 7px; width: 24px; }
.fr-modal .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup { background: rgb(214, 214, 214); }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span { font-weight: 400; }
.fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg { margin-left: 3px; margin-right: 11px; }
.fr-modal .fr-command.fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-dropdown::after, .fr-toolbar .fr-command.fr-btn.fr-dropdown::after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid rgb(51, 51, 51); content: ""; height: 0px; position: absolute; right: 2px; top: 18px; transition: 0.3s; width: 0px; }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active { background: rgb(214, 214, 214); fill: rgb(51, 51, 51); transition: 0.5s; }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: rgb(235, 235, 235); fill: rgb(51, 51, 51); }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after { border-top-color: rgb(51, 51, 51); }
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active::after, .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active::after { border-bottom: 4px solid rgb(34, 34, 34); border-top: 0px; }
.fr-modal .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-toolbar .fr-command.fr-btn.fr-disabled { color: rgb(189, 189, 189); cursor: default; opacity: 0.3; }
.fr-modal .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-toolbar .fr-command.fr-btn.fr-disabled::after { border-top-color: rgb(189, 189, 189); }
.fr-modal .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-toolbar .fr-command.fr-btn.fr-hidden { display: none; }
.fr-modal .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-toolbar .fr-tabs .fr-command.fr-btn { background-clip: padding-box; border-radius: 0px; height: 40px; margin: 0px; width: 46px; }
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab { background: rgb(255, 255, 255); }
.fr-modal .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-toolbar .fr-tabs .fr-command.fr-btn span { height: 27px; }
.fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg { height: 24px; margin: 8px 11px; width: 24px; }
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path { fill: rgb(0, 152, 247); }
.fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active { color: rgb(189, 189, 189); opacity: 0.3; }
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after { border-top-color: rgb(189, 189, 189); }
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left { float: right; }
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right { float: left; }
.fr-modal.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-toolbar.fr-rtl .fr-command.fr-btn { float: right; }
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options { background-clip: padding-box; border-radius: 4px 0px 0px 4px; }
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover { background-clip: padding-box; border-radius: 0px 4px 4px 0px; }
.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden) { display: inline-flex; float: none; }
.fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded, .fr-desktop .fr-command:focus, .fr-desktop .fr-command:hover { color: rgb(51, 51, 51); outline: 0px; }
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command:hover:not(.fr-table-cell) { background: rgb(235, 235, 235); }
.fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command:hover::after { border-top-color: rgb(51, 51, 51); }
.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active { background: rgb(214, 214, 214); color: rgb(51, 51, 51); }
.fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active:hover { background: rgb(235, 235, 235); }
.fr-desktop .fr-command.fr-active:active { background: rgb(214, 214, 214); }
.fr-desktop .fr-command.fr-disabled.fr-selected, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled:hover, .fr-desktop.fr-disabled .fr-command.fr-selected, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command:hover { background: rgba(0, 0, 0, 0); }
.fr-popup.fr-mobile .fr-command.fr-blink, .fr-toolbar.fr-mobile .fr-command.fr-blink { background: rgb(214, 214, 214); }
.fr-popup.fr-mobile .fr-command:focus-visible { outline: none; }
.fr-command.fr-btn.fr-options { margin-left: -5px; width: 16px; }
.fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:focus, .fr-command.fr-btn.fr-options:hover { border-left: 1px solid rgb(250, 250, 250); transition: border-left, background-color 0.5s; }
.fr-command.fr-btn + .fr-dropdown-menu { background: padding-box rgb(255, 255, 255); border-radius: 4px; bottom: auto; display: inline-block; height: auto; position: absolute; right: auto; z-index: 4; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; overflow: hidden; zoom: 1; }
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper { height: auto; max-height: 275px; transition: none; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { box-sizing: border-box; display: inline-block; float: left; height: 0px; margin-right: auto; margin-bottom: auto; margin-left: auto; padding: 0px; position: relative; text-align: left; transition: height 0.3s; margin-top: 0px !important; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { position: relative; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { list-style-type: none; margin: 0px; min-width: 72px; padding: 8px 0px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { font-size: 15px; margin: 0px; padding: 0px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { background-clip: padding-box; border-radius: 0px; color: inherit; cursor: pointer; display: flex; line-height: 200%; padding: 0px 20px; text-decoration: none; white-space: nowrap; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg { height: 24px; margin: 3px 4px; width: 24px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path { fill: rgb(51, 51, 51); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: rgb(214, 214, 214); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:focus:not(.fr-table-cell), .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:hover:not(.fr-table-cell) { outline: rgb(0, 152, 247) solid 1px; outline-offset: -1px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { color: rgb(189, 189, 189); cursor: default; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut { font-weight: 700; margin-left: 20px; opacity: 0.75; }
.fr-command.fr-btn.fr-active + .fr-dropdown-menu { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; display: inline-block; }
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { background-clip: padding-box; border-radius: 2px 2px 0px 0px; }
.fr-popup.fr-rtl .fr-dropdown-wrapper, .fr-toolbar.fr-rtl .fr-dropdown-wrapper { text-align: right !important; }
body.fr-prevent-scroll { overflow: hidden; }
body.fr-prevent-scroll.fr-mobile { position: fixed; }
.fr-modal { inset: 0px; color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; overflow: auto scroll; position: fixed; text-rendering: optimizelegibility; width: 100%; z-index: 2147483640; -webkit-font-smoothing: antialiased; line-height: 1.2; text-align: center; }
.fr-modal.fr-middle .fr-modal-wrapper { left: 50%; margin: 0px auto; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.fr-modal .fr-modal-wrapper { background: rgb(255, 255, 255); border: 0px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; display: inline-block; margin: 20px auto; min-width: 300px; overflow: hidden; position: relative; width: 90%; }
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper { margin: 30px auto; width: 70%; }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper { margin: 50px auto; width: 960px; }
}
.fr-modal .fr-modal-wrapper .fr-modal-head { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(239, 239, 239); min-height: 42px; overflow: hidden; position: absolute; transition: 0.2s; width: 100%; z-index: 3; }
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line { height: 56px; padding: 0px 10px; }
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close { margin: 10px; position: absolute; right: 0px; top: 0px; }
.fr-modal .fr-modal-wrapper .fr-modal-head h4 { display: inline-block; float: left; font-size: 20px; font-weight: 400; line-height: 18px; margin: 0px; padding: 19px 10px; }
.fr-modal .fr-modal-wrapper div.fr-modal-body { height: 100%; min-height: 150px; overflow-y: auto; padding-bottom: 20px; }
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus { outline: 0px; }
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { background: none padding-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 2px; color: rgb(0, 152, 247); cursor: pointer; font-size: 16px; height: 36px; line-height: 1; outline: none; padding: 10px; text-decoration: none; transition: background 0.2s; }
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button { margin-left: 24px; }
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover { background: rgb(235, 235, 235); color: rgb(0, 152, 247); }
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active { background: rgb(214, 214, 214); color: rgb(0, 152, 247); }
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { background: rgb(235, 235, 235); }
.fr-overlay { background: rgb(0, 0, 0); inset: 0px; opacity: 0.5; position: fixed; z-index: 2147483639; }
ol.decimal_type { counter-reset: item 0; }
ol.decimal_type > li { display: block; position: relative; }
ol.decimal_type > li::before { content: counters(item, ".") ". "; counter-increment: item 1; margin-right: 100%; position: absolute; right: 10px; }
.fr-popup { background: padding-box rgb(255, 255, 255); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; box-sizing: border-box; color: rgb(34, 34, 34); display: none; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; position: absolute; text-align: left; text-rendering: optimizelegibility; user-select: none; z-index: 2147483635; -webkit-font-smoothing: antialiased; line-height: 1.2; }
.fr-popup .fr-icon { box-sizing: initial; cursor: pointer; font-size: 20px; font-weight: 400; line-height: 1; padding: 6px; text-align: center; vertical-align: middle; }
.fr-popup .fr-icon-container { box-sizing: border-box; max-height: 200px; overflow: auto; padding: 20px; }
@supports not (-ms-high-contrast:none) {
  .fr-popup .fr-icon-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); }
}
@media (min-width: 768px) {
  .fr-popup .fr-icon-container { min-width: 276px; }
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
  .fr-popup .fr-icon-container { display: inline-flex; }
}
@media (-ms-high-contrast:none) and (max-width: 768px), screen and (-ms-high-contrast:active) and (max-width: 768px) {
  .fr-popup .fr-icon-container { width: 236px; }
}
.fr-popup .fr-input-focus { background: rgb(245, 245, 245); }
.fr-popup.fr-above { border-top: 0px; margin-top: -10px; }
.fr-popup.fr-active { display: block; }
.fr-popup.fr-empty, .fr-popup.fr-hidden { display: none !important; }
.fr-popup .fr-hs { display: block !important; }
.fr-popup .fr-hs.fr-hidden { display: none !important; }
.fr-popup .fr-input-line { padding: 15px 0px; position: relative; }
.fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea { background: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 2px; box-sizing: border-box; color: rgb(34, 34, 34); font-size: 14px; margin-bottom: 1px; padding: 4px 12px; position: relative; transition: border 0.5s, padding 0.5s; width: 100%; z-index: 2; }
.fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover { border: 1px solid rgb(81, 81, 81); }
.fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus { border: 2px solid rgb(0, 152, 247); padding: 3px 11px; }
.fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line input[type="text"] { height: 46px; }
.fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label { background: rgb(255, 255, 255); color: grey; cursor: text; display: block; font-size: 14px; left: 12px; padding: 0px; position: absolute; top: 29px; transition: 0.5s; z-index: 3; }
.fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label { color: gray; font-size: 11px; left: 4px; padding: 0px 4px; top: 9px; width: auto; }
.fr-popup input, .fr-popup textarea { background-clip: padding-box; border-radius: 0px; outline: none; user-select: text; }
.fr-popup textarea { resize: none; }
.fr-popup .fr-buttons { line-height: 0; white-space: nowrap; }
.fr-popup .fr-buttons .fr-btn { display: inline-block; float: none; margin-left: 4px; margin-right: 4px; }
.fr-popup .fr-buttons .fr-btn i { float: left; }
.fr-popup .fr-buttons .fr-separator { display: inline-block; float: none; }
.fr-popup .fr-buttons.fr-tabs { background-clip: padding-box; background-color: rgb(245, 245, 245); border-radius: 6px 6px 0px 0px; overflow: hidden; }
@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll { overflow: scroll hidden; width: 276px; }
}
.fr-popup .fr-buttons:not(.fr-tabs) { padding: 5px; }
.fr-popup .fr-layer { background-clip: padding-box; border-radius: 6px; box-sizing: border-box; display: none; margin: 20px; width: 195px; }
@media (min-width: 768px) {
  .fr-popup .fr-layer { width: 260px; }
}
.fr-popup .fr-layer.fr-active { display: inline-block; }
.fr-popup .fr-action-buttons { height: 36px; text-align: right; z-index: 7; }
.fr-popup .fr-action-buttons button.fr-command { background: none padding-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 2px; color: rgb(0, 152, 247); cursor: pointer; font-size: 16px; height: 36px; line-height: 1; outline: none; padding: 10px; text-decoration: none; transition: background 0.2s; }
.fr-popup .fr-action-buttons button.fr-command + button { margin-left: 24px; }
.fr-popup .fr-action-buttons button.fr-command:focus, .fr-popup .fr-action-buttons button.fr-command:hover { background: rgb(235, 235, 235); color: rgb(0, 152, 247); }
.fr-popup .fr-action-buttons button.fr-command:active { background: rgb(214, 214, 214); color: rgb(0, 152, 247); }
.fr-popup .fr-checkbox { border-radius: 100%; box-sizing: initial; display: inline-block; height: 18px; line-height: 1; padding: 10px; position: relative; vertical-align: middle; width: 18px; }
.fr-popup .fr-checkbox svg { display: none; height: 10px; margin-left: 2px; margin-top: 2px; width: 10px; }
.fr-popup .fr-checkbox span { background-clip: padding-box; border-radius: 2px; box-sizing: border-box; display: inline-block; height: 18px; position: relative; transition: background 0.2s, border-color 0.2s; width: 18px; z-index: 1; }
.fr-popup .fr-checkbox input { border: 0px; cursor: pointer; height: 18px; left: 7px; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 7px; width: 18px; z-index: 2; }
.fr-popup .fr-checkbox input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); }
.fr-popup .fr-checkbox input:not(:checked):active + span { background-color: rgb(245, 245, 245); }
.fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span { border-color: rgb(81, 81, 81); }
.fr-popup .fr-checkbox input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); }
.fr-popup .fr-checkbox input:checked + span svg { display: block; }
.fr-popup .fr-checkbox input:checked:active + span { background-color: rgb(236, 245, 255); }
.fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span { opacity: 0.8; }
.fr-popup .fr-checkbox-line { font-size: 14px; line-height: 1.4px; margin-top: 10px; }
.fr-popup .fr-checkbox-line label { cursor: pointer; margin: 0px 5px; vertical-align: middle; }
.fr-popup.fr-rtl { direction: rtl; text-align: right; }
.fr-popup.fr-rtl .fr-action-buttons { text-align: left; }
.fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label { left: auto; right: 0px; }
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs { float: right; }
.fr-text-edit-layer { box-sizing: border-box; width: 250px; display: block !important; }
.fr-toolbar { background: padding-box rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 2px; box-sizing: border-box; color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; position: relative; text-align: left; text-rendering: optimizelegibility; user-select: none; -webkit-font-smoothing: antialiased; line-height: 1.2; padding-bottom: 0px; transition: padding-bottom 0.5s; }
.fr-toolbar::after { clear: both; content: ""; display: block; height: 0px; }
.fr-toolbar .fr-newline { background: rgb(239, 239, 239); clear: both; content: ""; display: block; height: 1px; margin-left: 9px; margin-right: 9px; transition: height 0.5s; }
.fr-toolbar.fr-toolbar-open .fr-newline { height: 0px; }
.fr-toolbar .fr-float-right { float: right; }
.fr-toolbar .fr-float-left { float: left; }
.fr-toolbar .fr-more-toolbar { background-clip: padding-box; background-color: rgb(245, 245, 245); border-radius: 0px; box-sizing: border-box; float: left; height: 0px; overflow: hidden; transition: height 0.5s; width: 100%; }
.fr-toolbar .fr-more-toolbar.fr-expanded { height: 48px; }
.fr-toolbar .fr-more-toolbar.fr-overflow-visible { overflow: visible; }
.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn { margin-left: 4px; margin-right: 4px; }
.fr-toolbar .fr-btn-grp { display: inline-block; margin: 0px 17px 0px 12px; }
@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp { margin: 0px 7px 0px 6px; }
}
.fr-toolbar .fr-command.fr-btn.fr-open { background-clip: padding-box; border-radius: 4px 4px 0px 0px; margin-bottom: -1px; margin-top: 10px; }
.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) { background: rgb(245, 245, 245); }
.fr-toolbar .fr-popup .fr-command:focus-visible { outline: none; }
.fr-toolbar.fr-rtl { text-align: right; }
.fr-toolbar.fr-inline { border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; display: none; margin-top: 5px; position: absolute; white-space: nowrap; z-index: 2147483630; }
.fr-toolbar.fr-inline.fr-above { border-top: 0px; margin-top: -10px; }
.fr-toolbar.fr-inline .fr-newline { height: 0px; }
.fr-toolbar.fr-inline .fr-more-toolbar { position: absolute !important; }
.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded { position: relative !important; }
.fr-toolbar.fr-top { border-bottom: 0px; border-radius: 10px 10px 0px 0px; top: 0px; }
.fr-toolbar.fr-bottom, .fr-toolbar.fr-top { background-clip: padding-box; }
.fr-toolbar.fr-bottom { border-radius: 0px 0px 10px 10px; border-top: 0px; bottom: 0px; padding-bottom: 0px; }
.fr-toolbar.fr-bottom .fr-newline { padding-top: 0px; transition: padding-top 0.5s; }
.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline { background: rgb(255, 255, 255); padding-top: 48px; }
.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open { border-radius: 0px 0px 4px 4px; margin-bottom: 10px; margin-top: -1px; }
.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open, .fr-toolbar.fr-sticky-on { background-clip: padding-box; }
.fr-toolbar.fr-sticky-on { border-radius: 0px; }
.fr-separator { background: rgb(235, 235, 235); display: block; float: left; vertical-align: top; }
.fr-separator + .fr-separator { display: none; }
.fr-separator.fr-vs { height: 32px; margin: 8px 4px; width: 1px; }
.fr-separator.fr-hs { clear: both; height: 1px; margin: 0px 4px; width: calc(100% - 8px); }
.fr-separator.fr-hidden { display: none !important; }
.fr-rtl .fr-separator { float: right; }
.fr-toolbar.fr-inline .fr-separator.fr-hs { float: none; }
.fr-toolbar.fr-inline .fr-separator.fr-vs { display: inline-block; }
.fr-second-toolbar { background: padding-box rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(204, 204, 204) rgb(204, 204, 204); border-image: initial; border-radius: 0px 0px 10px 10px; line-height: 1.4; }
.fr-second-toolbar::after { clear: both; content: ""; display: block; height: 0px; }
.fr-second-toolbar:empty { margin-top: -1px; min-height: 10px; position: relative; z-index: 2; }
#fr-logo { float: left; outline: none; }
#fr-logo > span { color: rgb(177, 178, 183); display: inline-block; float: left; font-family: sans-serif; font-size: 12px; font-weight: 500; padding: 11px 5px 10px 15px; transition: color 0.3s; }
#fr-logo > svg { cursor: pointer; height: 20px; margin: 7px 0px; width: 47px; }
#fr-logo > svg * { transition: fill 0.3s; }
#fr-logo:focus > span, #fr-logo:hover > span { color: rgb(0, 152, 247); }
#fr-logo:focus > svg .fr-logo, #fr-logo:hover > svg .fr-logo { fill: rgb(0, 152, 247); }
.fr-visibility-helper { display: none; margin-left: 0px !important; }
@media (min-width: 768px) {
  .fr-visibility-helper { margin-left: 1px !important; }
}
@media (min-width: 992px) {
  .fr-visibility-helper { margin-left: 2px !important; }
}
@media (min-width: 1200px) {
  .fr-visibility-helper { margin-left: 3px !important; }
}
.fr-opacity-0 { opacity: 0; }
.fr-box { position: relative; }
.fr-sticky { position: sticky; }
.fr-sticky-off { position: relative; }
.fr-sticky-on { position: fixed; z-index: 10; }
.fr-sticky-on.fr-sticky-ios { left: 0px; right: 0px; width: auto !important; }
.modal .fr-sticky-on { position: sticky; }
.fr-sticky-dummy { display: none; }
.fr-sticky-box > .fr-sticky-dummy, .fr-sticky-on + .fr-sticky-dummy { display: block; }
span.fr-sr-only { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-highlight-change > img, .fr-highlight-change > p, .fr-view .fr-highlight-change, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) { background-color: rgb(243, 238, 195); opacity: 0.5; }
.fr-view .fr-highlight-table, .fr-view .fr-highlight-table > span { opacity: 1; }
.fr-highlight-change.fr-highlight-change > hr, .fr-highlight-change.fr-highlight-change > table td { border-color: rgb(243, 238, 195); }
.fr-tracking-deleted.fr-tracking-deleted > hr, .fr-tracking-deleted.fr-tracking-deleted > table td { border-color: rgb(220, 53, 69); }
.fr-tracking-deleted img, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-video > video { background-color: rgb(220, 53, 69); opacity: 0.5; }
.fr-view .fr-tracking-deleted { background-color: rgb(220, 53, 69); opacity: 1; pointer-events: none; text-decoration: line-through; user-select: none; }
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-video > video { padding: 10px !important; }
.fr-highlight-change img, .fr-tracking-deleted img { border: 2px solid rgb(243, 238, 195); }
.fr-highlight-change #isPasted :not(table):not(tbody):not(tr):not(td) { background-color: rgb(243, 238, 195); opacity: 0.5; }
.fr-highlight-change #isPasted > table td { border-color: rgb(243, 238, 195); opacity: 0.5; }
.fr-track-hide { display: none; }
.fr-track-hide-mobile { height: 0px; overflow: hidden; position: absolute; width: 0px; }
.fr-ios-mobile-disable-select { user-select: none; }
.fr-bottom-extended { box-sizing: border-box; display: flex; flex-wrap: wrap; }
.position-relative { position: relative !important; }
.fr-box .fr-counter { border-radius: 2px 0px 0px; color: rgb(153, 153, 153); content: attr(data-chars); float: right; font-family: sans-serif; font-size: 14px; padding: 10px; z-index: 1; }
.fr-box .fr-counter, .fr-box.fr-rtl .fr-counter { background-clip: padding-box; }
.fr-box.fr-rtl .fr-counter { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: 0px 2px 0px 0px; left: 0px; right: auto; }
.fr-box.fr-code-view .fr-counter { display: none; }
textarea.fr-code { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: border-box; color: rgb(0, 0, 0); display: none; font-family: "Courier New", monospace; font-size: 14px; margin: 0px; outline: none; padding: 10px; resize: none; width: 100%; }
.fr-box.fr-rtl textarea.fr-code { direction: rtl; }
.fr-box .CodeMirror { display: none; }
.fr-box.fr-code-view textarea.fr-code { display: block; }
.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-iframe, .fr-box.fr-code-view .fr-placeholder { display: none; }
.fr-box.fr-code-view .CodeMirror, .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch { display: block; }
.fr-box.fr-inline .fr-command.fr-btn.html-switch { background: padding-box rgb(255, 255, 255); border: 0px; border-radius: 0px; box-sizing: border-box; color: rgb(51, 51, 51); cursor: pointer; display: none; line-height: 1; outline: 0px; padding: 8px 7px; position: absolute; right: 0px; text-align: left; text-decoration: none; top: 0px; transition: background 0.2s; user-select: none; z-index: 2; }
.fr-box.fr-inline .fr-command.fr-btn.html-switch i { font-size: 24px; text-align: center; width: 24px; }
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { background: rgb(235, 235, 235); }
.fr-popup .fr-layer.fr-color-hex-layer { float: left; margin: 0px; padding: 0px 20px 20px; }
.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line { float: left; padding: 15px 0px 0px; width: calc(100% - 50px); }
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons { float: right; height: 40px; margin: 0px; padding: 17px 0px 0px; width: 38px; }
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { background-clip: padding-box; border-radius: 2px; font-size: 13px; height: 40px; width: 38px; }
.fr-popup .fr-separator + .fr-colors-tabs { margin-left: 2px; margin-right: 2px; }
.fr-popup .fr-color-set { display: none; line-height: 0; }
.fr-popup .fr-color-set.fr-selected-set { display: block; padding: 20px 20px 0px; }
.fr-popup .fr-color-set > span { display: inline-block; height: 32px; position: relative; width: 32px; z-index: 1; }
.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg { bottom: 0px; cursor: default; font-size: 13px; height: 24px; left: 0px; line-height: 32px; margin: 4px; position: absolute; text-align: center; width: 24px; }
.fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path { fill: rgb(34, 34, 34); }
.fr-popup .fr-color-set > span .fr-selected-color { inset: 0px; color: rgb(255, 255, 255); cursor: default; font-family: FontAwesome; font-size: 13px; font-weight: 400; line-height: 32px; position: absolute; text-align: center; }
.fr-popup .fr-color-set > span:focus, .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:not(.fr-table-cell):focus, .fr-popup .fr-color-set > span:not(.fr-table-cell):hover { outline: rgb(34, 34, 34) solid 1px; z-index: 2; }
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { transform: translate3d(100%, 0px, 0px); }
.fr-drag-helper { background: rgb(0, 152, 247); display: none; height: 2px; margin-top: -1px; opacity: 0.2; position: absolute; z-index: 2147483640; }
.fr-drag-helper.fr-visible { display: block; }
.fr-dragging { opacity: 0.4; }
.fr-popup .fr-emoticon { font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; height: 24px; width: 24px; }
.fr-popup .fr-emoticon img { height: 24px; width: 24px; }
.fr-popup .fr-command.fr-btn.fr-tabs-unicode { padding: 0px 0px 0px 14px; }
@media (-ms-high-contrast:none) and (min-width: 768px), screen and (-ms-high-contrast:active) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container { width: 368px; }
}
.fr-popup .fr-file-upload-layer { border: 2px dashed rgb(189, 189, 189); box-sizing: border-box; font-size: 14px; letter-spacing: 1px; line-height: 140%; margin: 20px; padding: 25px 0px; position: relative; text-align: center; }
.fr-popup .fr-file-upload-layer:hover { background: rgb(235, 235, 235); }
.fr-popup .fr-file-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); }
.fr-popup .fr-file-upload-layer .fr-form { inset: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 2147483640; margin: 0px !important; padding: 0px !important; width: 100% !important; }
.fr-popup .fr-file-upload-layer .fr-form input { bottom: 0px; cursor: pointer; font-size: 400px; height: 100%; margin: 0px; position: absolute; right: 0px; top: 0px; width: 500%; }
.fr-popup .fr-file-progress-bar-layer { box-sizing: border-box; }
.fr-popup .fr-file-progress-bar-layer > h3 { font-size: 16px; font-weight: 400; margin: 10px 0px; }
.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons { display: none; }
.fr-popup .fr-file-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; margin-top: 20px; overflow: hidden; position: relative; width: 100%; }
.fr-popup .fr-file-progress-bar-layer > div.fr-loader span { background: rgb(0, 152, 247); display: block; height: 100%; transition: width 0.2s; width: 0px; }
.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { animation: 2s linear 0s infinite normal none running loading; position: absolute; top: 0px; width: 30% !important; }
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader { display: none; }
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; }
.fr-height-auto { height: auto !important; }
.fr-by-url-padding { padding: 11.5px 0px; }
.fr-popup .fr-upload-progress-layer { border-radius: 0px; box-sizing: border-box; max-height: 100%; overflow: hidden auto; overscroll-behavior: contain; padding-left: 20px; padding-top: 15px; margin: auto !important; width: 100% !important; }
.fr-popup .fr-files-by-url-layer, .fr-popup .fr-files-embed-layer, .fr-popup .fr-files-upload-layer { width: calc(100% - 40px) !important; }
.fr-popup .fr-files-upload-layer { border: 2px dashed rgb(189, 189, 189); font-size: 10px; letter-spacing: 1px; line-height: 140%; margin: 20px; position: relative; text-align: center; }
.fr-popup .fr-files-upload-layer:hover { background: rgb(235, 235, 235); }
.fr-popup .fr-files-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); }
.fr-popup .fr-files-upload-layer .fr-form { inset: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 2147483640; margin: 0px !important; padding: 0px !important; width: 100% !important; }
.fr-popup .fr-files-upload-layer .fr-form input { bottom: 0px; cursor: pointer; font-size: 400px; height: 100%; margin: 0px; position: absolute; right: 0px; top: 0px; width: 500%; }
.fr-popup .fr-files-progress-bar-layer { width: stretch; }
.fr-popup .fr-files-progress-bar-layer > h3 { font-size: 16px; font-weight: 400; margin: 10px 0px; }
.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons { display: none; }
.fr-popup .fr-files-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; margin-top: 20px; overflow: hidden; position: relative; width: 100%; }
.fr-popup .fr-files-progress-bar-layer > div.fr-loader span { background: rgb(0, 152, 247); display: block; height: 100%; transition: width 0.2s; width: 0px; }
.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span { animation: 2s linear 0s infinite normal none running loading; position: absolute; top: 0px; width: 30% !important; }
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader { display: none; }
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; }
.fr-progress-bar-style { width: calc(100% - 40px); }
.fr-progress-bar { background-color: rgb(76, 175, 80); height: 8px; margin-bottom: 8px; margin-left: 20px; margin-right: 20px; position: relative; width: stretch; }
.fr-pull-left { float: left; }
.fr-pull-right { float: right; }
.fr-icons { display: inline; padding: 10px 20px 0px; }
.fr-transform-135 { transform: rotate(135deg); }
.fr-icons i { color: rgb(153, 149, 136); cursor: pointer; font-size: 20px; margin: 4px; padding: 2px; }
.fr-blue-decorator { background: rgb(74, 127, 186); color: rgb(255, 255, 255); display: grid; padding: 5px; }
.fr-upload-progress { padding: 1px; }
.fr-upload-section { position: relative; width: stretch; }
@media screen and (max-width: 399px) {
  .fr-upload-section { margin-left: 7px; margin-right: 7px; }
  .fr-files-upload-layer { padding-bottom: 7px; padding-top: 7px; }
}
@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section { margin-left: 7px; margin-right: 7px; }
  .fr-files-upload-layer { padding-bottom: 7px; padding-top: 7px; }
}
@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section { margin-left: 7px; margin-right: 7px; }
  .fr-files-upload-layer { padding-bottom: 7px; padding-top: 7px; }
}
@media screen and (min-width: 681px) {
  .fr-upload-section { margin-left: 35px; margin-right: 35px; }
  .fr-files-upload-layer { padding-bottom: 20px; padding-top: 20px; }
}
.fr-half-circle { background-color: rgb(255, 255, 255); border-bottom: 0px; border-top-left-radius: 110px; border-top-right-radius: 110px; height: 25px; left: 50%; margin-left: -25px; margin-top: -1px; position: relative; transform: rotate(180deg); width: 60px; z-index: 1; }
.fr-decorated { overflow: hidden; text-align: center; }
.fr-decorated > span { display: inline-block; position: relative; }
.fr-decorated > span::after, .fr-decorated > span::before { border-bottom: 2px solid rgb(255, 255, 255); content: ""; margin: 0px 20px; position: absolute; top: 50%; width: 100%; }
.fr-decorated > span::before { right: 100%; }
.fr-decorated > span::after { left: 100%; }
.fr-align-right { float: right; }
.fr-checkbox-container { cursor: pointer; display: inline-block; font-size: 13px; margin-bottom: 12px; padding-left: 20px; position: relative; user-select: none; }
.fr-files-checkbox-line { align-items: center; display: flex; font-size: 10px; }
.fr-files-checkbox-line label { cursor: pointer; vertical-align: middle; }
.fr-autoplay-checkbox input, .fr-insert-checkbox input { height: 13px !important; width: 13px !important; }
button[data-cmd="insertFiles"] { padding-left: 2px !important; padding-top: 2.7px !important; }
button[data-cmd="autoplay"] svg { position: relative !important; top: 3.2px !important; }
button[data-cmd="insertAll"] { padding-left: 4px !important; }
button[data-cmd="insertAll"] svg { position: relative !important; top: 3.2px !important; }
.fr-checkbox-container input { cursor: pointer; height: 0px; opacity: 0; position: absolute; width: 0px; }
.fr-checkmark { background-color: rgb(238, 238, 238); height: 15px; left: 0px; position: absolute; top: 0px; width: 15px; }
.fr-file-list-item { align-items: center; border-bottom: 1px solid rgb(221, 221, 221); justify-content: space-between; padding-bottom: 7px; padding-top: 7px; position: relative; top: -20px; }
.fr-file-item-left, .fr-file-list-item { display: flex; flex-wrap: wrap; }
.fr-file-item-icon { align-items: center; display: flex; padding-left: 7px; }
.fr-file-item-description { display: flex; flex-flow: column wrap; justify-content: center; margin-left: 5px; max-width: 400px; }
.fr-cloud-icon { background-color: rgb(255, 255, 255); border-radius: 50%; display: flex; height: 30px; justify-content: center; margin: -18px auto 0px; position: relative; width: 32px; }
.fr-files-checkbox { border-radius: 100%; box-sizing: initial; display: inline-block; height: 13px; line-height: 1; padding-right: 5px; position: relative; vertical-align: middle; width: 13px; }
.fr-files-checkbox svg { display: none; height: 10px; margin-left: 0px; margin-top: 0px; width: 10px; }
.fr-files-checkbox span { background-clip: padding-box; border-radius: 2px; box-sizing: border-box; display: inline-block; height: 15px; position: relative; transition: background 0.2s, border-color 0.2s; width: 15px; z-index: 1; }
.fr-files-checkbox input { border: 0px; cursor: pointer; height: 18px; margin: 0px; opacity: 0; padding: 0px; position: absolute; width: 18px; z-index: 2; }
.fr-files-checkbox input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); }
.fr-files-checkbox input:not(:checked):active + span { background-color: rgb(245, 245, 245); }
.fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span { border-color: rgb(81, 81, 81); }
.fr-files-checkbox input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); }
.fr-files-checkbox input:checked + span svg { display: block; }
.fr-files-checkbox input:checked:active + span { background-color: rgb(236, 245, 255); }
.fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span { opacity: 0.8; }
.fr-checkbox-disabled { border-radius: 100%; box-sizing: initial; display: inline-block; line-height: 1; opacity: 0.4; padding-right: 5px; position: relative; vertical-align: middle; height: 13px !important; width: 13px !important; }
.fr-checkbox-disabled svg { display: none; height: 10px; margin-left: 2px; margin-top: 2px; width: 10px; }
.fr-checkbox-disabled span { background-clip: padding-box; border-radius: 2px; box-sizing: border-box; display: inline-block; height: 15px; position: relative; transition: background 0.2s, border-color 0.2s; width: 15px; z-index: 1; }
.fr-checkbox-disabled input { border: 0px; cursor: default; left: 7px; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 7px; z-index: 2; height: 13px !important; width: 13px !important; }
.fr-checkbox-disabled input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); }
.fr-checkbox-disabled input:not(:checked):active + span { background-color: rgb(245, 245, 245); }
.fr-checkbox-disabled input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); }
.fr-checkbox-disabled input:checked + span svg { display: block; }
.fr-checkbox-disabled input:checked:active + span { background-color: rgb(236, 245, 255); }
.fr-file-view { max-width: 60%; position: absolute; right: 10%; z-index: 2147483642; }
.fr-file-item-thumbnail-hover { transition: transform 0.2s; }
.fr-file-item-thumbnail-hover:hover { transform: scale(1.3); }
.fr-file-name { font-size: 12px; font-weight: 700; padding-top: 5px; }
.fr-margin-16 { margin-bottom: 16px; }
.fr-none { display: none; }
.fr-display-block { display: block; }
.fr-files-manager-tooltip { position: relative; }
.padding-top-15 { padding-bottom: 0px !important; padding-top: 15px !important; }
.fr-files-manager-tooltip .tooltiptext { max-width: 250px; visibility: hidden; width: max-content; word-break: break-word; overflow-wrap: break-word; background-color: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 100; left: 50%; padding: 4px; position: absolute; text-align: left; top: 80%; z-index: 2147483647; }
.fr-files-manager-tooltip:hover .tooltiptext { visibility: visible; }
.fr-file-details { display: flex; flex-wrap: wrap; font-size: 10px; }
.fr-file-date { word-break: break-word; overflow-wrap: break-word; max-width: 110px; }
.fr-file-date, .fr-file-size { color: rgb(68, 68, 68); padding-bottom: 2px; padding-top: 2px; }
.dot { background-image: radial-gradient(circle, grey 1px, rgba(0, 0, 0, 0) 2px); background-size: 100% 33.33%; height: 20px; margin-left: 2px; margin-right: 2px; width: 20px; }
.fr-file-action-icons { color: rgb(153, 153, 153); margin-right: 5px; height: 25px !important; margin-left: 5px !important; padding: 5px !important; }
@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext { max-width: 250px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; font-size: 8px; left: 0px; top: 90%; }
}
@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; left: 0px; top: 90%; }
  .fr-file-item-description { width: 130px; }
  .fr-file-item-right { width: 100%; }
  .progress-circle { font-size: 6px; }
}
@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; font-size: 8px; left: -50%; top: 90%; }
  .dot { margin-left: 0px; margin-right: 3px; width: 20px; }
  .fr-file-item-description { width: 80px; }
  .fr-file-details { display: flex; flex-wrap: wrap; font-size: 9px; }
  .fr-file-name { font-size: 10px; }
  .fr-file-action-icons { padding: 0px !important; }
}
@media screen and (min-width: 501px) {
  .progress-circle { font-size: 9px; }
}
.fr-file-view-modal { background-color: rgba(0, 0, 0, 0.7); display: block; height: 100%; left: 0px; overflow: auto; position: fixed; top: 0px; width: 100%; z-index: 2147483641; }
.fr-file-view-modal-content { display: inline-block; text-align: center; }
.fr-file-view-image { inset: 0px; margin: auto; max-height: 70%; max-width: 80%; position: absolute; }
.fr-file-view-close { color: rgb(241, 241, 241); font-size: 40px; font-weight: 700; position: absolute; right: 35px; top: 15px; transition: 0.3s; }
.fr-file-view-close:focus, .fr-file-view-close:hover { color: rgb(187, 187, 187); cursor: pointer; text-decoration: none; }
.fr-file-error { color: red; font-size: 12px; font-weight: 200; padding-bottom: 5px; }
.fr-file-error-h5 { margin: 0px; }
.fr-file-item-right { align-items: center; display: flex; justify-content: flex-end; margin-right: 20px; }
.fr-file-item-action-buttons { align-items: center; display: flex; justify-content: space-around; }
.fr-file-item-autoplay-checkbox { align-items: center; margin: 0px 5px 0px 0px; padding: 0px; }
.fr-autoplay-checkbox-label { margin: 0px; cursor: default !important; }
.fr-checkbox-container:hover input ~ .fr-checkmark { background-color: rgb(204, 204, 204); }
.fr-checkbox-container input:checked ~ .fr-checkmark { background-color: rgb(33, 150, 243); }
.fr-checkmark::after { content: ""; display: none; position: absolute; }
.fr-checkbox-container input:checked ~ .fr-checkmark::after { display: block; }
.fr-container .fr-checkmark::after { border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 3px 3px 0px; height: 7px; left: 5px; top: 2px; transform: rotate(45deg); width: 3px; }
.fr-file-item-details .file-name { display: inline; font-weight: 700; }
.fr-file-item-details .file-description { display: inline; font-size: 11px; font-weight: 300; }
.fr-width-10 { display: inline-block; width: 10%; }
.fr-width-20 { display: inline-block; width: 20%; }
.fr-width-30 { display: inline-block; width: 30%; }
.fr-width-40 { display: inline-block; width: 40%; }
.fr-width-50 { display: inline-block; width: 50%; }
.fr-width-60 { display: inline-block; width: 60%; }
.fr-width-100 { display: inline-block; width: 100%; }
.fr-width-80 { display: inline-block; width: 80%; }
.fr-width-90 { display: inline-block; width: 90%; }
.fr-width-85 { display: inline-block; width: 85%; }
.fr-width-5 { display: inline-block; width: 5%; }
.fr-width-7 { display: inline-block; width: 7%; }
.fr-img-icon { color: rgb(170, 170, 170); font-size: 16px; padding: 0px 4px; }
.fr-position-content { position: relative; top: 10px; }
.file-error { color: red; }
#myprogressBar { background-color: rgb(76, 175, 80); height: 5px; position: relative; top: -30px; width: 10%; }
.fr-files-manager { z-index: 2147483641 !important; }
.progress-circle { background-color: rgb(242, 233, 225); border-radius: 50%; height: 5.1em; line-height: 5em; margin: 0px 0px 0px 10px; padding: 0px; position: relative; width: 5em; }
.progress-circle::after { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; content: " "; height: 4.3em; left: 0.35em; top: 0.35em; width: 4.3em; }
.progress-circle span, .progress-circle::after { display: block; position: absolute; text-align: center; }
.progress-circle span { color: rgb(83, 119, 122); line-height: 5em; width: 5em; z-index: 2; }
.progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); }
.progress-circle.over50 .first50-bar { position: absolute; clip: rect(0px, 5em, 5em, 2.5em); background-color: rgb(83, 119, 122); border-radius: 50%; height: 5em; width: 5em; }
.progress-circle.p0 .value-bar, .progress-circle:not(.over50) .first50-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(1turn); }
.left-half-clipper { clip: rect(0px, 5em, 5em, 2.5em); }
.left-half-clipper, .value-bar { border-radius: 50%; height: 5em; position: absolute; width: 5em; }
.value-bar { clip: rect(0px, 2.5em, 5em, 0px); border: 0.45em solid rgb(83, 119, 122); box-sizing: border-box; }
.align-autoplay { align-items: flex-end; margin-right: 7px; }
.fr-hovered-over-file { background-color: rgb(240, 240, 240); }
.fr-thumbnail-padding { padding-right: 4px; }
.fr-command.fr-btn[data-cmd="openFilePickerReplaceImageOnly"] svg path, .fr-command.fr-btn[data-cmd="openFilePickerReplaceVideoOnly"] svg path, .fr-popup .fr-command.fr-btn[data-cmd="filestackIcon"] svg path, .fr-popup .fr-command.fr-btn[data-cmd="openFilePickerFile"] svg path, .fr-popup .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path, .fr-popup .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path, .fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePicker"] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImageOnly"] svg path:last-child, .fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideoOnly"] svg path:last-child, .fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path, .fr-toolbar .fr-command.fr-btn[data-cmd="openFilePicker"] svg path { fill: rgb(239, 74, 37); }
.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path { fill: rgb(0, 152, 247); }
.fsp-picker-appear-active { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 9; }
body.fr-fullscreen .fs-transforms-container { position: absolute; z-index: 2147483647; }
.fsp-notifications__container { position: fixed !important; }
.fr-find-replace-layer .fr-header { padding: 15px; }
.fr-find-replace-layer .fr-body { padding: 0px 15px 15px; }
.fr-find-replace-layer .fr-drag-handle { cursor: move; }
.fr-find-replace-layer h3 { font-size: 16px; font-weight: 700; margin: 0px; text-align: left; }
.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled { background-color: rgb(245, 245, 245); border: 1px solid rgb(209, 209, 209); color: rgb(169, 169, 169); cursor: not-allowed; }
.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder, .fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder { color: rgb(169, 169, 169); }
.fr-find-replace-layer .fr-body .fr-input-line.fr-find-field { padding-bottom: 5px; width: 227px; }
.fr-find-replace-layer .fr-body .fr-input-line.fr-replace-field { padding-bottom: 0px; top: -8px; }
.fr-find-replace-layer .fr-body .fr-label-disabled { background-color: rgb(245, 245, 245); }
.fr-find-replace-layer .fr-body .fr-close-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(51, 51, 51); cursor: pointer; font-size: 25px; position: absolute; right: 10px; top: 2px; }
.fr-find-replace-layer .fr-body .fr-close-btn:hover { color: rgb(204, 204, 204); }
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options { align-items: center; background: none; border-radius: 4px; color: rgb(51, 51, 51); cursor: pointer; display: flex; font-weight: 700; justify-content: space-between; padding: 10px 0px; transition: background-color 0.3s; width: auto; }
.fr-find-replace-layer .fr-body input { border: 1px solid rgb(204, 204, 204); border-radius: 4px; font-size: 14px; margin-left: 0px; padding: 8px; }
.fr-find-replace-layer .fr-body .fr-input-container { width: 100%; }
.fr-find-replace-layer .fr-body .fr-arrow-buttons { display: flex; flex-direction: row; gap: 5px; margin-left: 10px; margin-top: 10px; }
.fr-find-replace-layer .fr-body .fr-arrow-buttons button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-size: 12px; margin-bottom: 12px; padding: 2px 4px; }
.fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled { color: rgb(169, 169, 169); cursor: not-allowed; pointer-events: none; }
.fr-find-replace-layer .fr-body .fr-button-group { display: flex; gap: 10px; justify-content: flex-end; margin-top: 10px; }
.fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 152, 247); color: rgb(0, 152, 247); margin-top: 10px; }
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn { background-color: rgb(255, 255, 255); color: rgb(0, 152, 247); font-size: 14px; margin-top: 10px; }
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled { color: rgb(169, 169, 169); cursor: not-allowed; pointer-events: none; }
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn { background-color: rgb(255, 255, 255); color: rgb(0, 152, 247); font-size: 14px; margin-top: 10px; }
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled { color: rgb(169, 169, 169); cursor: not-allowed; pointer-events: none; }
.fr-find-replace-layer .fr-body button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; cursor: pointer; font-size: 14px; padding: 8px 12px; }
.fr-find-replace-layer .fr-body .fr-input-container { align-items: center; display: flex; position: relative; }
.fr-find-replace-layer .fr-body #fr-replaceText { width: 77%; }
.fr-find-replace-layer .fr-body #fr-findText { border: 1px solid rgb(204, 204, 204); border-radius: 4px; font-size: 14px; padding-right: 40px; position: relative; }
.fr-find-replace-layer .fr-body #fr-findText:focus { border: 2px solid rgb(0, 152, 247); }
.fr-find-replace-layer .fr-body .fr-find-error { color: rgb(247, 0, 0); display: none; font-size: 12px; max-width: 300px; overflow-wrap: break-word; }
.fr-find-replace-layer .fr-body #fr-findText.error { border-color: rgb(247, 0, 0); }
.fr-find-replace-layer .fr-body .fr-count-indicator { color: rgb(204, 204, 204); font-size: 12px; pointer-events: none; position: absolute; right: 80px; top: 57%; transform: translateY(-50%); visibility: hidden; z-index: 10; }
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow { font-size: 14px; font-weight: 100; margin-right: 4px; margin-top: 2px; transition: transform 0.3s; }
.fr-find-replace-layer .fr-body .fr-advanced-options-panel { border-radius: 4px; }
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group { display: flex; flex-direction: column; gap: 8px; }
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row { align-items: center; display: flex; font-size: 14px; gap: 6px; }
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row input[type="checkbox"]:focus-visible { outline: rgb(0, 152, 247) solid 2px; outline-offset: 2px; }
.fr-find-replace-layer .fr-body .fr-toggle-btn { background-color: rgb(204, 204, 204); border-radius: 10px; cursor: pointer; display: inline-block; height: 20px; margin-right: 10px; position: relative; vertical-align: middle; width: 40px; }
.fr-find-replace-layer .fr-body .fr-arrow { font-size: 12px; margin-right: 5px; margin-top: 1px; position: absolute; right: 15px; }
.fr-find-replace-layer .fr-body .fr-disabled svg.fr-arrow-button { fill: rgb(169, 169, 169); }
.fr-find-replace-layer .fr-body .fr-arrow-button { height: 12px; width: 12px; }
.fr-find-replace-layer .fr-body .fr-btn-active-popup { background: rgb(214, 214, 214); }
.fr-find-replace-highlight { background-color: rgb(255, 255, 0); }
.fr-find-replace-current-highlight { background-color: orange; }
body.fr-fullscreen { height: 100%; overflow: hidden; position: fixed; width: 100%; }
.fr-box.fr-fullscreen { inset: 0px; position: fixed; margin: 0px !important; width: auto !important; z-index: 2147483630 !important; }
.fr-box.fr-fullscreen .fr-wrapper { background-color: rgb(255, 255, 255); }
.fr-box.fr-fullscreen .fr-toolbar, .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper, .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper { background-clip: padding-box; border-radius: 0px; }
.fr-box.fr-fullscreen .fr-toolbar.fr-top { top: 0px !important; }
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom { bottom: 0px !important; }
.fr-box.fr-fullscreen .fr-second-toolbar { background-clip: padding-box; border-radius: 0px; margin-top: 0px; }
.fr-fullscreen-wrapper { margin: 0px !important; overflow: visible !important; padding: 0px !important; width: 100% !important; z-index: 2147483640 !important; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal { padding: 20px 20px 10px; text-align: left; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table { border-collapse: collapse; font-size: 14px; line-height: 1.5; width: 100%; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table { margin-top: 20px; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { border: 0px; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th { text-align: left; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th { padding: 6px 0px 4px; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { border-bottom: 1px solid rgb(235, 235, 235); }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { color: rgb(100, 100, 100); width: 60%; }
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) { letter-spacing: 0.5px; }
.fr-element img { cursor: pointer; padding: 0px 1px; }
.fr-image-resizer { border: 1px solid rgb(0, 152, 247); box-sizing: initial; display: none; position: absolute; user-select: none; }
.fr-image-resizer.fr-active { display: block; }
.fr-image-resizer .fr-handler { background: padding-box rgb(0, 152, 247); border: 1px solid rgb(255, 255, 255); border-radius: 2px; box-sizing: border-box; display: block; position: absolute; z-index: 4; }
.fr-image-resizer .fr-handler.fr-hnw { cursor: nw-resize; }
.fr-image-resizer .fr-handler.fr-hne { cursor: ne-resize; }
.fr-image-resizer .fr-handler.fr-hsw { cursor: sw-resize; }
.fr-image-resizer .fr-handler.fr-hse { cursor: se-resize; }
.fr-image-resizer .fr-handler { height: 12px; width: 12px; }
.fr-image-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; }
.fr-image-resizer .fr-handler.fr-hne { right: -6px; top: -6px; }
.fr-image-resizer .fr-handler.fr-hsw { bottom: -6px; left: -6px; }
.fr-image-resizer .fr-handler.fr-hse { bottom: -6px; right: -6px; }
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler { height: 10px; width: 10px; }
  .fr-image-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; }
  .fr-image-resizer .fr-handler.fr-hne { right: -5px; top: -5px; }
  .fr-image-resizer .fr-handler.fr-hsw { bottom: -5px; left: -5px; }
  .fr-image-resizer .fr-handler.fr-hse { bottom: -5px; right: -5px; }
}
.fr-image-overlay { inset: 0px; display: none; position: fixed; z-index: 2147483640; }
.fr-popup .fr-image-upload-layer { border: 2px dashed rgb(189, 189, 189); font-size: 14px; letter-spacing: 1px; line-height: 140%; margin: 20px; padding: 25px 0px; position: relative; text-align: center; }
.fr-popup .fr-image-upload-layer:has(.fr-not-empty), .fr-popup .fr-image-upload-layer:hover { background: rgb(235, 235, 235); }
.fr-popup .fr-image-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); }
.fr-popup .fr-image-upload-layer .fr-form { inset: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 2147483640; margin: 0px !important; padding: 0px !important; width: 100% !important; }
.fr-popup .fr-image-upload-layer .fr-form input { bottom: 0px; cursor: pointer; font-size: 400px; height: 100%; margin: 0px; position: absolute; right: 0px; top: 0px; width: 100%; }
.fr-popup .fr-image-progress-bar-layer > h3 { font-size: 16px; font-weight: 400; margin: 10px 0px; }
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons { display: none; }
.fr-popup .fr-image-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; margin-top: 20px; overflow: hidden; position: relative; width: 100%; }
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span { background: rgb(0, 152, 247); display: block; height: 100%; transition: width 0.2s; width: 0px; }
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { animation: 2s linear 0s infinite normal none running loading; position: absolute; top: 0px; width: 30% !important; }
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader { display: none; }
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; }
.fr-image-size-layer .fr-image-group .fr-input-line { display: inline-block; width: calc(50% - 5px); }
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { margin-left: 10px; }
.fr-uploading { opacity: 0.4; }
@keyframes loading { 
  0% { left: -25%; }
  100% { left: 100%; }
}
img.fr-draggable { user-select: none; }
.fr-modal .fr-modal-head .fr-modal-head-line::after { clear: both; content: ""; display: block; height: 0px; }
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more { margin-top: 10px; }
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available { opacity: 0; padding: 12px 0px; width: 0px; }
.fr-modal .fr-modal-head .fr-modal-tags { display: none; padding: 0px 20px; text-align: left; }
.fr-modal .fr-modal-head .fr-modal-tags a { background-clip: padding-box; background-color: rgb(245, 245, 245); border-radius: 32px; cursor: pointer; display: inline-block; margin: 8px 0px 8px 8px; opacity: 0; padding: 6px 12px; text-decoration: none; transition: opacity 0.2s, background 0.2s; }
.fr-modal .fr-modal-head .fr-modal-tags a:focus { background-color: rgb(235, 235, 235); outline: none; }
.fr-modal .fr-modal-head .fr-modal-tags a:hover { background-color: rgb(235, 235, 235); }
.fr-modal .fr-modal-head .fr-modal-tags a:active { background-color: rgb(214, 214, 214); }
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag { background-color: rgb(236, 245, 255); color: rgb(0, 152, 247); }
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus { background-color: rgb(235, 235, 235); outline: none; }
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover { background-color: rgb(235, 235, 235); }
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active { background-color: rgb(214, 214, 214); }
.fr-show-tags .fr-modal-more svg path { fill: rgb(0, 152, 247); }
div.fr-modal-body { transition: background 0.2s; }
div.fr-modal-body .fr-preloader { display: block; margin: 50px auto; }
div.fr-modal-body div.fr-image-list { margin: 0px 20px; padding: 0px; text-align: center; }
div.fr-modal-body div.fr-image-list .fr-list-column { float: left; width: calc(50% - 10px); }
@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column { width: calc(33.3333% - 13.3333px); }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column { width: calc(25% - 15px); }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column { margin-left: 20px; }
div.fr-modal-body div.fr-image-list div.fr-image-container { background-clip: padding-box; border-radius: 2px; display: block; overflow: hidden; position: relative; width: 100%; }
div.fr-modal-body div.fr-image-list div.fr-image-container + div, div.fr-modal-body div.fr-image-list div.fr-image-container:first-child { margin-top: 20px; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { background: rgb(0, 0, 0); inset: 0px; content: ""; opacity: 0.5; position: absolute; transition: opacity 0.2s; z-index: 2; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { inset: 0px; color: rgb(255, 255, 255); content: attr(data-deleting); font-size: 15px; height: 20px; margin: auto; position: absolute; z-index: 3; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { background: rgb(204, 204, 204); height: 95px; z-index: 1; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { inset: 0px; content: attr(data-loading); display: inline-block; height: 20px; margin: auto; position: absolute; }
div.fr-modal-body div.fr-image-list div.fr-image-container img { opacity: 1; position: relative; transform: translateZ(0px); transition: opacity 0.2s, filter 0.2s; vertical-align: middle; width: 100%; z-index: 2; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { opacity: 0.75; }
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img { display: inline-block; }
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background-clip: padding-box; border-radius: 100%; box-sizing: border-box; cursor: pointer; display: none; line-height: 40px; margin: 0px; position: absolute; text-decoration: none; top: 50%; transition: background 0.2s, color 0.2s; z-index: 3; }
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { background: rgb(184, 49, 47); fill: rgb(255, 255, 255); left: 50%; padding: 8px; transform: translateY(-50%) translateX(25%); }
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background: rgb(255, 255, 255); fill: rgb(0, 152, 247); left: 50%; padding: 8px; transform: translateY(-50%) translateX(-125%); }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { opacity: 0.75; }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { display: inline-block; height: 40px; width: 40px; }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { background: rgb(191, 70, 68); color: rgb(255, 255, 255); }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { background: rgb(235, 235, 235); }
.fr-line-breaker { border-top: 1px solid rgb(0, 152, 247); cursor: text; display: none; position: fixed; z-index: 2; }
.fr-line-breaker.fr-visible { display: block; }
.fr-line-breaker a.fr-floating-btn { left: calc(50% - 20px); position: absolute; top: -20px; }
.fr-line-breaker a.fr-floating-btn svg { height: 24px; margin: 8px; width: 24px; }
.fr-wrapper-markdown { display: flex; }
.fr-markdown-view { box-sizing: inherit; width: calc(52% - 1px); }
.fr-markdown-editor { background-color: rgb(238, 238, 238); box-sizing: inherit; width: calc(48% - 1px); }
.fr-markdown-editor > p { margin: 0px; }
.fr-markdown-view > p { margin-top: 0px; }
.gutter-horizontal { background-color: rgb(218, 218, 218); cursor: col-resize; display: flex; width: 2px; z-index: 9; }
.e-resize-handler { align-items: center; align-self: center; color: rgb(197, 197, 197); display: flex; font-size: 10px; justify-content: center; position: relative; width: 1px; z-index: 9; }
.fr-markdown-view > dl { margin-bottom: 1rem; margin-top: 0px; }
.fr-markdown-view > dt { font-weight: 700; }
.fr-markdown-view > dd { margin-bottom: 0.5rem; margin-left: 0px; }
.fr-markdown-view > pre { white-space: pre-wrap; overflow-wrap: break-word; margin-bottom: 1.5em; margin-top: 1.5em; }
.fr-markdown-view > code, .fr-markdown-view > pre { background-color: rgb(248, 248, 248); border: 1px solid rgb(223, 223, 223); padding: 0.125rem 0.3125rem 0.0625rem; }
.fr-markdown-view > code { color: rgb(51, 51, 51); font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: 400; }
.fr-markdown-view > pre code { background-color: initial; border: 0px; padding: 0px; }
.fr-markdown-view > sup { top: -0.5em; }
.footnote-a { background-color: initial; color: rgb(0, 123, 255); text-decoration: none; }
.fr-markdown-view > hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(0, 0, 0, 0.1) currentcolor currentcolor; border-image: initial; margin-bottom: 1rem; margin-top: 1rem; }
.blockquote { border-left: 5px solid rgb(238, 238, 238); font-size: 1.25rem; margin: 0px 0px 1rem; padding: 10px 20px; }
.fr-markdown-view > table { background-color: initial; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; max-width: 100%; width: 100%; }
.fr-markdown-view > table > tbody > tr > td, .fr-markdown-view > table > tbody > tr > th, .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th { border: 1px solid rgb(221, 221, 221); line-height: 1.42857; padding: 8px; vertical-align: top; }
.fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th { border-bottom-width: 2px; }
.fr-markdown-view > table > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
.fr-markdown-view > a { color: rgb(51, 122, 183); text-decoration: none; }
.fr-markdown-view > h1 { font-size: 2em !important; }
.fr-markdown-view > h2 { font-size: 1.5em !important; }
.fr-quick-insert { box-sizing: initial; padding-right: 10px; position: absolute; white-space: nowrap; z-index: 2147483639; }
.fr-quick-insert a.fr-floating-btn svg { height: 24px; margin: 8px; width: 24px; }
.fr-quick-insert.fr-on a.fr-floating-btn svg { transform: rotate(135deg); }
.fr-quick-insert.fr-hidden { display: none; }
.fr-qi-helper { padding-left: 20px; position: absolute; white-space: nowrap; z-index: 3; }
.fr-qi-helper a.fr-btn.fr-floating-btn { background: rgb(255, 255, 255); color: rgb(34, 34, 34); display: inline-block; opacity: 0; padding: 6px 10px 10px; text-align: center; transform: scale(0); }
.fr-qi-helper a.fr-btn.fr-floating-btn svg { fill: rgb(34, 34, 34); }
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { opacity: 1; transform: scale(1); }
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category { padding: 10px 15px; }
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span { font-size: 16px; font-weight: 400; }
.fr-popup .fr-special-character { height: 24px; width: 24px; }
@media (-ms-high-contrast:none) and (min-width: 768px), screen and (-ms-high-contrast:active) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container { width: 368px; }
}
.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell { background-color: rgba(0, 100, 255, 0.15); border: 1px double rgb(0, 152, 247); position: relative; }
.fr-element table td, .fr-element table th { user-select: text; }
.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th { user-select: none; }
.fr-table-resizer { cursor: col-resize; display: none; position: absolute; z-index: 3; }
.fr-table-resizer.fr-moving { z-index: 2; }
.fr-table-resizer div { border-right: 1px solid rgb(0, 152, 247); opacity: 0; }
.fr-no-selection { user-select: none; }
.fr-table-selector { border: 2px solid rgba(0, 0, 0, 0); border-radius: 4px 4px 0px 0px; padding: 3px; position: absolute; z-index: 3; }
.fr-table-selector, .fr-table-selector a { display: block; height: 16px; width: 16px; }
.fr-table-selector a > svg { height: 16px; width: 16px; }
.fr-table-selector-active { background-color: rgb(246, 209, 70); border: 2px solid rgb(246, 209, 70); opacity: 1; visibility: visible; }
.fr-table-selector-active a > svg { color: rgb(246, 209, 70); }
.fr-table-selector-active-selected { background-color: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); }
.fr-table-selector-active-selected a > svg { color: rgb(0, 152, 247); }
.fr-table-selector-inactive { opacity: 0; visibility: hidden; }
.fr-view .fr-table-selection-hover { outline: rgb(246, 209, 70) solid 2px; }
.fr-view .fr-table-selected { caret-color: rgba(0, 0, 0, 0); outline: rgb(0, 152, 247) solid 2px; }
.fr-popup .fr-table-size { margin: 20px; }
.fr-popup .fr-table-size .fr-table-size-info { font-size: 14px; text-align: center; }
.fr-popup .fr-table-size .fr-select-table-size { line-height: 0; padding: 5px; white-space: nowrap; }
.fr-popup .fr-table-size .fr-select-table-size > span { background: rgba(0, 0, 0, 0); display: inline-block; padding: 0px 4px 4px 0px; }
.fr-popup .fr-table-size .fr-select-table-size > span > span { border: 1px solid rgb(221, 221, 221); display: inline-block; height: 18px; width: 18px; }
.fr-popup .fr-table-size .fr-select-table-size > span.hover { background: rgba(0, 0, 0, 0); }
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { background: rgba(0, 152, 247, 0.3); border: 1px solid rgb(0, 152, 247); }
.fr-popup .fr-table-size .fr-select-table-size .new-line::after { clear: both; content: ""; display: block; height: 0px; }
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span { display: inline-block !important; }
.fr-popup .fr-table-colors { display: block; padding: 20px 20px 0px; }
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { height: 12px; width: 12px; }
.fr-insert-helper { position: absolute; white-space: nowrap; z-index: 9999; }
.fr-view .fr-table-selected ::selection { background: rgba(0, 0, 0, 0); }
.fr-cell-properties-form, .fr-table-properties-form { background-color: rgb(255, 255, 255); border-radius: 10px; max-width: 100%; padding: 15px; width: 360px; }
.fr-cell-properties-form .fr-cell-properties-section, .fr-cell-properties-form .fr-table-properties-section, .fr-table-properties-form .fr-cell-properties-section, .fr-table-properties-form .fr-table-properties-section { margin-bottom: 12px; }
.fr-cell-properties-form .fr-cell-properties-section label, .fr-cell-properties-form .fr-table-properties-section label, .fr-table-properties-form .fr-cell-properties-section label, .fr-table-properties-form .fr-table-properties-section label { display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.fr-cell-properties-form .fr-cell-bg-container, .fr-cell-properties-form .fr-table-bg-container, .fr-table-properties-form .fr-cell-bg-container, .fr-table-properties-form .fr-table-bg-container { align-items: center; display: flex; position: relative; width: 100%; }
.fr-cell-properties-form .fr-cell-bg-container .fr-input, .fr-cell-properties-form .fr-table-bg-container .fr-input, .fr-table-properties-form .fr-cell-bg-container .fr-input, .fr-table-properties-form .fr-table-bg-container .fr-input { border: 1px solid rgb(204, 204, 204); border-radius: 2px 0px 0px 2px; box-sizing: border-box; flex: 1 1 0%; font-size: 14px; height: 36px; padding: 4px 12px; }
.fr-cell-properties-form .fr-cell-bg-container .fr-input:focus, .fr-cell-properties-form .fr-table-bg-container .fr-input:focus, .fr-table-properties-form .fr-cell-bg-container .fr-input:focus, .fr-table-properties-form .fr-table-bg-container .fr-input:focus { border-color: rgb(0, 152, 247); outline: none; }
.fr-cell-properties-form .fr-cell-bg-container .fr-input.fr-disabled, .fr-cell-properties-form .fr-table-bg-container .fr-input.fr-disabled, .fr-table-properties-form .fr-cell-bg-container .fr-input.fr-disabled, .fr-table-properties-form .fr-table-bg-container .fr-input.fr-disabled { background-color: rgb(245, 245, 245); border: 1px solid rgb(209, 209, 209); color: rgb(169, 169, 169); cursor: not-allowed; }
.fr-cell-properties-form .fr-cell-bg-container .fr-input::placeholder, .fr-cell-properties-form .fr-table-bg-container .fr-input::placeholder, .fr-table-properties-form .fr-cell-bg-container .fr-input::placeholder, .fr-table-properties-form .fr-table-bg-container .fr-input::placeholder { color: rgb(170, 170, 170); }
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color { align-items: center; background: rgba(0, 0, 0, 0); border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) currentcolor; border-image: initial; border-radius: 0px 2px 2px 0px; cursor: pointer; display: flex; height: 36px; justify-content: center; margin: -1px 0px 0px -1px; padding: 0px; position: relative; width: 36px; }
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover { background-color: rgb(235, 235, 235); }
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview { border: 1px solid rgb(153, 153, 153); border-radius: 2px; height: 20px; overflow: hidden; position: relative; width: 20px; }
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator, .fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator { background: red; height: 1px; left: -4px; position: absolute; top: 9px; transform: rotate(-45deg); transform-origin: center center; width: 28px; }
.fr-cell-properties-form .fr-cell-dimensions-container, .fr-table-properties-form .fr-cell-dimensions-container { display: flex; gap: 10px; margin-bottom: 12px; }
.fr-cell-properties-form .fr-cell-dimensions-container label, .fr-table-properties-form .fr-cell-dimensions-container label { font-size: 14px; font-weight: 700; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section { flex: 1 1 0%; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs { align-items: center; display: flex; gap: 6px; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input { border: 1px solid rgb(204, 204, 204); border-radius: 2px; font-size: 14px; padding: 8px; width: 90px; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus { border-color: rgb(0, 152, 247); outline: none; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled { background-color: rgb(245, 245, 245); border: 1px solid rgb(209, 209, 209); color: rgb(169, 169, 169); cursor: not-allowed; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder { color: rgb(170, 170, 170); }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator { font-size: 16px; line-height: 1; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section { flex: 1 1 0%; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label { font-size: 14px; font-weight: 700; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input { border: 1px solid rgb(204, 204, 204); border-radius: 2px; font-size: 14px; padding: 8px; width: 90px; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus { border-color: rgb(0, 152, 247); outline: none; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled { background-color: rgb(245, 245, 245); border: 1px solid rgb(209, 209, 209); color: rgb(169, 169, 169); cursor: not-allowed; }
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder, .fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder { color: rgb(170, 170, 170); }
.fr-cell-properties-form .fr-cell-properties-buttons, .fr-cell-properties-form .fr-table-properties-buttons, .fr-table-properties-form .fr-cell-properties-buttons, .fr-table-properties-form .fr-table-properties-buttons { display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button, .fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button, .fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button, .fr-cell-properties-form .fr-table-properties-buttons .fr-save-button, .fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button, .fr-table-properties-form .fr-cell-properties-buttons .fr-save-button, .fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button, .fr-table-properties-form .fr-table-properties-buttons .fr-save-button { box-sizing: border-box; cursor: pointer; font-size: 14px; font-weight: 500; height: 36px; line-height: 20px; padding: 8px 12px; }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled, .fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled, .fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled, .fr-cell-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled, .fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled, .fr-table-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled, .fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled, .fr-table-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled { color: rgb(169, 169, 169); cursor: not-allowed; pointer-events: none; }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button, .fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button, .fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button, .fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 2px; color: rgb(0, 152, 247); }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover, .fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button:hover, .fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover, .fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button:hover { text-decoration: underline; }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button, .fr-cell-properties-form .fr-table-properties-buttons .fr-save-button, .fr-table-properties-form .fr-cell-properties-buttons .fr-save-button, .fr-table-properties-form .fr-table-properties-buttons .fr-save-button { background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 152, 247); border-radius: 2px; color: rgb(0, 152, 247); }
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button:hover, .fr-cell-properties-form .fr-table-properties-buttons .fr-save-button:hover, .fr-table-properties-form .fr-cell-properties-buttons .fr-save-button:hover, .fr-table-properties-form .fr-table-properties-buttons .fr-save-button:hover { background-color: rgb(235, 235, 235); }
.fr-cell-properties-form .fr-error, .fr-table-properties-form .fr-error { color: red; display: none; font-size: 12px; padding-bottom: 5px; }
.fr-cell-properties-form input.fr-error, .fr-table-properties-form input.fr-error { border-color: red; display: block; }
.fr-table-properties-section label:not(:first-child) { margin-top: 15px; }
.fr-table-properties-section .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { line-height: 170%; }
.fr-table-bg-container .fr-input-line, .fr-table-border-container .fr-input-line, .fr-table-dimentions-container .fr-input-line, .fr-table-style-container .fr-input-line { padding: 0px; width: 100%; }
.fr-table-bg-container .fr-input-line input[type="text"], .fr-table-border-container .fr-input-line input[type="text"], .fr-table-dimentions-container .fr-input-line input[type="text"], .fr-table-style-container .fr-input-line input[type="text"] { border-color: rgb(204, 204, 204); height: 36px; }
.fr-table-bg-container .fr-input-line input + label, .fr-table-border-container .fr-input-line input + label, .fr-table-dimentions-container .fr-input-line input + label, .fr-table-style-container .fr-input-line input + label { font-weight: 100; top: -5px; }
.fr-table-bg-container .fr-input-line input.fr-not-empty + label, .fr-table-border-container .fr-input-line input.fr-not-empty + label, .fr-table-dimentions-container .fr-input-line input.fr-not-empty + label, .fr-table-style-container .fr-input-line input.fr-not-empty + label { font-weight: 100; top: -20px; }
.fr-table-bg-container .fr-input-line #fr-table-border-style, .fr-table-border-container .fr-input-line #fr-table-border-style, .fr-table-dimentions-container .fr-input-line #fr-table-border-style, .fr-table-style-container .fr-input-line #fr-table-border-style { border-color: rgb(204, 204, 204); border-radius: 2px; height: 36px; width: 90%; }
.fr-table-bg-container .fr-input-line .fr-field-lable, .fr-table-border-container .fr-input-line .fr-field-lable, .fr-table-dimentions-container .fr-input-line .fr-field-lable, .fr-table-style-container .fr-input-line .fr-field-lable { background: rgb(255, 255, 255); color: dimgray; font-size: 11px; font-weight: 100; margin: -6px 5px; padding: 0px 3px; position: absolute; z-index: 3; }
.fr-table-bg-container .fr-input-line .fr-buttons, .fr-table-border-container .fr-input-line .fr-buttons, .fr-table-dimentions-container .fr-input-line .fr-buttons, .fr-table-style-container .fr-input-line .fr-buttons { padding: 0px; }
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown::after, .fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown::after, .fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown::after, .fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown::after { right: 10px; }
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active, .fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active, .fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active, .fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active { background: rgba(0, 0, 0, 0); }
.fr-table-bg-container .fr-input-line .fr-dropdown, .fr-table-border-container .fr-input-line .fr-dropdown, .fr-table-dimentions-container .fr-input-line .fr-dropdown, .fr-table-style-container .fr-input-line .fr-dropdown { background: rgba(0, 0, 0, 0); border: 1px solid rgb(204, 204, 204); border-radius: 2px; height: 36px; margin: 0px 10px 0px 0px; }
.fr-table-border-container .fr-dropdown-wrapper { width: 120px; }
.fr-table-alignment-section { margin-left: 10px; }
.fr-table-border-container, .fr-table-dimentions-container, .fr-table-dimentions-section { display: flex; margin-top: 10px; }
.fr-table-border-container .fr-dimension-separator, .fr-table-dimentions-container .fr-dimension-separator, .fr-table-dimentions-section .fr-dimension-separator { margin: 10px 5px; }
.fr-table-border-container .fr-btn-table-border-bg-color, .fr-table-dimentions-container .fr-btn-table-border-bg-color, .fr-table-dimentions-section .fr-btn-table-border-bg-color { background: rgba(0, 0, 0, 0); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) currentcolor; border-image: initial; border-radius: 2px; height: 36px; margin-left: -1px; margin-right: 10px; }
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview, .fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview, .fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview { border: 1px solid rgb(153, 153, 153); border-radius: 2px; height: 20px; overflow: hidden; position: relative; width: 20px; }
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator, .fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator, .fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator { background: red; height: 1px; left: -4px; position: absolute; top: 9px; transform: rotate(-45deg); transform-origin: center center; width: 28px; }
.fr-table-style > button { width: 100%; }
.fr-table-style .fr-dropdown-wrapper { width: 200px; }
.fr-table-alignment-container { border: 1px solid rgb(204, 204, 204); border-radius: 2px; height: 33px; margin-top: 10px; min-width: 130px; }
.fr-table-alignment-container button { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; height: 30px; margin: 2px; padding: 2px 2px 2px 5px; width: 36px; }
#fr-form-container { background-color: rgb(254, 254, 254); border-radius: 5px; margin: auto; overflow: auto; position: relative; top: 10%; width: 60%; z-index: 9002; }
.fr-trim-video-name { font-family: Arial, Helvetica, sans-serif; padding-top: 15px; }
.fr-file-loader { align-items: center; animation: 2s linear 0s infinite normal none running spin; border-width: 4px; border-style: solid; border-color: rgb(83, 119, 122) rgb(243, 243, 243) rgb(243, 243, 243); border-image: initial; border-radius: 50%; height: 20px; width: 20px; display: block !important; }
.fr-trim-button { background: none rgb(239, 245, 250); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: rgb(0, 152, 247); cursor: pointer; font-size: 16px; height: 36px; line-height: 1; margin-top: 5px; outline: none; padding: 10px; text-decoration: none; }
.fr-trim-button:hover { background: rgb(235, 235, 235); }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.fr-slidecontainer { width: 100%; }
.fr-slider { appearance: none; background: rgb(211, 211, 211); height: 15px; width: 100%; }
.fr-video-trim-buttons { margin-top: 10px; padding-bottom: 5px; padding-right: 15px; text-align: right; }
.fr-slider::-webkit-slider-thumb { appearance: none; border-radius: 50%; cursor: pointer; height: 15px; width: 15px; }
.fr-range-value-start { position: absolute; }
.fr-range-value-start > span { background: rgb(3, 169, 244); border-radius: 6px; color: rgb(255, 255, 255); display: block; font-size: 12px; height: 24px; left: 50%; line-height: 24px; position: absolute; text-align: center; transform: translate(-85%); width: 60px; }
.fr-range-value-start > span::before { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0px; left: 86%; margin-left: -5px; margin-top: -1px; position: absolute; width: 0px; }
.fr-range-value-end { position: absolute; }
.fr-range-value-end > span { background: rgb(3, 169, 244); border-radius: 6px; color: rgb(255, 255, 255); display: block; font-size: 12px; height: 24px; left: 14%; line-height: 24px; position: absolute; text-align: center; transform: translate(-8%); width: 60px; }
.fr-range-value-end > span::before { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0px; left: 14%; margin-left: -5px; margin-top: -1px; position: absolute; width: 0px; }
#startTimeValue { top: -153% !important; }
#startTimeValue span::before { border-top: 10px solid rgb(3, 169, 244); top: 100%; }
#endTimeValue { top: -153% !important; }
#endTimeValue span::before { border-top: 10px solid rgb(3, 169, 244); top: 100%; }
.fr-range-slider { height: 15px; position: relative; width: 80%; }
.fr-range-slider > input { border-radius: 10px; height: 6px; left: 0px; outline: none; pointer-events: none; position: absolute; top: 10px; width: 100%; }
.fr-range-slider > input::-webkit-slider-thumb { appearance: none; background: rgb(52, 152, 219); border-radius: 7px; cursor: pointer; height: 15px; margin-top: -3.6px; pointer-events: all; position: relative; width: 15px; z-index: 1; }
@media screen and (max-width: 430px) {
  .range-value span { font-size: 10px; width: 40px; }
  #fr-form-container { top: 20%; }
}
#fr-video-edit { height: 50%; margin-bottom: 20px; padding-bottom: 8px; padding-top: 8px; text-align: center; width: 80%; }
.fr-element .fr-video { user-select: none; }
.fr-element .fr-video::after { background: rgba(0, 0, 0, 0); inset: 0px; content: ""; cursor: pointer; display: block; position: absolute; z-index: 1; }
.fr-element .fr-video.fr-active > * { position: relative; z-index: 2; }
.fr-element .fr-video > * { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: initial; max-width: 100%; }
.fr-box .fr-video-resizer { border: 1px solid rgb(0, 152, 247); display: none; position: absolute; user-select: none; }
.fr-box .fr-video-resizer.fr-active { display: block; }
.fr-box .fr-video-resizer .fr-handler { background: rgb(0, 152, 247); border: 1px solid rgb(255, 255, 255); box-sizing: border-box; display: block; position: absolute; z-index: 4; }
.fr-box .fr-video-resizer .fr-handler.fr-hnw { cursor: nw-resize; }
.fr-box .fr-video-resizer .fr-handler.fr-hne { cursor: ne-resize; }
.fr-box .fr-video-resizer .fr-handler.fr-hsw { cursor: sw-resize; }
.fr-box .fr-video-resizer .fr-handler.fr-hse { cursor: se-resize; }
.fr-box .fr-video-resizer .fr-handler { height: 12px; width: 12px; }
.fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; }
.fr-box .fr-video-resizer .fr-handler.fr-hne { right: -6px; top: -6px; }
.fr-box .fr-video-resizer .fr-handler.fr-hsw { bottom: -6px; left: -6px; }
.fr-box .fr-video-resizer .fr-handler.fr-hse { bottom: -6px; right: -6px; }
@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler { height: 10px; width: 10px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hne { right: -5px; top: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw { bottom: -5px; left: -5px; }
  .fr-box .fr-video-resizer .fr-handler.fr-hse { bottom: -5px; right: -5px; }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line { display: inline-block; width: calc(50% - 5px); }
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line { margin-left: 10px; }
.fr-popup .fr-video-upload-layer { border: 2px dashed rgb(189, 189, 189); font-size: 14px; letter-spacing: 1px; line-height: 140%; margin: 20px; padding: 25px 0px; position: relative; text-align: center; }
.fr-popup .fr-video-upload-layer:hover { background: rgb(235, 235, 235); }
.fr-popup .fr-video-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); }
.fr-popup .fr-video-upload-layer .fr-form { inset: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: 2147483640; margin: 0px !important; padding: 0px !important; width: 100% !important; }
.fr-popup .fr-video-upload-layer .fr-form input { bottom: 0px; cursor: pointer; font-size: 400px; height: 100%; margin: 0px; position: absolute; right: 0px; top: 0px; width: 500%; }
.fr-popup .fr-video-progress-bar-layer > h3 { font-size: 16px; font-weight: 400; margin: 10px 0px; }
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons { display: none; }
.fr-popup .fr-video-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; margin-top: 20px; overflow: hidden; position: relative; width: 100%; }
.fr-popup .fr-video-progress-bar-layer > div.fr-loader span { background: rgb(0, 152, 247); display: block; height: 100%; transition: width 0.2s; width: 0px; }
.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { animation: 2s linear 0s infinite normal none running loading; position: absolute; top: 0px; width: 30% !important; }
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader { display: none; }
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; }
.fr-video-overlay { inset: 0px; display: none; position: fixed; z-index: 2147483640; }
.fr-autoplay-margin { margin-top: 0px !important; }
.fr-clearfix::after { clear: both; content: ""; display: block; height: 0px; }
.fr-hide-by-clipping { height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); border: 0px; }
.fr-view .fr-img-caption.fr-rounded img, .fr-view img.fr-rounded { background-clip: padding-box; border-radius: 10px; }
.fr-view .fr-img-caption.fr-shadow img, .fr-view img.fr-shadow { box-shadow: rgb(204, 204, 204) 10px 10px 5px 0px; }
.fr-view .fr-img-caption.fr-bordered img, .fr-view img.fr-bordered { border: 5px solid rgb(204, 204, 204); }
.fr-view img.fr-bordered { box-sizing: initial; }
.fr-view .fr-img-caption.fr-bordered img { box-sizing: border-box; }
.fr-view li img.fr-dii.fr-fil { margin-right: 20px; }
.fr-view { overflow-wrap: break-word; }
.fr-view span[style~="color:"] a { color: inherit; }
.fr-view strong { font-weight: 700; }
.fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] th[class=""] { border-width: 0px; }
.fr-view table { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-collapse: collapse; empty-cells: show; margin: 0px; max-width: 100%; }
.fr-view table td { min-width: 5px; }
.fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; }
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: rgb(245, 245, 245); }
.fr-view table td, .fr-view table th { border: 1px solid rgb(221, 221, 221); }
.fr-view table td:empty, .fr-view table th:empty { height: 20px; }
.fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; }
.fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; }
.fr-view table tfoot td, .fr-view table th { background: rgb(236, 236, 236); }
.fr-view .fr-mso-hidden { display: none; }
.fr-view hr { clear: both; user-select: none; break-after: page; }
.fr-view .fr-file { position: relative; }
.fr-view .fr-file::after { content: "📎"; font-weight: 400; position: relative; }
.fr-view pre { white-space: pre-wrap; overflow-wrap: break-word; overflow: visible; }
.fr-view[dir="rtl"] blockquote { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 2px solid rgb(94, 53, 177); margin-right: 0px; padding-left: 0px; padding-right: 5px; }
.fr-view[dir="rtl"] blockquote blockquote { border-color: rgb(0, 188, 212); }
.fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: rgb(67, 160, 71); }
.fr-view blockquote { border-left: 2px solid rgb(94, 53, 177); color: rgb(94, 53, 177); margin-left: 0px; padding-left: 5px; }
.fr-view blockquote blockquote { border-color: rgb(0, 188, 212); color: rgb(0, 188, 212); }
.fr-view blockquote blockquote blockquote { border-color: rgb(67, 160, 71); color: rgb(67, 160, 71); }
.fr-view span.fr-emoticon { display: inline; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; font-weight: 400; line-height: 0; }
.fr-view span.fr-emoticon.fr-emoticon-img { display: inline-block; font-size: inherit; height: 1em; line-height: 1; margin: -0.1em 0.1em 0.1em; min-height: 20px; min-width: 20px; vertical-align: middle; width: 1em; background-repeat: no-repeat !important; }
.fr-view .fr-text-gray { color: rgb(170, 170, 170) !important; }
.fr-view .fr-text-bordered { border-bottom: 1px solid rgb(34, 34, 34); border-top: 1px solid rgb(34, 34, 34); padding: 10px 0px; }
.fr-view .fr-text-spaced { letter-spacing: 1px; }
.fr-view .fr-text-uppercase { text-transform: uppercase; }
.fr-view .fr-class-highlighted { background-color: rgb(255, 255, 0); }
.fr-view .fr-class-code { background: rgb(245, 245, 245); border-color: rgb(204, 204, 204); border-radius: 2px; font-family: "Courier New", Courier, monospace; padding: 10px; }
.fr-view .fr-class-transparency { opacity: 0.5; }
.fr-view img { max-width: 100%; position: relative; }
.fr-view img.fr-dib { display: block; float: none; margin: 5px auto; vertical-align: top; }
.fr-view img.fr-dib.fr-fil { margin-left: 0px; text-align: left; }
.fr-view img.fr-dib.fr-fir { margin-right: 0px; text-align: right; }
.fr-view img.fr-dii { display: inline-block; float: none; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); min-width: 10px; vertical-align: bottom; }
.fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); min-width: 5px; }
.fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); min-width: 5px; }
.fr-view span.fr-img-caption { max-width: 100%; position: relative; }
.fr-view span.fr-img-caption.fr-dib { display: block; float: none; margin: 5px auto; vertical-align: top; }
.fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0px; text-align: left; }
.fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0px; text-align: right; }
.fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); min-width: 10px; vertical-align: bottom; }
.fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); min-width: 5px; }
.fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); min-width: 5px; }
.fr-view .fr-video { position: relative; text-align: center; }
.fr-view .fr-video.fr-rv { height: 0px; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; }
.fr-view .fr-video.fr-rv embed, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv > iframe { height: 100%; left: 0px; top: 0px; width: 100%; position: absolute !important; }
.fr-view .fr-video > * { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: initial; max-width: 100%; }
.fr-view .fr-video.fr-dvb { clear: both; display: block; }
.fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; }
.fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; }
.fr-view .fr-video.fr-dvi { display: inline-block; }
.fr-view .fr-video.fr-dvi.fr-fvl { float: left; }
.fr-view .fr-video.fr-dvi.fr-fvr { float: right; }
.fr-view a.fr-strong { font-weight: 700; }
.fr-view a.fr-green { color: green; }
.fr-view .fr-img-caption { text-align: center; }
.fr-view .fr-img-caption .fr-img-wrap { margin: auto; padding: 0px; text-align: center; width: 100%; }
.fr-view .fr-img-caption .fr-img-wrap a { display: block; }
.fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; }
.fr-view .fr-img-caption .fr-img-wrap > span { box-sizing: border-box; display: block; font-size: 14px; font-weight: 400; margin: auto; opacity: 0.9; padding: 5px 5px 10px; text-align: center; width: 100%; }
.fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { background-clip: padding-box; border-radius: 10px; }
.fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; }
.fr-view p img.fr-dii.fr-fil, .fr-view span.fr-img-caption.fr-dii.fr-fil { margin-right: 15px; }
a.fr-view.fr-strong { font-weight: 700; }
a.fr-view.fr-green { color: green; }
img.fr-view { max-width: 100%; position: relative; }
img.fr-view.fr-dib { display: block; float: none; margin: 5px auto; vertical-align: top; }
img.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; }
img.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; }
img.fr-view.fr-dii { display: inline-block; float: none; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); min-width: 10px; vertical-align: bottom; }
img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); min-width: 5px; }
img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); min-width: 5px; }
span.fr-img-caption.fr-view { max-width: 100%; position: relative; }
span.fr-img-caption.fr-view.fr-dib { display: block; float: none; margin: 5px auto; vertical-align: top; }
span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; }
span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; }
span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); min-width: 10px; vertical-align: bottom; }
span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); min-width: 5px; }
span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); min-width: 5px; }
.isLoading { animation: 2s linear 0s infinite normal none running spin; }
.small { width: 16px; }
.medium { width: 20px; }
.large { width: 24px; }
.button-container { display: inline-block; }
.button-container button.loading { opacity: 0.5; pointer-events: none; }
.button-container button.loading .loader { display: inline-block; margin: auto; vertical-align: middle; }
.button-container button.loading .loader.with-content { margin-bottom: 2px; margin-right: 10px; }
.button-container-chip { max-width: 100%; min-width: 0px; }
.btn.btn-variant-chip { background: var(--btn-chip-bg,#0000); border: 1px solid var(--btn-chip-border,var(--line-seprator-color)); border-radius: var(--btn-chip-radius,4px); color: var(--btn-chip-color,inherit); display: block; font-size: var(--btn-chip-font-size,inherit); font-weight: var(--btn-chip-font-weight,inherit); line-height: var(--btn-chip-line-height,inherit); overflow-wrap: anywhere; padding: var(--btn-chip-padding,6px 12px); text-align: var(--btn-chip-text-align,center); transition: initial; }
.btn.btn-variant-chip:hover:not(:disabled) { background: var(--btn-chip-hover-bg,var(--hover-color)); border-color: var(--btn-chip-hover-border,var(--btn-chip-border,var(--line-seprator-color))); color: var(--btn-chip-hover-color,var(--btn-chip-color,inherit)); }
.btn.btn-variant-chip:focus-visible { outline: var(--btn-chip-focus-outline,revert); outline-offset: var(--btn-chip-focus-outline-offset,revert); }
.btn.btn-variant-chip:disabled { cursor: default !important; opacity: var(--btn-chip-disabled-opacity,.6); }
.button-container-ghost, .button-container-icon { display: inline-flex; vertical-align: top; }
.button-container-ghost { max-width: 100%; min-width: 0px; }
.btn.btn-variant-icon { align-items: center; background: var(--btn-icon-bg,#0000); border: var(--btn-icon-border,none); border-radius: var(--btn-icon-radius,4px); box-shadow: var(--btn-icon-shadow,none); color: var(--btn-icon-color,inherit); display: flex; font-size: inherit; font-weight: inherit; height: var(--btn-icon-size,32px); justify-content: center; line-height: inherit; padding: 0px; transition: initial; width: var(--btn-icon-size,32px); }
.btn.btn-variant-icon > span { display: contents; }
.btn.btn-variant-icon:hover:not(:disabled) { background: var(--btn-icon-hover-bg,var(--btn-icon-bg,#0000)); }
.btn.btn-variant-icon:focus-visible { outline: var(--btn-icon-focus-outline,revert); outline-offset: var(--btn-icon-focus-outline-offset,revert); }
.btn.btn-variant-icon:disabled { cursor: default !important; opacity: var(--btn-icon-disabled-opacity,.5); }
.btn.btn-variant-ghost { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--btn-ghost-color,inherit); display: flex; font-size: inherit; font-weight: inherit; gap: var(--btn-ghost-gap,6px); line-height: inherit; padding: var(--btn-ghost-padding,4px 6px); text-align: left; transition: initial; }
.btn.btn-variant-ghost > span { display: contents; }
.btn.btn-variant-ghost:hover:not(:disabled) { background: var(--btn-ghost-hover-bg,var(--hover-color)); }
.btn.btn-variant-ghost:focus-visible { outline: var(--btn-ghost-focus-outline,revert); outline-offset: var(--btn-ghost-focus-outline-offset,revert); }
.btn.btn-variant-ghost:disabled { cursor: default !important; opacity: var(--btn-ghost-disabled-opacity,.5); }
.tooltip-container { background-color: var(--bg-tooltip); border-radius: 4px; display: inline-block; font-size: 12px; left: -3000px; opacity: 0; pointer-events: none; position: absolute; top: 0px; transition: opacity 0.3s linear; visibility: hidden; z-index: 9999; }
.tooltip-container.show { opacity: 1; visibility: visible; }
.tooltip-container .tooltip-arrow { border-width: 5px 5px 5px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-image: initial; height: 0px; left: 0px; margin-top: -5px; position: absolute; top: 50%; width: 0px; }
.tooltip-container .tooltip-label { color: var(--primary-text); padding: 3px 8px; text-align: center; }
.tooltip-container.right { margin-left: 5px; }
.tooltip-container.right .tooltip-arrow { border-right-color: var(--bg-tooltip); border-width: 5px 5px 5px 0px; left: auto; margin-left: -5px; top: 50%; }
.tooltip-container.left { margin-left: -5px; }
.tooltip-container.left .tooltip-arrow { border-left-color: var(--bg-tooltip); border-width: 5px 0px 5px 5px; left: auto; margin-top: -5px; right: -5px; top: 50%; }
.tooltip-container.top { margin-top: -5px; }
.tooltip-container.top .tooltip-arrow { border-top-color: var(--bg-tooltip); border-width: 5px 5px 0px; bottom: -5px; left: 50%; margin-left: -5px; top: auto; }
.tooltip-container.bottom { margin-top: 5px; }
.tooltip-container.bottom .tooltip-arrow { border-bottom-color: var(--bg-tooltip); border-width: 0px 5px 5px; left: 50%; margin-left: -5px; top: 0px; }
.hideTooltip { display: none; }
.disabled { opacity: 0.5; }
.email-icon-container { align-items: center; border-radius: 50%; display: flex; height: 24px; justify-content: center; text-align: center; width: 24px; }
.email-icon-container .email-icon-text { color: var(--primary-text); font-weight: 600; line-height: 24px; }
.email-icon-container .email-icon-domain-icon, .email-icon-container .email-icon-group-icon { flex-shrink: 0; }
.profile-icon { border-radius: 50%; height: 24px; width: 24px; }
.disclosure-triangle { color: var(--icon-default-color); cursor: none; display: flex; flex-shrink: 0; visibility: hidden; }
.disclosure-triangle.visible { cursor: pointer; visibility: visible; }
.disclosure-triangle.collapsed svg { transform: rotate(270deg); }
.disclosure-triangle.up svg { transform: rotate(0deg); }
.disclosure-triangle.down svg { transform: rotate(180deg); }
.disclosure-triangle.left svg { transform: rotate(90deg); }
.disclosure-triangle.right svg { transform: rotate(-90deg); }
.scroll-tooltip { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(99, 102, 103, 0.9)), to(rgba(82, 85, 86, 0.9))); border: 1px solid rgba(54, 56, 57, 0.9); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 7px; color: rgb(255, 255, 255); padding: 5px 12px; pointer-events: none; position: relative; transform: translate(-15px); white-space: nowrap; }
.scroll-tooltip::after, .scroll-tooltip::before { border: solid rgba(0, 0, 0, 0); content: " "; height: 0px; left: 100%; pointer-events: none; position: absolute; top: 50%; width: 0px; }
.scroll-tooltip::after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(106, 110, 111); border-width: 8px; margin-top: -8px; }
.scroll-tooltip::before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(4, 5, 5, 0.9); border-width: 9px; margin-top: -9px; }
.scroll-region { overflow: hidden; position: relative; }
.scroll-region .scroll-region-wrapper { height: 100%; overflow: hidden; position: relative; width: 100%; }
.scroll-region .scroll-region-content { bottom: 0px; left: 0px; overflow: hidden scroll; position: absolute; top: 0px; z-index: 1; }
.scroll-region .scroll-region-content-inner { position: relative; }
.scroll-region:hover .scrollbar-track { opacity: 1; }
.scroll-region.scrolling .scroll-region-content-inner { pointer-events: none; }
.scrollbar-track { background-color: initial; border: 0px; opacity: 0; padding: 3px 2px 3px 3px; position: relative; transition: opacity 0.3s 0.5s; width: 13px; }
.scrollbar-track.scrolling, .scrollbar-track.with-ticks, .scrollbar-track:hover { opacity: 1; transition-delay: 0s; }
.scrollbar-track.dragging { opacity: 1; }
.scrollbar-track .scrollbar-track-inner { height: 100%; }
.scrollbar-track .scrollbar-handle { background-color: var(--scrollbar-active-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; width: 8px; }
.scrollbar-track:hover .scrollbar-handle { background: var(--scrollbar-hover-color); }
.scrollbar-track .scrollbar-ticks { inset: 0px; position: absolute; z-index: 2; }
.scrollbar-track .scrollbar-ticks .t { background: var(--yellow-banner); box-shadow: rgba(0, 0, 0, 0.25) 0px 0.5px 0.5px; height: 2px; left: 5%; position: absolute; width: 90%; }
.scrollbar-track .scrollbar-ticks .t.match { background: var(--star-yellow); z-index: 2; }
.account-sidebar .scrollbar-track .scrollbar-handle { background-color: var(--account-scrollbar-active-color); }
.account-sidebar .scrollbar-track:hover .scrollbar-handle { background-color: var(--account-scrollbar-hover-color); opacity: 1; }
.advance-tracking-modal-container { display: flex; flex-direction: column; height: 100%; width: 100%; }
.advance-tracking-modal-container .body-container { display: flex; flex: 1 1 0%; flex-direction: column; margin: 24px 36px; overflow: auto; }
.advance-tracking-modal-container .body-container .scroll-region { height: 100%; }
.advance-tracking-modal-container .body-container .empty-modal { align-items: center; display: flex; flex: 1 1 0%; flex-direction: column; gap: 16px; justify-content: center; }
.advance-tracking-modal-container .body-container .empty-modal span { color: var(--secondary-text-subtle); font-size: 14px; font-weight: 400; line-height: 21px; }
.advance-tracking-modal-container .body-container .receipt-icon { color: var(--generalised-mail-list-tick-icon); }
.advance-tracking-modal-container .body-container .protected-unlock-icon { color: var(--protected-unlock-icon); }
.advance-tracking-modal-container .body-container .email-subject { font-size: 20px; font-weight: 400; line-height: 30px; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper { display: flex; justify-content: space-between; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper .email-tracking-metadata { color: var(--secondary-text-subtle); display: flex; font-size: 14px; font-weight: 400; line-height: 21px; margin-bottom: 36px; margin-top: 8px; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper .email-tracking-metadata .circle-seperators { align-items: center; color: var(--secondary-text-subtle); display: flex; height: 100%; margin-left: 12px; margin-right: 12px; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper .email-tracking-metadata .view-email-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; font-size: 14px; font-weight: 500; line-height: 21px; margin-left: 12px; padding: 0px; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper .email-tracking-metadata .view-email-btn:hover { cursor: pointer; }
.advance-tracking-modal-container .body-container .email-tracking-metadata-wrapper .send-feedback-wrapper { margin-top: 8px; }
.advance-tracking-modal-container .body-container .tracking-info-list { display: flex; flex-direction: column; padding-right: 12px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container { border-top: 1px solid var(--line-seprator-color); display: flex; justify-content: space-between; padding: 28px 0px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info { display: flex; flex-basis: 66.6667%; flex-direction: column; flex-grow: 2; margin-right: 60px; margin-top: 5px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .receipt-timestamp { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; line-height: 21px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .receipt-timestamp .receipt-time-to-open::before { content: "·"; margin: 0px 5px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .tracking-info-element { align-items: center; display: flex; justify-content: space-between; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .tracking-info-element.margin-bottom { margin-bottom: 10px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .tracking-info-element .receipt-metadata { align-items: center; display: flex; gap: 8px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .tracking-info .tracking-info-element .receipt-metadata .receipt-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 400px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .receipient-info { align-items: center; display: flex; flex-basis: 33.3333%; flex-grow: 1; height: 32px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .receipient-info .recepient-name { color: var(--text-primary); font-size: 14px; font-weight: 500; line-height: 21px; margin-left: 8px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .receipient-info .disclosure-triangle { color: var(--icon-secondary-color); margin-right: 8px; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .receipient-info .email-icon-wrapper { display: flex; }
.advance-tracking-modal-container .body-container .tracking-info-list .tracking-info-container .receipient-info .email-icon-wrapper.left-spacing { margin-left: 32px; }
.advance-tracking-modal-container .footer-container .adv-tracking-upgrade-strip { background-color: var(--bg-modal); padding: 16px 20px; width: 100%; }
.advance-tracking-modal-container .footer-container .adv-tracking-upgrade-strip:hover { background: var(--bg-modal); }
.advance-tracking-modal-container .footer-container .adv-tracking-upgrade-strip .text-container .icon-container { margin-top: 4px; }
.advance-tracking-modal-container .footer-container .adv-tracking-upgrade-strip .text-container .upgrade-text-container { align-items: center; display: flex; flex-direction: row; gap: 6px; }
.advance-tracking-modal-container .footer-container .adv-tracking-upgrade-strip .text-container .upgrade-text-container .upgrade-text { margin-left: 4px; }
.advance-tracking-modal-container .footer-container .pro-capping-container { padding: 16px 20px; width: 100%; }
.advance-tracking-modal-container .footer-container .pro-capping-container.modal-view .upgrade-row { align-items: center; flex-direction: row; padding-top: 0px; }
.advance-tracking-modal-container .footer-container .pro-capping-container.modal-view .upgrade-row .inline-counts { margin: 0px 4px; }
.advance-tracking-modal-container .footer-container .pro-capping-container.modal-view .upgrade-row .inline-counts .separator { color: var(--secondary-text); margin: 0px 4px; }
.advance-tracking-modal-container .footer-container .pro-capping-container.modal-view .upgrade-row .inline-counts .threshold-warning { color: var(--warning-icon-color); }
.advance-tracking-modal-container .footer-container .pro-capping-container.modal-view .upgrade-row .upgrade-text { margin-left: 4px; }
.loader-container { align-items: center; display: flex; flex-direction: column; gap: 12px; height: 100%; justify-content: center; width: 100%; }
.loader-container .loader { height: 20px; width: 20px; }
.loader-container .offline-loader-message { color: var(--secondary-text); font-size: 13px; text-align: center; }
.tracking-modal-error-container { align-items: center; display: flex; flex-direction: column; justify-content: center; width: 100%; }
.tracking-modal-error-container span { color: var(--secondary-text-subtle); font-size: 14px; font-weight: 400; line-height: 21px; }
.attachment-info-description { margin-bottom: 20px; }
.attachment-info-description .learn-more-link { color: var(--link-color); cursor: pointer; }
.attachment-selector-popover .hover-green:hover { color: var(--read-receipt); }
.custom-loader { animation: 1s linear 0s infinite normal none running spin; color: var(--link-color); }
.custom-loader.small { height: 14px; width: 14px; }
.custom-loader.medium { height: 16px; width: 16px; }
.custom-loader.large { height: 32px; width: 32px; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.outlook-fakedoor-container { padding: 28px; text-align: center; }
.outlook-fakedoor-container .header-image { display: flex; font-size: 23.94px; justify-content: center; width: 100%; }
.outlook-fakedoor-container .header-text { font-size: 23.94px; font-weight: 600; margin-top: 28px; }
.outlook-fakedoor-container .text-container { font-size: 20.02px; margin-top: 12px; }
.outlook-fakedoor-container .cta { height: 40px; margin-top: 24px; width: 138px; }
.read-receipt-count-container { background: inherit; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px 0px; padding: 16px; }
.read-receipt-count-container.count-threshold-warning { background: var(--yellow-banner); }
.read-receipt-count-container .text-container { align-items: center; display: flex; }
.read-receipt-count-container .text-container + .text-container { margin-top: 8px; }
.read-receipt-count-container .text-container .icon-container { margin-right: 12px; }
.read-receipt-count-container .text-container .feature-label { color: var(--secondary-text); flex: 1 1 0%; }
.read-receipt-count-container .text-container .count-right { margin-left: 8px; white-space: nowrap; }
.read-receipt-count-container .text-container .count-warning { color: var(--warning-color); }
.read-receipt-count-container .text-container .count-exhausted { color: var(--error-color); }
.pro-capping-container { border-bottom: 1px solid var(--secondary-line-separator); box-shadow: none; padding: 10px 20px 12px; position: unset; }
.pro-capping-container.warning { background: var(--warning-banner); border-bottom: 1px solid var(--upgrade-paywall-strip-border-color); }
.pro-capping-container.warning .feature-container { border-bottom: 1px solid var(--upgrade-paywall-warning-color); }
.pro-capping-container.warning .feature-row .feature-left .icon { color: var(--icon-color-warning); }
.pro-capping-container .feature-container { border-bottom: 1px solid var(--secondary-line-separator); display: flex; flex-direction: column; padding-bottom: 8px; }
.pro-capping-container .feature-row { align-items: center; display: flex; justify-content: space-between; padding: 4px 0px; }
.pro-capping-container .feature-row .feature-left { align-items: center; display: flex; gap: 8px; }
.pro-capping-container .feature-row .feature-left .icon { color: var(--icon-secondary-color); height: 20px; width: 20px; }
.pro-capping-container .feature-row .count-left, .pro-capping-container .feature-row .feature-left .feature-label { font-size: 14px; }
.pro-capping-container .feature-row .count-left .count-number { font-weight: 600; }
.pro-capping-container .feature-row .count-left.threshold-warning { color: var(--warning-icon-color); }
.pro-capping-container .upgrade-row { align-items: center; display: flex; gap: 8px; padding-top: 8px; }
.pro-capping-container .upgrade-row .upgrade-text { color: var(--link-color); cursor: pointer; }
.adv-tracking-upgrade-strip { background: var(--activitylist-default-color); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 15px 0px; padding: 16px; position: sticky; }
.adv-tracking-upgrade-strip:hover { background: var(--activitylist-hover-color); }
.adv-tracking-upgrade-strip.warning { background: var(--yellow-banner); }
.adv-tracking-upgrade-strip .text-container { align-items: center; display: flex; }
.adv-tracking-upgrade-strip .text-container .icon-container { margin-right: 12px; }
.adv-tracking-upgrade-strip .text-container .icon-container .icon { height: 24px; width: 24px; }
.adv-tracking-upgrade-strip .text-container .upgrade-text-container { display: flex; flex-direction: column; }
.adv-tracking-upgrade-strip .text-container .upgrade-text-container .upgrade-text { color: var(--link-color); cursor: pointer; }
.adv-tracking-upgrade-strip .text-container .demo-btn-container { margin-left: 4px; }
.read_receipt_capped_notification_tray { background: inherit; border-bottom: 1px solid var(--secondary-line-separator); box-shadow: none; position: unset; }
.read_receipt_capped_notification_tray.warning { background: var(--yellow-banner); }
.capping_tracking_combined_rr_center { background: inherit; border-bottom: 1px solid var(--secondary-line-separator); box-shadow: none; position: unset; }
.capping_tracking_combined_rr_center.warning { background: var(--yellow-banner); }
.video-modal-container { background-color: var(--video-modal-bg); }
.video-modal-container .svg { border-radius: 8px; }
.CircularProgressbar { display: block; margin: auto; width: 100%; }
.CircularProgressbar .CircularProgressbar-path { stroke: rgb(53, 166, 34); stroke-linecap: round; transition: stroke-dashoffset 0.5s; }
.CircularProgressbar .CircularProgressbar-trail { stroke: rgb(214, 214, 214); }
.CircularProgressbar .CircularProgressbar-text { dominant-baseline: middle; fill: rgb(53, 166, 34); font-size: 20px; text-anchor: middle; }
.CircularProgressbar .CircularProgressbar-background { fill: rgb(214, 214, 214); }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background { fill: rgb(53, 166, 34); }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text { fill: rgb(255, 255, 255); }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path { stroke: rgb(255, 255, 255); }
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail { stroke: rgba(0, 0, 0, 0); }
.watch-demo-cta { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-left: 2px; }
.watch-demo-cta .watch-demo-txt { color: var(--link-color); font-size: 14px; font-weight: 600; }
.watch-demo-cta .icon { height: 20px; width: 20px; }
.watch-demo-cta .icon svg { color: var(--link-color); }
.client-trial-text { display: flex; font-size: 14px; font-weight: 600; justify-content: center; }
.progress-inner-wrap { align-items: center; color: var(--primary-text); display: flex; }
.progress-inner-wrap .circular-progress { margin-right: 10px; width: 18px; }
.titan-max-action-container { display: flex; flex-direction: column; }
.titan-max-action-container .btn.btn-primary.upgrade-color { background-color: var(--background-color-for-upgrade); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.titan-max-action-container .btn.btn-primary.upgrade-color:hover { background-color: var(--upgrade-hook-hover-color); }
.titan-max-action-container .titan-max-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: flex; font-weight: 600; justify-content: center; margin-top: 24px; min-height: 56px; padding: 8px; width: 100%; }
.titan-max-action-container .titan-max-btn.naked-primary { color: var(--link-color); line-height: 1.3; margin-top: 0px; min-height: 0px; padding: 0px; text-align: start; }
.titan-max-action-container .titan-max-btn.naked-primary:hover { background-color: initial; }
.titan-max-action-container .titan-max-btn.loading { cursor: not-allowed; display: flex; justify-content: center; }
.titan-max-action-container .titan-max-btn.loading span { align-items: center; display: flex; justify-content: center; }
.titan-max-action-container .titan-max-btn .btn-content { align-items: center; color: var(--text-color-for-upgrade); display: flex; flex-direction: column; width: 100%; }
.titan-max-action-container .titan-max-btn .btn-content.row { align-items: center; flex-direction: row; }
.titan-max-action-container .titan-max-btn .btn-content .btn-loader { margin-right: 8px; }
.titan-max-action-container .titan-max-btn .btn-content .btn-content-title { align-items: center; display: flex; justify-content: center; line-height: 18px; padding-bottom: 3px; }
.titan-max-action-container .titan-max-btn .btn-content .btn-subtitle { font-size: 12.04px; font-weight: 400; line-height: 18.06px; white-space: normal; width: 100%; }
.titan-max-action-container .auto-charge-msg { font-size: 12.04px; line-height: 14px; margin-top: 8px; text-align: center; }
.trial-modal-text { color: var(--text-color); }
.trial-modal-text .bold-text { font-weight: 600; }
.attachment-tracking-success-nudge { align-items: center; background: var(--bg-modal); border-radius: 4px; box-shadow: var(--invoice-builder-nudge-shadow); box-sizing: border-box; display: flex; flex-direction: column; padding: 20px 24px; position: relative; text-align: center; width: 301px; }
.attachment-tracking-success-nudge .close-icon { position: absolute; right: 8px; top: 8px; }
.attachment-tracking-success-nudge .success-icon { align-items: center; display: flex; flex-shrink: 0; height: 52px; justify-content: center; padding: 4.4px; width: 52px; }
.attachment-tracking-success-nudge .success-copy { align-items: center; display: flex; flex-direction: column; gap: 6px; padding-bottom: 16px; padding-top: 12px; width: 100%; }
.attachment-tracking-success-nudge .success-title { color: var(--text-color); font-size: 16px; font-weight: 600; line-height: 1.2; }
.attachment-tracking-success-nudge .success-subtitle { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 1.4; }
.attachment-tracking-success-nudge .success-credits { align-items: center; color: var(--attachment-tracking-credits-color); display: flex; font-size: 14px; font-weight: 400; gap: 6px; justify-content: center; line-height: 20px; padding-bottom: 16px; }
.attachment-tracking-success-nudge .success-credits .success-credits-icon { color: inherit; flex-shrink: 0; }
.attachment-tracking-success-nudge .success-credits .success-credits-count { font-weight: 600; }
.attachment-tracking-success-nudge .got-it-btn { align-items: center; background: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); cursor: pointer; display: flex; font-size: 14px; font-weight: 600; height: 32px; justify-content: center; line-height: 20px; min-width: 70px; padding: 6px 16px; }
.confirmtion-popover-container { padding: 24px; width: 320px; }
.confirmtion-popover-container.dark { background-color: var(--bg-color-titan-max); border-radius: 4px; color: var(--primary-text); }
.confirmtion-popover-container.dark .confirmation-actions .btn-cancel { background-color: inherit; border: 1px solid var(--primary-text); color: var(--primary-text); }
.confirmtion-popover-container .bold-text { font-weight: 600; }
.confirmtion-popover-container .confirmation-actions { display: flex; justify-content: flex-end; margin-top: 16px; }
.confirmtion-popover-container .confirmation-actions button { margin: 0px 8px; }
.confirmtion-popover-container .confirmation-actions button.loading { border: 1px solid rgba(0, 0, 0, 0); cursor: not-allowed; }
.confirmtion-popover-container .confirmation-actions button .btn-loader { margin-right: 8px; }
.btn.btn-toolbar.upgrade-background { background: var(--background-color-for-upgrade); }
.btn.btn-toolbar.btn-outline.upgrade-color.upgrade-hook-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-for-upgrade); }
.btn.btn-toolbar.btn-outline.upgrade-color.upgrade-hook-button:hover { background-color: var(--upgrade-hook-hover-color); }
.btn.btn-toolbar.btn-outline.loader-btn-styles { background: var(--upgrade-hook-loader-color); display: block; height: 40px; width: 102px; }
.upgrade-hook-button.upgrade-hook-button { align-items: center; cursor: pointer; display: flex; padding: 8px 22px; }
.upgrade-hook-button.upgrade-hook-button.upgrade-btn-component { flex-direction: column; justify-content: center; min-height: 32px; }
.upgrade-hook-button.upgrade-hook-button.upgrade-btn-component .upgrade-button-text { align-items: center; display: flex; font-size: 14px; font-weight: 600; }
.upgrade-hook-button.upgrade-hook-button.upgrade-btn-component .upgrade-button-subtext { color: var(--text-color-for-upgrade); display: block; font-size: 12px; font-weight: 400; line-height: 16px; }
.upgrade-hook-button.upgrade-hook-button .upgrade-hook-button__label { align-items: center; display: flex; }
.upgrade-hook-button.upgrade-hook-button .loading-gif { align-items: center; height: 24px; width: 24px; }
.btn.btn-toolbar.upgrade-hook-button.upgrade-offer-active { display: flex; flex-direction: column; height: 46px; justify-content: center; line-height: 18px; margin-top: 8px; padding-left: 8px; }
.btn.btn-toolbar.upgrade-hook-button.upgrade-offer-active .upgrade-hook-button__label { align-items: center; display: flex; font-weight: 500; }
.btn.btn-toolbar.upgrade-hook-button.upgrade-offer-active .upgrade-hook-button__label .upgrade-icon { height: 20px; width: 20px; }
.btn.btn-toolbar.upgrade-hook-button.upgrade-offer-active .upgrade-offer-countdown { font-size: 10px; font-weight: 500; text-align: center; white-space: nowrap; }
.btn.btn-toolbar.upgrade-hook-button.upgrade-offer-active .upgrade-offer-countdown.hide-countdown { padding-left: 4px; }
.tracking-nudge-container { background-color: var(--bg-color-titan-max); border-radius: 4px; width: 447px; }
.tracking-nudge-container .feature-heading { align-items: center; border-radius: 4px 4px 0px 0px; color: var(--feature-container-color); display: flex; flex-direction: row; font-size: 15.96px; font-weight: 600; justify-content: space-between; padding: 24px 24px 0px; }
.tracking-nudge-container .feature-heading .dismiss-btn { font-size: 12.04px; font-weight: 400; }
.tracking-nudge-container .body-container { color: var(--input-new-list-item); padding: 20px; }
.tracking-nudge-container .body-container .list-item { align-items: center; background-color: var(--tracking-paywall-list-item); border-radius: 8px; display: flex; height: 48px; justify-content: space-between; margin-bottom: 16px; padding: 12px; }
.tracking-nudge-container .body-container .list-item .item-wrapper { align-items: center; display: flex; }
.tracking-nudge-container .body-container .list-item .item-wrapper .shimmer-block { background: var(--tracking-paywall-shimmer-block); border-radius: 8px; display: inline-block; height: 8px; margin: 0px 10px 0px 8px; opacity: 0.4; width: 116px; }
.tracking-nudge-container .body-container .list-item .item-wrapper .profile-icon { color: var(--tracking-paywall-shimmer-block); }
.tracking-nudge-container .body-container .list-item:last-child { margin-bottom: 0px; }
.tracking-nudge-container .body-container .eye-icon { color: var(--read-receipt); }
.tracking-nudge-container .footer-container { background-color: var(--bg-secondary-color-titan-max); border-radius: 0px 0px 4px 4px; font-size: 20.02px; line-height: 25.2px; padding: 24px; }
.tracking-nudge-container .footer-container .popover-content-desc { color: var(--heading-color-titan-max); }
.tracking-nudge-container .footer-container .demo-btn-container { margin-top: 16px; }
.attachment-tracking, .attachment-tracking-contextual, .link-tracking, .link-tracking-contextual { width: 340px; }
.attachment-tracking .feature-heading, .attachment-tracking-contextual .feature-heading, .link-tracking .feature-heading, .link-tracking-contextual .feature-heading { padding: 20px; }
.attachment-tracking .body-container .list-item .item-wrapper .shimmer-block, .attachment-tracking-contextual .body-container .list-item .item-wrapper .shimmer-block, .link-tracking .body-container .list-item .item-wrapper .shimmer-block, .link-tracking-contextual .body-container .list-item .item-wrapper .shimmer-block { margin: 4px; width: 64px; }
.attachment-tracking .footer-container .name, .attachment-tracking-contextual .footer-container .name, .link-tracking .footer-container .name, .link-tracking-contextual .footer-container .name { display: inline-block; font-weight: 600; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-tracking { width: 400px; }
.email-tracking .body-container { padding: 0px; }
.email-tracking .body-container .header-content-container { display: flex; flex-direction: column; }
.email-tracking .body-container .header-content-container .line-separator { background: var(--line-separator-sidebar); height: 1px; }
.email-tracking .body-container .header-content-container .header-content { display: flex; font-size: 14px; padding: 24px; }
.email-tracking .body-container .header-content-container .header-content .activity-list-container { padding-right: 8px; }
.email-tracking .body-container .header-content-container .header-content .activity-list-icon { color: var(--read-receipt); height: 20px; vertical-align: middle; width: 20px; }
.email-tracking .body-container .header-content-container .header-content .shimmer-block-one { background: var(--titan-max-shimmer); border-radius: 8px; display: inline-block; height: 8px; opacity: 0.4; width: 119px; }
.email-tracking .body-container .header-content-container .header-content .shimmer-block-two { background: var(--titan-max-shimmer); border-radius: 8px; display: inline-block; height: 8px; opacity: 0.4; width: 324px; }
.email-tracking .body-container .header-content-container .header-content .shimmer-block-three { background: var(--titan-max-shimmer); border-radius: 8px; display: inline-block; height: 8px; opacity: 0.4; width: 65px; }
.composer-tracking, .message-tracking, .thread-tracking { width: 320px; }
.composer-tracking .body-container .action-item-placeholders .item-placeholder, .message-tracking .body-container .action-item-placeholders .item-placeholder, .thread-tracking .body-container .action-item-placeholders .item-placeholder { align-items: center; display: flex; font-size: 14px; justify-content: space-between; margin: 10px 0px 0px; }
.composer-tracking .body-container .action-item-placeholders .item-placeholder .title-placeholder, .message-tracking .body-container .action-item-placeholders .item-placeholder .title-placeholder, .thread-tracking .body-container .action-item-placeholders .item-placeholder .title-placeholder { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; width: 130px; }
.composer-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder, .message-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder, .thread-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder { align-items: center; display: flex; }
.composer-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder .shimmer-placeholder, .message-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder .shimmer-placeholder, .thread-tracking .body-container .action-item-placeholders .item-placeholder .subtitle-placeholder .shimmer-placeholder { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; margin-left: 5px; width: 45px; }
.attachment-tracking-contextual .body-container, .link-tracking-contextual .body-container { padding-top: 0px; }
.attachment-tracking-contextual .footer-container .name, .attachment-tracking-contextual .footer-container .popover-content-desc, .link-tracking-contextual .footer-container .name, .link-tracking-contextual .footer-container .popover-content-desc { font-size: 18px; }
.drive-paywall-modal { box-sizing: border-box; padding: 24px; width: 100%; }
.drive-paywall-modal:focus { outline: none; }
.drive-paywall-modal .paywall-title { color: var(--modal-heading); font-size: 16px; font-weight: 600; margin: 0px 0px 12px; padding-right: 32px; }
.drive-paywall-modal .paywall-body { color: var(--secondary-text-subtle); font-size: 15.96px; line-height: 24px; margin: 0px; }
.drive-paywall-modal .paywall-footer { display: flex; justify-content: flex-end; margin-top: 40px; }
.disacrd-nudge { display: flex; flex-direction: column; min-width: 190px; }
.disacrd-nudge .item { font-size: 14px; font-weight: 600; min-height: 44px; padding: 12px; }
.disacrd-nudge .item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.nudge-modal-container { align-items: center; background-color: var(--upgrade-hook-modal-bg); color: var(--upgrade-hook-primary-header-text); display: flex; flex-direction: column; overflow: hidden; padding: 45px 44px 49px; position: relative; }
.nudge-modal-container .close-icon { color: var(--icon-secondary-color); position: absolute; right: 16px; top: 16px; }
.nudge-modal-container .email-input-info { font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 8px; text-align: center; word-break: break-all; }
.nudge-modal-container .email-input-info .email-wrapper { display: flex; flex-direction: column; }
.nudge-modal-container .email-input-info .email-wrapper .email { color: var(--upgrade-hook-feature-color); font-weight: 600; margin-right: 3px; }
.nudge-modal-container .email-input-info .email-wrapper .email span { color: var(--upgrade-hook-primary-header-text); }
.nudge-modal-container .desc { font-size: 24px; font-weight: 600; line-height: 36px; margin-bottom: 26px; text-align: center; }
.nudge-modal-container .sub-desc { font-size: 16px; font-weight: 400; line-height: 30px; margin-bottom: 26px; text-align: center; }
.nudge-modal-container .btn-continue-action { background-color: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); font-size: 14px; font-weight: 600; height: 40px; line-height: 150%; padding: 8px 16px; width: fit-content; }
.nudge-modal-container .btn-continue-action:hover { background-color: var(--btn-default-color); cursor: pointer; }
.nudge-modal-container-v1 { align-items: stretch; background-color: var(--bg-modal); border-radius: 5px; max-height: 75vh; overflow: hidden; padding: 0px; text-align: left; width: 595px; }
.nudge-modal-container-v1 .title { color: var(--text-color); font-size: 20px; font-weight: 600; line-height: 150%; margin-bottom: 8px; }
.nudge-modal-container-v1 .subtitle { color: var(--tertiary-text-three); font-size: 14px; line-height: 150%; margin-bottom: 0px; }
.nudge-modal-container-v1 .heading-block { background-color: var(--bg-modal); padding: 24px; position: sticky; top: 0px; z-index: 3; }
.nudge-modal-container-v1 .mail-body { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 0px 0px 16px 24px; }
.nudge-modal-container-v1 .mailbox-list { display: flex; flex-direction: column; gap: 4px; max-height: none; overflow: visible; }
.nudge-modal-container-v1 .personalised-mailbox-row { padding-right: 24px; }
.nudge-modal-container-v1 .mailbox-row, .nudge-modal-container-v1 .personalised-mailbox-row { align-items: center; background: var(--bg-modal); border-radius: 8px; display: flex; gap: 12px; justify-content: space-between; }
.nudge-modal-container-v1 .mailbox-row { padding-right: 32px; }
.nudge-modal-container-v1 .mailbox-row-content { align-items: center; display: flex; flex: 1 1 0%; flex-flow: row; gap: 8px; justify-content: flex-start; min-width: 0px; overflow: hidden; }
.nudge-modal-container-v1 .mailbox-row-email { flex: 0 1 auto; max-width: 100%; min-width: 0px; overflow: hidden; }
.nudge-modal-container-v1 .mailbox-text { color: var(--text-color); display: block; font-size: 14px; font-weight: 600; line-height: 20px; max-width: 100%; min-width: 0px; width: 100%; }
.nudge-modal-container-v1 .mailbox-row-requestors { flex: 0 0 auto; max-width: 50%; min-height: 20px; min-width: 120px; overflow: hidden; }
.nudge-modal-container-v1 .mailbox-requestors { color: var(--tertiary-text-three); display: block; font-size: 14px; font-weight: 400; line-height: 20px; max-width: 100%; min-width: 0px; width: 100%; }
.nudge-modal-container-v1 .copy-btn-copyable { border-radius: 4px; height: 36px; width: 36px; }
.nudge-modal-container-v1 .copy-btn-copyable .ant-typography-copy-icon-only { align-items: center; display: flex; height: 36px; justify-content: center; width: 36px; }
.nudge-modal-container-v1 .copy-btn-copyable:hover { background-color: var(--hover-color); }
.nudge-modal-container-v1 .copy-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--icon-secondary-color); cursor: pointer; display: inline-flex; height: 36px; justify-content: center; padding-right: 8px; width: 36px; }
.nudge-modal-container-v1 .copy-btn.delete-btn { border-radius: 4px; height: 36px; padding-left: 0px; padding-right: 0px; width: 36px; }
.nudge-modal-container-v1 .copy-btn.delete-btn:hover { background-color: var(--hover-color); }
.nudge-modal-container-v1 .copy-btn .copy-icon { color: var(--icon-secondary-color); flex-shrink: 0; height: 28px; width: 28px; }
.nudge-modal-container-v1 .copy-btn .delete-icon { color: var(--icon-secondary-color); flex-shrink: 0; height: 24px; width: 24px; }
.nudge-modal-container-v1 .copy-btn .tick-icon { color: var(--generalised-mail-list-tick-icon); flex-shrink: 0; height: 16px; width: 16px; }
.nudge-modal-container-v1 .copy-btn--copied { color: var(--generalised-mail-list-tick-icon); }
.nudge-modal-container-v1 .footer { align-items: center; background-color: var(--bg-modal); border-top: 1px solid var(--line-seprator-color); bottom: 0px; display: flex; gap: 12px; justify-content: flex-end; padding: 16px 24px; position: sticky; z-index: 3; }
.nudge-modal-container-v1 .btn-secondary-action { background: var(--bg-modal); border: 1px solid var(--btn-default-color); border-radius: 5px; color: var(--btn-default-color); cursor: pointer; font-size: 14px; font-weight: 600; line-height: 20px; padding: 10px 16px; }
.nudge-modal-container-v1 .resource-card-wrapper { margin-right: 24px; }
.nudge-modal-container-v1 .resource-card { align-items: center; background: var(--bg-secondary-modal); border-radius: 4px; color: inherit; display: flex; gap: 12px; height: 58px; margin-bottom: 0px; min-height: 48px; padding: 4px 12px 4px 4px; text-decoration: none; }
.nudge-modal-container-v1 .resource-card--support { gap: 8px; min-height: 0px; padding: 12px; }
.nudge-modal-container-v1 .resource-thumbnail { border-radius: 2px; flex-shrink: 0; height: 50px; object-fit: cover; width: 90px; }
.nudge-modal-container-v1 .resource-thumbnail-wrapper { flex-shrink: 0; position: relative; }
.nudge-modal-container-v1 .resource-play-overlay { align-items: center; display: inline-flex; justify-content: center; left: 50%; line-height: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.nudge-modal-container-v1 .resource-play-icon { color: red; display: block; height: 16px; width: 23px; --youtube-play-icon-fill: #fff; }
.nudge-modal-container-v1 .resource-link-icon { align-items: center; color: var(--icon-secondary-color); display: inline-flex; flex-shrink: 0; height: 20px; justify-content: center; line-height: 0; width: 20px; }
.nudge-modal-container-v1 .resource-link-icon svg { display: block; height: 16px; width: 16px; }
.nudge-modal-container-v1 .resource-label { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; line-height: 150%; padding-bottom: 8px; }
.nudge-modal-container-v1 .resource-prefix { color: var(--icon-secondary-color); font-size: 14px; font-weight: 500; line-height: 20px; }
.nudge-modal-container-v1 .resource-support-link { align-items: center; color: inherit; display: inline-flex; gap: 8px; margin-left: 2px; text-decoration: none; }
.nudge-modal-container-v1 .resource-link-label { color: var(--btn-default-color); font-size: 14px; font-weight: 600; line-height: 20px; }
.nudge-modal-container-v1 .resource-link-arrow-icon { color: var(--btn-default-color); flex-shrink: 0; height: 20px; width: 20px; }
.nudge-modal-container-v1 .separator-gap { background-color: var(--generalised-mail-list-item-seperater); height: 1px; margin: 20px 24px 20px 0px; }
.nudge-modal-container-v1 .btn-continue-action { align-items: center; display: inline-flex; gap: 8px; height: 100%; }
.nudge-modal-container-v1 .continue-btn-icon { color: inherit; height: 20px; width: 20px; }
.nudge-container { border-radius: 5px; display: flex; flex-direction: column; max-width: 375px; position: relative; }
.nudge-container .mailbox-discount-offer-footer.is-popover { padding: 0px 16px 14px; }
.nudge-container .mailbox-discount-offer-footer.is-popover.has-offer { padding-top: 12px; }
.nudge-container .nudge-body { display: flex; flex-direction: column; padding: 16px 16px 20px; }
.nudge-container .close-icon { color: var(--icon-secondary-color); position: absolute; right: 8px; top: 8px; }
.nudge-container.colored { background-color: var(--bg-colored-purchase-mailbox-nudge); }
.nudge-container .nudge-info-conatiner { display: flex; flex-direction: row; }
.nudge-container .nudge-info-conatiner .info { flex: 1 1 0%; }
.nudge-container .nudge-info-conatiner .info .heading { color: var(--text-color); font-size: 14px; font-weight: 600; line-height: 21px; padding-right: 9px; }
.nudge-container .nudge-info-conatiner .info .heading .rocket-icon { margin-bottom: 2px; margin-left: 4px; }
.nudge-container .nudge-info-conatiner .info .desc { color: var(--text-color); font-size: 13.02px; line-height: 18px; margin-top: 4px; }
.nudge-container .mailbox-fields { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; max-height: 96px; overflow-y: auto; scrollbar-width: thin; }
.nudge-container .mailbox-field-row { align-items: center; display: flex; flex-direction: row; gap: 8px; }
.nudge-container .delete-field-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--icon-secondary-color); cursor: pointer; display: inline-flex; flex-shrink: 0; height: 24px; justify-content: center; padding: 0px; width: 24px; }
.nudge-container .delete-field-btn:hover { background-color: var(--hover-color); }
.nudge-container .delete-field-btn .delete-field-icon { height: 24px; width: 24px; }
.nudge-container .add-more-btn { align-self: flex-start; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--add-btn-text); cursor: pointer; font-size: 13.02px; font-weight: 500; line-height: 18px; margin-top: 12px; padding: 0px; }
.nudge-container .add-more-btn:hover { text-decoration: underline; }
.nudge-container .input-container { align-items: center; border: 1px solid var(--border-purchase-mailbox-nudge); border-radius: 4px; display: flex; flex: 1 1 0%; flex-direction: row; height: 32px; justify-content: space-between; min-width: 0px; }
.nudge-container .input-container.colored { border-color: var(--border-colored-purchase-mailbox-nudge); }
.nudge-container .input-container.error { border-color: var(--error-msg); }
.nudge-container .input-container .input { flex: 1 1 0%; height: 100%; }
.nudge-container .input-container input { background: var(--bg-purchase-mailbox-nudge-input); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px 0px 0px 4px; font-size: 12px; height: 100%; padding-left: 12px; }
.nudge-container .input-container input::placeholder { color: var(--purchase-mailbox-nudge-input-placeholder); }
.nudge-container .input-container .domain-info { background: var(--bg-purchase-mailbox-nudge-domain); border-left: 1px solid var(--line-seprator-color); border-radius: 0px 4px 4px 0px; font-size: 12.04px; font-weight: 400; height: 100%; line-height: 14px; min-width: 30%; padding: 8px 6px; }
.nudge-container .error-msg-container > p { color: var(--error-msg); font-size: 12px; margin: 0px; }
.nudge-container .btn-create-action { background-color: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); font-size: 14px; font-weight: 600; height: 34px; line-height: 20px; padding: 6px 16px; width: 100%; }
.nudge-container .btn-create-action:hover { cursor: pointer; }
.create-email-accounts-nudge { display: flex; flex-direction: column; min-height: 194px; min-width: 291px; padding: 20px; }
.create-email-accounts-nudge .heading { display: flex; flex-direction: row; justify-content: space-between; }
.create-email-accounts-nudge .heading .create-account-svg { height: 40px; width: 60px; }
.create-email-accounts-nudge .heading .close-icon { bottom: 10px; color: var(--icon-secondary-color); height: 24px; left: 16px; position: relative; width: 24px; }
.create-email-accounts-nudge .desc { font-size: 15px; font-weight: 400; margin-top: 10px; }
.create-email-accounts-nudge .btn-footer { height: 32px; margin-top: 25px; width: fit-content; }
.nudge-modal-container-v1.completion-modal { align-items: center; align-self: stretch; box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; justify-content: center; min-height: 247px; padding: 32px; position: relative; text-align: center; width: 480px; }
.nudge-modal-container-v1.completion-modal .close-icon { position: absolute; right: 12px; top: 12px; }
.nudge-modal-container-v1.completion-modal .completion-icon { align-items: center; display: flex; height: 100px; justify-content: center; width: 100px; }
.nudge-modal-container-v1.completion-modal .completion-copy { align-items: center; display: flex; flex-direction: column; gap: 8px; max-width: 480px; width: 100%; }
.nudge-modal-container-v1.completion-modal .completion-title { color: var(--text-color); font-size: 20px; font-weight: 600; line-height: 150%; }
.nudge-modal-container-v1.completion-modal .completion-subtitle { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; line-height: 150%; }
.nudge-modal-container-v1.completion-modal .got-it-btn { align-items: center; background: var(--bg-modal); border: 1px solid var(--btn-default-color); border-radius: 5px; color: var(--btn-default-color); cursor: pointer; display: flex; font-size: 15px; font-weight: 500; gap: 4px; height: 40px; justify-content: center; line-height: 20px; padding: 6px 16px; }
.mailbox-discount-offer-footer { display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; overflow: hidden; position: relative; }
.mailbox-discount-offer-footer.has-offer { background-color: var(--mailbox-discount-offer-bg); transition: background-color 0.3s; }
.mailbox-discount-offer-footer .mailbox-discount-offer-actions { align-items: center; display: flex; gap: 12px; justify-content: flex-end; }
.mailbox-discount-offer-footer.is-modal { border-top: 1px solid var(--line-seprator-color); bottom: 0px; padding: 16px 24px; position: sticky; z-index: 4; }
.mailbox-discount-offer-footer.is-modal:not(.has-offer) { background-color: var(--bg-modal); }
.mailbox-discount-offer-footer.has-offer.is-popover { border-radius: 0px 0px 5px 5px; padding: 12px 12px 14px; }
.mailbox-discount-offer-footer.is-unlocked { background-color: var(--mailbox-discount-offer-bg-unlocked); }
.mailbox-discount-offer-footer .mailbox-discount-offer-track { display: flex; flex-direction: column; gap: 8px; min-width: 0px; position: relative; }
.mailbox-discount-offer-footer .mailbox-discount-offer-head { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.mailbox-discount-offer-footer .mailbox-discount-offer-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.mailbox-discount-offer-footer .mailbox-discount-offer-headline { color: var(--text-color); font-size: 13.02px; font-weight: 500; line-height: 20px; overflow-wrap: anywhere; }
.mailbox-discount-offer-footer.is-unlocked .mailbox-discount-offer-headline { color: var(--mailbox-discount-offer-unlocked-text); }
.mailbox-discount-offer-footer .mailbox-discount-offer-amount { font-weight: 700; }
.mailbox-discount-offer-footer .mailbox-discount-offer-subline { color: var(--mailbox-discount-offer-subline-text); display: none; font-size: 13.02px; line-height: 18px; }
.mailbox-discount-offer-footer .mailbox-discount-offer-chip { align-items: center; background: var(--bg-primary-color); border: 1px dashed var(--mailbox-discount-offer-chip-border); border-radius: 999px; color: var(--mailbox-discount-offer-subline-text); display: inline-flex; flex-shrink: 0; font-feature-settings: "tnum"; font-size: 12.04px; font-variant-numeric: tabular-nums; font-weight: 700; gap: 6px; height: 24px; letter-spacing: 0.04em; line-height: 1; padding: 0px 10px 0px 9px; white-space: nowrap; }
.mailbox-discount-offer-footer.is-on-hold .mailbox-discount-offer-chip { border-color: var(--btn-default-color); color: var(--btn-default-color); }
.mailbox-discount-offer-footer.is-unlocked .mailbox-discount-offer-chip { animation: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running mailbox-discount-chip-pop; background: var(--mailbox-discount-offer-unlocked); border-color: var(--mailbox-discount-offer-unlocked); border-style: solid; color: var(--primary-text); }
.mailbox-discount-offer-footer .mailbox-discount-chip-icon { flex-shrink: 0; height: 12px; width: 12px; }
.mailbox-discount-offer-footer .mailbox-discount-chip-separator { font-style: normal; margin: 0px 2px; opacity: 0.6; }
.mailbox-discount-offer-footer .mailbox-discount-offer-bar { align-items: center; display: flex; gap: 4px; }
.mailbox-discount-offer-footer .mailbox-discount-offer-segment { background: var(--mailbox-discount-offer-segment-empty); border-radius: 999px; flex: 1 1 0%; height: 4px; }
.mailbox-discount-offer-footer .mailbox-discount-offer-segment.on { background: var(--btn-default-color); }
.mailbox-discount-offer-footer .mailbox-discount-offer-segment.grow { animation: 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running mailbox-discount-segment-grow; transform-origin: left center; }
.mailbox-discount-offer-footer.is-unlocked .mailbox-discount-offer-segment.on { background: var(--mailbox-discount-offer-unlocked-fill); }
.mailbox-discount-offer-footer .mailbox-discount-offer-celebration { animation: 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running mailbox-discount-celebration; border-radius: 2px; pointer-events: none; position: absolute; }
.mailbox-discount-offer-footer .mailbox-discount-offer-celebration.is-green { background: var(--mailbox-discount-offer-unlocked-fill); }
.mailbox-discount-offer-footer .mailbox-discount-offer-celebration.is-blue { background: var(--btn-default-color); }
.mailbox-discount-offer-footer .mailbox-discount-offer-celebration.is-amber { background: var(--mailbox-discount-celebration-amber); }
.mailbox-discount-offer-footer.has-offer.is-modal { align-items: center; border-radius: 0px; border-top: 1px solid var(--mailbox-discount-offer-modal-border); gap: 10px 32px; display: grid; grid-template-areas: "copy cta" "bar cta"; grid-template-columns: minmax(256px, max-content) 1fr; padding: 16px 24px 18px; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-actions { grid-area: cta; justify-self: end; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-head, .mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-track { display: contents; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-copy { gap: 3px; grid-area: copy; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-headline { font-size: 15px; line-height: 22px; overflow: visible; white-space: normal; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-bar { gap: 6px; grid-area: bar; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-bar .mailbox-discount-offer-chip { margin-left: 4px; }
.mailbox-discount-offer-footer.has-offer.is-modal .mailbox-discount-offer-segment { height: 6px; }
@keyframes mailbox-discount-segment-grow { 
  0% { transform: scaleX(0); }
}
@keyframes mailbox-discount-chip-pop { 
  0% { transform: scale(0.5) rotate(-12deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes mailbox-discount-celebration { 
  0% { opacity: 0; transform: translateY(-14px); }
  15% { opacity: 1; }
  70% { opacity: 1; transform: translateY(6px); }
  100% { opacity: 0; transform: translateY(14px); }
}
@media (prefers-reduced-motion: reduce) {
  .mailbox-discount-offer-footer .mailbox-discount-offer-celebration, .mailbox-discount-offer-footer .mailbox-discount-offer-segment.grow, .mailbox-discount-offer-footer.is-unlocked .mailbox-discount-offer-chip { animation: auto ease 0s 1 normal none running none; }
  .mailbox-discount-offer-footer .mailbox-discount-offer-celebration { display: none; }
}
.create-mailbox-modal-container { border-radius: 5px; display: flex; flex-direction: column; height: auto; max-height: 75vh; min-height: 0px; overflow: hidden; padding: 0px; position: relative; width: 640px; }
.create-mailbox-modal-container .close-icon { flex-shrink: 0; height: 24px; width: 24px; }
.create-mailbox-modal-container .heading { align-items: flex-start; align-self: stretch; background-color: var(--bg-modal); display: flex; flex-shrink: 0; gap: 16px; padding: 24px; position: sticky; top: 0px; z-index: 3; }
.create-mailbox-modal-container .heading .heading-text { display: flex; flex-direction: column; gap: 8px; width: 552px; }
.create-mailbox-modal-container .heading .heading-text .heading-domain, .create-mailbox-modal-container .heading .heading-text .heading-line1 { color: var(--text-color); display: inline; font-size: 20px; font-weight: 600; line-height: 150%; }
.create-mailbox-modal-container .heading .heading-text .heading-domain { overflow-wrap: anywhere; }
.create-mailbox-modal-container .heading .heading-text .heading-line2 { color: var(--tertiary-text-three); font-size: 16px; font-weight: 400; line-height: 150%; }
.create-mailbox-modal-container .create-mailbox-body { align-items: flex-start; border-radius: 4px; display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; overflow-y: auto; padding: 16px 0px 0px 24px; }
.create-mailbox-modal-container .generalised-mail-list { align-self: stretch; display: flex; flex-direction: column; gap: 12px; padding-right: 24px; }
.create-mailbox-modal-container .generalised-mail-list .list-item { border-bottom: 1px solid var(--generalised-mail-list-item-seperater); }
.create-mailbox-modal-container .generalised-mail-list .list-item .list-item-content { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .list-item-content .delete-icon-btn { color: var(--icon-secondary-color); height: 16px; width: 16px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper { width: 73%; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row { display: flex; font-size: 16px; min-width: 0px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address .email-username { color: var(--text-color); font-weight: 800; line-height: 150%; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address .email-domain { color: var(--text-color); font-size: 16px; font-weight: 400; line-height: 150%; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .popular { background: var(--generalised-mail-list-popular-tag-background); border-radius: 4px; color: var(--generalised-mail-list-popular-tag-color); display: inline-block; flex-shrink: 0; font-size: 12px; font-weight: 600; line-height: 150%; margin-left: 8px; padding: 2px 6px; text-align: center; text-transform: uppercase; }
.create-mailbox-modal-container .generalised-mail-list .list-item .email-wrapper .email-info .email-desc { color: var(--icon-secondary-color); font-size: 14px; line-height: 150%; }
.create-mailbox-modal-container .generalised-mail-list .list-item .added-wrapper { align-items: center; display: flex; height: 24px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .added-wrapper .tick-icon { color: var(--generalised-mail-list-tick-icon); height: 16px; margin-right: 4px; margin-top: 2px; width: 16px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .added-wrapper .added { color: var(--generalised-mail-list-tick-icon); font-weight: 600; margin-top: 2px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .added-wrapper .delete-btn { height: 20px; margin-left: 8px; width: 20px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .add { border: 1px solid var(--btn-default-color); border-radius: 4px; font-size: 16px; padding: 4px 24px; }
.create-mailbox-modal-container .generalised-mail-list .list-item .add.btn { line-height: 150%; }
.create-mailbox-modal-container .create-mailbox-footer { background-color: var(--bg-modal); bottom: 0px; display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; padding: 0px; position: sticky; z-index: 3; }
.create-mailbox-modal-container .create-mailbox-footer-resource { border-top: 1px solid var(--generalised-mail-list-item-seperater); margin: 0px 24px; padding-top: 20px; }
.create-mailbox-modal-container .resource-card { align-items: center; background: var(--bg-secondary-modal); border-radius: 4px; color: inherit; display: flex; gap: 12px; height: 58px; margin-bottom: 0px; min-height: 48px; padding: 4px 12px 4px 4px; text-decoration: none; }
.create-mailbox-modal-container .resource-card--support { gap: 8px; min-height: 0px; padding: 12px; }
.create-mailbox-modal-container .resource-thumbnail { border-radius: 2px; flex-shrink: 0; height: 50px; object-fit: cover; width: 90px; }
.create-mailbox-modal-container .resource-thumbnail-wrapper { flex-shrink: 0; position: relative; }
.create-mailbox-modal-container .resource-play-overlay { align-items: center; display: inline-flex; justify-content: center; left: 50%; line-height: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.create-mailbox-modal-container .resource-play-icon { color: red; display: block; height: 16px; width: 23px; --youtube-play-icon-fill: #fff; }
.create-mailbox-modal-container .resource-link-icon { align-items: center; color: var(--icon-secondary-color); display: inline-flex; flex-shrink: 0; height: 20px; justify-content: center; line-height: 0; width: 20px; }
.create-mailbox-modal-container .resource-link-icon svg { align-items: center; display: flex; height: 20px; width: 20px; }
.create-mailbox-modal-container .resource-prefix { color: var(--icon-secondary-color); font-size: 14px; font-weight: 500; line-height: 20px; }
.create-mailbox-modal-container .resource-support-link { align-items: center; color: inherit; display: inline-flex; gap: 8px; margin-left: 2px; text-decoration: none; }
.create-mailbox-modal-container .resource-link-label { color: var(--btn-default-color); font-size: 14px; font-weight: 600; line-height: 20px; }
.create-mailbox-modal-container .resource-link-arrow-icon { color: var(--btn-default-color); flex-shrink: 0; height: 20px; width: 20px; }
.create-mailbox-modal-container .resource-label { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 20px; }
.create-mailbox-modal-container .custom-input-container { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 20px; padding-right: 24px; width: 100%; }
.create-mailbox-modal-container .custom-input-container .input-container { align-items: center; border: 1px solid var(--border-purchase-mailbox-nudge); border-radius: 4px; display: flex; flex-direction: row; height: 34px; justify-content: space-between; }
.create-mailbox-modal-container .custom-input-container .input-container.error { border-color: var(--error-msg); }
.create-mailbox-modal-container .custom-input-container .input-container .input { height: 100%; }
.create-mailbox-modal-container .custom-input-container .input-container .input input { background: var(--bg-purchase-mailbox-nudge-input); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px 0px 0px 4px; font-size: 16px; height: 100%; line-height: 150%; padding: 8px 12px; }
.create-mailbox-modal-container .custom-input-container .input-container .domain-info { align-items: center; background: var(--bg-purchase-mailbox-nudge-domain); border-left: 1px solid var(--line-seprator-color); border-radius: 0px 4px 4px 0px; display: flex; font-size: 16px; font-weight: 400; height: 100%; line-height: 150%; overflow: hidden; padding: 8px 12px; text-overflow: ellipsis; white-space: nowrap; }
.create-mailbox-modal-container .custom-input-container .add { border: 1px solid var(--border-purchase-mailbox-nudge); border-radius: 4px; font-size: 16px; padding: 4px 24px; }
.create-mailbox-modal-container .custom-input-container .add.btn { line-height: 150%; }
.create-mailbox-modal-container .custom-input-container .add.btn-naked-primary, .create-mailbox-modal-container .custom-input-container .add.btn-naked-primary:active, .create-mailbox-modal-container .custom-input-container .add.btn-naked-primary:hover { border: 1px solid var(--btn-default-color); }
.create-mailbox-modal-container .custom-input-container .add.btn-naked-primary.btn-disabled { border: 1px solid var(--btn-disabled); }
.create-mailbox-modal-container .custom-input-container .error-msg-container > p { color: var(--error-msg); font-size: 12px; margin: 0px; }
.create-mailbox-modal-container .custom-input-container-wrapper { display: flex; flex-direction: column; width: 100%; }
.create-mailbox-modal-container .custom-input-helper-text { color: var(--secondary-text-color); font-size: 16px; line-height: 150%; padding-bottom: 8px; padding-right: 16px; padding-top: 12px; }
.create-mailbox-modal-container .footer-cta-wrapper { border-top: 1px solid var(--line-seprator-color); display: flex; justify-content: flex-end; padding: 16px 24px 0px; }
.create-mailbox-modal-container .btn-create-action { align-items: center; background-color: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; height: 40px; line-height: 20px; margin-top: 0px; padding: 6px 16px; width: fit-content; }
.create-mailbox-modal-container .btn-create-action:disabled { cursor: wait; opacity: 0.85; }
.create-mailbox-modal-container .mailbox-discount-offer-footer.has-offer .btn-create-action { font-size: 15px; height: 44px; justify-content: center; padding: 0px 24px; width: 280px; }
.create-mailbox-modal-container .cta-permalink-icon { color: inherit; height: 20px; width: 20px; }
.download-desktop-buttons { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.download-desktop-buttons--horizontal { flex-direction: row; }
.download-desktop-buttons--horizontal .download-desktop-btn { flex: 1 1 0%; }
.download-desktop-btn { align-items: center; appearance: none; background: rgba(0, 0, 0, 0); border: 1px solid var(--bg-tooltip); border-radius: 6px; color: inherit; cursor: pointer; display: flex; font-size: 16px; font-weight: 600; gap: 8px; justify-content: center; line-height: 1.4; padding: 9px 16px; width: 100%; }
.download-desktop-btn:hover { cursor: pointer; }
.download-desktop-btn svg { flex-shrink: 0; height: 18px; margin-top: -2px; width: 18px; }
.input-container { position: relative; }
.input-container .label-container { display: flex; justify-content: space-between; }
.input-container .label-container .label { color: var(--text-color); font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.input-container .input-field { height: 40px; padding-left: 12px; width: 100%; }
.input-container .input-field.disabled { background-color: var(--input-disbaled-background); }
.input-container .input-edit-container { position: relative; }
.input-container .input-edit-container .edit-button { align-items: center; color: var(--link-color); cursor: pointer; display: flex; height: 100%; padding-right: 12px; position: absolute; right: 0px; top: 0px; }
.input-container .error { color: var(--error-color); font-size: 12.04px; height: 14px; margin-top: 6px; }
.form-container { background-color: var(--bg-modal); border-radius: 4px; width: 100%; }
@media only screen and (min-width: 768px) {
  .form-container { margin: 32px 0px; padding: 0px 60px; }
}
.form-container .form-title { font-size: 20.02px; font-weight: 600; text-align: center; }
.form-container .form-subtitle { color: var(--tertiary-text-three); margin-top: 8px; text-align: center; }
.form-container .loader-container { align-items: center; background-color: var(--hover-color); border-radius: 8px; inset: 0px; color: var(--btn-default-color); display: flex; flex-direction: column; justify-content: center; opacity: 0.86; position: absolute; }
.form-container .loader-container .loader { margin-bottom: 8px; }
.main-container.login { align-items: center; display: flex; flex-direction: column; font-family: sans-serif; height: 100vh; justify-content: space-between; app-region: drag; overflow: auto; }
@media only screen and (min-width: 768px) {
  .main-container.login { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--bg-primary-color); justify-content: flex-start; }
}
.main-container.login.in-client-flow { background: var(--bg-primary-color); height: auto; overflow: hidden; }
.main-container.login.in-client-flow .body { margin: 0px; width: 100%; }
@media only screen and (min-width: 768px) {
  .main-container.login.remove-background { background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--bg-primary-color); }
}
.main-container.login .body { align-items: center; background-color: var(--bg-modal); border-radius: 4px; display: flex; flex-direction: column; position: relative; }
@media only screen and (min-width: 768px) {
  .main-container.login .body { box-shadow: var(--modal-shadow); margin-top: 50px; width: 450px; }
}
@media only screen and (max-width: 768px) {
  .main-container.login .body { box-sizing: initial; max-width: 300px; padding: 0px 38px; width: 100%; }
}
.main-container.login .body .logout-error-container { background: var(--logout-error-login-background); border: 1px solid var(--error-color); border-radius: 4px; color: var(--error-color); padding: 8px; }
.main-container.login .body .main-container.logout-error-container { margin: 32px 52px 0px; }
.main-container.login .body .logo-container { align-items: center; border-radius: 4px 4px 0px 0px; display: flex; height: 92px; justify-content: center; position: relative; width: 100%; }
.main-container.login .body .logo-container img { height: 44px; }
@media only screen and (min-width: 768px) {
  .main-container.login .body .logo-container { background-color: var(--bg-logo-container); }
}
.main-container.login .body .logo-container .logo-back-button { left: 16px; position: absolute; top: 50%; transform: translateY(-50%); }
.main-container.login .body .by-branding { color: var(--text-color); margin: 18px 0px 24px; }
.main-container.login .body .by-branding img { height: 16px; }
@media only screen and (max-width: 768px) {
  .main-container.login .body .by-branding { display: none; }
}
.main-container.login .footer { align-items: center; display: flex; flex-direction: column; }
.main-container.login .footer .by-branding { margin-top: 24px; }
.main-container.login .footer .by-branding img { height: 16px; }
@media only screen and (min-width: 768px) {
  .main-container.login .footer .by-branding { display: none; }
}
.main-container.login .footer .language-switcher { appearance: none; background-image: url("https://hostinger.titan.email/mail/assets/static/media/dropdown-arrow-down.bd330c3f6b2e370b06ef.svg"), url("https://hostinger.titan.email/mail/assets/static/media/language.69c106b23e675c3097a4.svg"); background-position: 168px center, 12px center; background-repeat: no-repeat, no-repeat; border-radius: 4px; font-size: 14px; height: 36px; margin: 16px; padding: 6px 36px; width: 200px; }
@media only screen and (max-width: 768px) {
  .main-container.login .footer .language-switcher { margin: 24px; }
}
.main-container.login .footer .flockmail-app-version { bottom: 0px; color: var(--tertiary-text-three); font-size: 13.02px; position: fixed; right: 10px; z-index: 1; }
.main-container.login .email-options { background-color: var(--bg-secondary-color); display: flex; gap: 24px; padding: 20px 40px 40px; width: 100%; }
.main-container.login .email-options .email-option { border-right: 1px solid var(--border-color-default); display: flex; flex: 1 1 0%; flex-direction: column; gap: 12px; max-width: 50%; min-width: 0px; padding-right: 20px; }
.main-container.login .email-options .email-option:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding-right: 0px; }
.main-container.login .email-options .email-option .details { display: flex; flex-direction: column; gap: 8px; }
.main-container.login .email-options .email-option .details .title { display: flex; flex-direction: column; font-size: 15px; font-weight: 700; min-width: 0px; }
.main-container.login .email-options .email-option .details .title > * { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.main-container.login .email-options .email-option .details .subtitle { color: var(--tertiary-text-three); }
.main-container.login .email-options .email-option .cta { margin-top: auto; }
.main-container.login .email-options .email-option .cta .btn { padding: 4px 16px; width: 100%; }
.login-desktop-buttons { margin-bottom: 17px; margin-top: 41px; width: 330px; }
@media only screen and (max-width: 768px) {
  .login-desktop-buttons { width: 300px; }
}
.login-desktop-buttons .download-desktop-btn { background-color: var(--bg-modal); border-color: var(--border-color-default); }
@media only screen and (min-width: 768px) {
  .main-container.multi-country-login-failed-screen { justify-content: center; }
}
.main-container.login-loader { justify-content: center; }
.main-container.login-loader .isLoading { display: block; margin: 120px 0px; }
.main-container .split-screen-loader { justify-content: center; }
.main-container .split-screen-loader .isLoading { display: block; margin: 120px 0px; }
body { --flyout-background: #24273d; --sidebar-icon-color: #dedede; --bg-primary-color: #fff; --bg-secondary-color: #edf4ff; --bg-reading-pane: #fbfbfb; --bg-sidebar: #1d2133; --brand-default-color: #2170f4; --line-seprator-color: #dedede; --secondary-line-separator: var(--line-seprator-color); --email-icon-border-color: #dedede; --contact-popover-profile-pic-border-color: var(--email-icon-border-color); --activity-list-unread-color: #ebf2ff; --activity-list-unread-color-hover: #e0ebff; --activity-list-separator-color: var(--line-seprator-color); --acitivity-list-separator-color-hover: var(--secondary-header-text); --tertiary-line-separator: #444; --bg-small-dropdowns: #fff; --hover-color: #f0f0f0; --secondary-hover-color: var(--hover-color); --selected-email: #e0ebff; --bg-new-read-receipt: #fff; --flyout-bg-color: var(--ctm-primary-surface,#24273d); --modal-sidebar: #eff1f4; --selection-modal-sidebar: #c8d0db; --bg-tooltip: #000; --inactive-scrollbar: #8886; --primary-text: var(--bg-primary-color); --secondary-text: #333; --text-color: var(--secondary-text); --secondary-text-subtle: #666; --tertiary-text-three: #888; --block-dialogue-text: var(--tertiary-text-three); --unread-thread-counter: #86b3ff; --link-color: var(--ctm-brand-color,#2170f4); --error-color: #ff605a; --yellow-banner: #fdf4db; --search-highlight-bg: #ffdf8f; --search-highlight-text: #333; --warning-banner: #fdf4db; --warning-border-color: #edd19e; --upgrade-paywall-warning-color: #f3deb5; --upgrade-paywall-strip-border-color: #f9e8c3; --secondary-header-text: #bdbdbd; --text-default: #141414; --btn-default-color: var(--ctm-brand-color,#2170f4); --btn-hover-color: var(--ctm-brand-color,#1f6df4b3); --btn-clicked-color: var(--ctm-brand-color,#2170f4); --btn-disabled: #bdbdbd; --btn-secondary-color: var(--ctm-brand-color,#2170f4); --btn-tertiary2-color: var(--tertiary-text-three); --btn-tertiary-clicked: var(--secondary-text); --negative-btn-color: var(--error-color); --primary-disabled-text: var(--bg-primary-color); --icon-default-color: var(--ctm-brand-color,var(--bg-primary-color)); --icon-secondary-color: #888; --warning-icon-color: #c56a00; --icon-color-warning: #888; --icon-secondary-disabled-color: #b8b8b8; --icon-hover-state: var(--secondary-hover-color); --icon-bug-color: #c84d5d; --icon-feature-color: #da9c00; --icon-titan-labs-color: #56ffc2; --add-to-task-yellow: #ff9e45; --archive-green: #2cb1be; --pin-thread-blue: #4e58db; --priority-mustard: #ff9a1b; --star-yellow: #f68e0a; --trash-red: #fd6578; --read-unread-blue: #5692f6; --spam-red: #ff3c3c; --unspam-green: #8ec732; --print-pink: #d064e7; --movetofolder-blue: #7a7fe4; --back-btn: #333; --read-receipt: #59af56; --file-uploaded-text: #08a323; --reminder-color: #d875ed; --email-template-green: #56bbc5; --scheduled-blue: #5c97fa; --pencil-draft: #ff7052; --attention-icon: #fe581e; --schedule-cancelled-orange: #e75936; --marketing-campaign-blue: #4d3bc4; --campaign-light-bg: #ececff; --campaign-hover: #ececff; --avatar-1: #3097a7; --avatar-2: #f27383; --avatar-3: #646ac0; --avatar-4: #d875ed; --avatar-5: #8c9f43; --avatar-6: #de9c52; --border-color-default: var(--line-seprator-color); --border-color-subtle: #ececec; --border-color-neutral: #e4e4e7; --line-separator-sidebar: #000; --line-seperator-secondary-color: #ededed; --quick-action-button-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 0.5px 1px #00000026; --quick-action-button-disabled-shadow: 0 0 1px #dedede; --popover-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 4px 7px #00000026; --modal-shadow: 0 10px 20px #00000030,inset 0 0 1px #00000080; --dropdown-shadow-one: 0 0 8px -1px #00000042; --dropdown-shadow-small: 0 0 8px -1px #00000042; --shadow-advance-search: 0 4px 8px 0 #00000026; --secondary-shadow: 0 2px 4px 0 #00000014; --event-wrapper-shadow: 0 2px 4px 0 #00000014; --input-bg: var(--bg-primary-color); --input-border: 1px solid #bdbdbd; --input-uneditable: #f0f0f0; --bg-edit-input: var(--input-uneditable); --input-text-color: var(--text-color); --input-range-background: var(--input-uneditable); --input-disbaled-background: #fafafa; --scrollbar-active-color: var(--inactive-scrollbar); --scrollbar-hover-color: #bdbdbd; --account-scrollbar-active-color: var(--inactive-scrollbar); --account-scrollbar-hover-color: #bdbdbd; --bg-sidebar-secondary: #22273b; --bg-sidebar-selection: #3c3f69; --hover-sidebar: #2c304d; --bg-color-sidebar-request-feature: var(--bg-sidebar-secondary); --bg-folder-selected: var(--bg-sidebar-selection); --sidebar-hover-color: var(--hover-sidebar); --sidebar-toogle-btn-bg: var(--bg-setup-nudge-hover); --sidebar-toggle-btn-border: var(--bg-primary-color); --toolbar-outline-btn-text: var(--secondary-text); --bg-color-msg-toolbar: var(--bg-reading-pane); --btn-text-toolbar: var(--secondary-text-subtle); --btn-text-toolbar-hover: var(--secondary-text); --bg-attchement-on-hover: linear-gradient(90deg,#f0f0f000 1%,#f0f0f0 40%); --bg-upload-progress: #e6efff; --bg-attachment-error: #ff00000d; --bg-attachment-error-on-hover: linear-gradient(90deg,rgba(255,246,243,.425) -9.39%,#fff6f3 38.1%); --download-icon-bg: #ddd; --download-icon-hover-bg: #bdbdbd; --download-icon-color-hover: #666; --bg-dropdown-color: var(--bg-small-dropdowns); --dropdown-text-color: var(--secondary-text); --dropdown-hover-color: var(--secondary-hover-color); --dropdown-selected-item: #419bf9; --dropdown-border-color: var(--secondary-line-separator); --bg-menu: #f6f6f6; --dropdown-border: 1px solid var(--line-seprator-color); --search-suggestions-border: 1px solid var(--border-color-neutral); --search-suggestion-skeleton: #f0f0f0; --search-pill-border: #dedede; --search-pill-text: #666; --search-pill-active-bg: #e6efff; --search-pill-active-text: #2170f4; --dropdown-item-separator: #eee; --dropdown-filter-border-color: #dedede; --bg-modal: var(--bg-primary-color); --bg-modal-outer: #00000080; --bg-modal-header: #1f1f1f; --bg-modal-active-item: var(--hover-color); --bg-secondary-modal: #fbfbfb; --modal-line-separator: var(--secondary-line-separator); --profile-pic-canvas: var(--name-border-color); --gif-modal-bg-color: #e8effd; --bg-toast: #333; --bg-toast-button: #5692f6; --toast-undo-text: var(--ctm-brand-color,#2170f4); --toast-shadow: none; --bg-editor: var(--bg-primary-color); --preferences-banner: var(--yellow-banner); --preferences-subtitle: var(--text-color); --preferences-sidebar-bg-color: var(--modal-sidebar); --preferences-info-icon: var(--text-color); --preferences-tab-icon: #5a636f; --preferences-tab-text: var(--text-color); --preferences-active-tab: var(--selection-modal-sidebar); --preferences-highlighter: #fdf3e0; --settings-menu-highlighter: var(--preferences-highlighter); --preferences-info-color: #fdf3e0; --drive-transfer-nudge-bg: #fdf3e0; --preferences-close-btn: #f7f7f7; --toggle-on-icon-color: var(--ctm-brand-color,#2170f4); --toggle-off-icon-color: var(--btn-disabled-icon-color); --load-remote-images-background: var(--bg-upgrade-banner); --bg-color-titan-max: var(--flyout-background); --bg-secondary-color-titan-max: var(--bg-primary-color); --feature-container-color: var(--sidebar-icon-color); --titan-max-shimmer: #aaa6a64d; --heading-color-titan-max: var(--secondary-text); --try-max-btn-warning-border: #fbdf99; --try-max-btn-warning-bg: #fff6de; --try-max-btn-warning-hover: #ffeec1; --titan-max-nudge-feature-icon: none; --contact-group-placeholder-color: #aaa6a64d; --bg-color-gift-neo: var(--bg-primary-color); --neo-icon-color: #333; --neo-text-split-color: #ffc053; --bg-gradient: linear-gradient(180deg,#fff0,#281a4c00 11.46%,#281a4c91 28.13%,#281a4cc2 35.61%,#12092af2 77.74%); --recipient-name-color: #4545e9; --name-border-color: #999; --email-border-color: #e9e9e9; --bg-neo-email-banner: #fff; --neo-email-banner-text-color: #2e2981; --neo-email-banner-border-color: #5846c1; --bg-neo-share-button: #fff; --neo-share-button-color: var(--secondary-text); --neo-text-color: var(--secondary-text); --neo-gift-header-text-color: #fff; --neo-popover-bg-color: linear-gradient(90.29deg,#4f32a4 0.2%,#3d31c7 99.83%); --neo-popover-text-color: #fff; --neo-popover-pointer-color: #3f31c3; --neo-popover-recipient-color: #f3c238; --bg-list-item: var(--bg-reading-pane); --thread-list-participant: var(--secondary-text); --multiselect-checkbox: #bdbdbd; --multiselect-checkbox-focused: #888; --bg-unread-thread: var(--bg-primary-color); --thread-snippet: var(--tertiary-text-three); --bg-unread-thread-snippet: var(--thread-snippet); --thread-focus-border: #98c3f0; --background-checkbox-thread-select: var(--ctm-brand-color,#2170f4); --checkbox-tick: url("https://hostinger.titan.email/mail/assets/static/media/white-tick.ef462bab3a06e9e34de4.svg"); --checkbox-hyphen: url("https://hostinger.titan.email/mail/assets/static/media/white-hyphen.c9a0a388010638c402b6.svg"); --bg-quick-action-btn: var(--bg-primary-color); --bg-quick-action-btn-on-hover: var(--hover-color); --thread-list-ai-label-header-color: #737373; --bg-msg-list: var(--bg-primary-color); --bg-msg-list-border: #ececec; --bg-msg-modal-border: var(--border-color-default); --text-color-very-subtle: var(--tertiary-text-three); --bg-hidden-msg: #ececec; --shadow-reply-area: 0 0 0 1px var(--bg-msg-list-border); --bg-schedule-send: var(--bg-reading-pane); --msg-number-shadow: 0 0 2px 0 #aaaaaac4; --msg-number-border: none; --msg-line-shadow: 0 0.5px 0 #0000001a,0 -0.5px 0 #0000001a,0.5px 0 0 #0000001a,-0.5px 0 0 #0000001a; --bg-logo-container: #f8f8f8; --notification-color: var(--primary-text); --notification-offline: #ea4646; --offline-image-banner-bg: #fbfbfb; --offline-image-banner-text: #666; --offline-snackbar-bg: #fce8e3; --offline-snackbar-border: #e88f7d; --bg-notification-bar: #5692f6; --bg-vacation-responder-notification: #fcf6cd; --bg-titan-max-notification: #61648e; --notification-spam-trash: var(--bg-primary-color); --gru-app-badge-color: #fe581e; --activitylist-default-color: #fff; --activitylist-hover-color: #f0f0f0; --bg-setup-account-nudge: #3e4064; --bg-setup-nudge-hover: #484872; --bg-update-card-badge: #ffffff17; --update-card-gift-box: #e8505b; --update-card-gift-box-shade: #c23b47; --update-card-gift-lid: #ff6b6b; --update-card-gift-ribbon: #ffd15c; --update-card-gift-knot: #f2a900; --update-card-gift-spark-blue: #8ab4ff; --update-card-gift-spark-pink: #ff8fa3; --signature-border: var(--border-color-default); --signature-intelligent-nudge-image-preview-bg: #f0f6ff; --signature-intelligent-nudge-feature-item-icon-color: var(--btn-default-color); --composer-no-color-hover-bg: var(--hover-color); --auto-clean-gray: #dedede; --feature-paywall-subheading: #333; --feature-paywall-box-bg: #212233; --feature-paywall-box-border: #303452; --preferences-paywall-image-bg: #e6efff; --preferences-auto-clean-paywall-bg: #fbfbfb; --btn-disabled-bg: #f6f6f6; --btn-disabled-icon-color: #dedede; --check-on-icon-color: var(--ctm-brand-color,#2170f4); --change-account-text: var(--text-color); --bg-bug-modal-footer: var(--hover-color); --bg-attachment-preview: #525659; --attachment-preview-pill-bg: #1f1f1f; --attachment-preview-pill-border: #fff3; --attachment-preview-scan-badge-bg: #3f3522; --attachment-preview-verified-badge-bg: #0a743133; --attachment-preview-verified-text: #05df72; --inline-composer-shadow: 0px 2px 8px #00000040; --nudge-calendar-days-color: var(--text-color); --yellow-star-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-star.8ba693fe670324aa156a.svg"); --check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/checked-on.1e1f6776b71288e76f1e.svg"); --radio-check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-on.55e2a39748b99e0798bc.svg"); --radio-check-off-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-off.38553db3ac7739d09181.svg"); --graphic-stackable-card: url("https://hostinger.titan.email/mail/assets/static/media/graphic-stackable-card-filled.9324ddd80a9b621ccd31.svg"); --icon-star-hover: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-action-hover.2bfb2c23924487603a84.svg"); --attachment-clip: url("https://hostinger.titan.email/mail/assets/static/media/attachment-clippy.7f76b36f92a6cfef12ec.svg"); --thread-unread-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-unread.ede73f7380943368aaea.svg"); --icon-forward: url("https://hostinger.titan.email/mail/assets/static/media/icon-forward.76201cfd94d0eeb56ed2.svg"); --icon-replied: url("https://hostinger.titan.email/mail/assets/static/media/icon-replied.dea296f500ae60b730fe.svg"); --login-bg-2x: url("https://hostinger.titan.email/mail/assets/static/media/login-bg-2x.e763d39b4979b4a4c055.png"); --login-bg: url("https://hostinger.titan.email/mail/assets/static/media/login-bg.e2fa8425aad8278b1bec.png"); --chevron-down: url("https://hostinger.titan.email/mail/assets/static/media/chevron-down.4d9d7ad9fce5b7f14fef.svg"); --green-tick: url("https://hostinger.titan.email/mail/assets/static/media/green-tick.6ee6d7e33539b9afe5bd.svg"); --check-mark: url("https://hostinger.titan.email/mail/assets/static/media/check-mark.6b5d4feeaf113e1d1514.svg"); --image-background: #d7a4ff; --modal-heading: #333; --selected-option: #e9e9e9; --selected-option-border: #c2c2c2; --searchbar-with-icon-border: var(--line-seprator-color); --invalid-input-error: #ec4c64; --selected-option-text: #888; --waiting-state-text-color: #999; --waiting-state-text-color-timer: #000; --downloadlink-pop-up-neo-bg: url("https://hostinger.titan.email/mail/assets/static/media/neo.e10e5c7deb526caf9d5c.svg"); --downloadlink-pop-up-titan-bg: url("https://hostinger.titan.email/mail/assets/static/media/titan.ea4e2a19a34757e2871c.svg"); --downloadlink-pop-up-bg-color: #deeff5; --downloadlink-pop-up-sub-headline: #888; --downloadlink-modal-bg-1: url("https://hostinger.titan.email/mail/assets/static/media/download-link-bg-1-light.c2d8f86ab89970e4d263.png"); --downloadlink-modal-bg-2: url("https://hostinger.titan.email/mail/assets/static/media/popup-light-mode.9a80c3625535b01e8e51.png"); --download-hook-bg: #f0f0f0; --searchbar-bg: #fff; --mail-sent-cross: #888; --list-divider: #f5f5f5; --info-bar: #fffdf4; --input-new-list-item: #dedede; --error-msg: #ff605a; --success-msg: #0abe51; --add-new-btn: #2d6ced; --cancel-btn: #2d6ced; --header-underline: #2170f4; --priority-inbox-tab: #e6efff; --priority-confirmation-modal-bg: #fff; --priority-confirmation-modal-border: 1px solid #dedede; --priority-confirmation-modal-body-text: #333; --priority-on-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-on.5932abe4d5fba1723d74.svg"); --priority-off-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-off.b7bf031c4107ce4781bf.svg"); --priority-preferences-toggle-background: #fbfbfb; --priority-preferences-paywall-background: #fbfbfb; --priority-border-partition: #dedede; --priority-preferences-toggle-border: #f0f0f0; --priority-preferences-toggle-fill: #fbfbfb; --priority-preferences-paywall-border: var(--hover-color); --upgrade-modal-gradient: linear-gradient(180deg,#1d213300,#1d21338a 26.56%,#1d2133d4 52.6%,#1d2133 79.17%); --upgrade-hook-modal-bg: var(--bg-sidebar); --preferences-upgrade-hook-background: var(--hover-color); --upgrade-hook-primary-header-text: #f0f0f0; --upgrade-hook-primary-sub-header-text: #fff; --advance-antivirus-protection-modal-button-bg: #d9d9d933; --text-color-for-upgrade: #333; --background-color-for-upgrade: #f1bd6c; --upgrade-hook-hover-color: #eeb050; --upgrade-hook-feature-color: #fbaa4f; --plan-comparison-column-bg: #363636; --plan-comparison-highlight-bg: #3d67ad; --plan-comparison-row-border: #dedede1a; --white: #fff; --grey: #4a4e62; --light-grey: #74788e; --lighter-grey: #b1b3bb; --lightest-grey: #b0b0b0; --brick-red: #b74b4b; --shadow-color: #00000040; --upgrade-hook-loader-color: #ffd89b; --tick-mark: #0076ff; --block-banner-border: #f0f0f0; --close-modal-text-color: #bbb1b1; --second-text-color: #ab91f2; --horizontal-line-color: #6950af; --pointing-triangle-color: #4232be; --nudge-background: linear-gradient(90.18deg,#4f32a4 0.35%,#3d31c7 100.16%,#3d31c7 0); --gift-someone-else-btn-color: #7949fd; --gift-someone-else-text-color-hover: #ab91f2; --bg-paywall-text: #fbfbfb; --inline-paywall-hover: #f0f0f0; --bg-inline-paywall: #fbfbfb; --inline-paywall-border: #f0f0f0; --header-shadow: #0006 0px 0px 16px; --email-alias-block-nudge-bg: var(--bg-primary-color); --storage-banner-text: #333; --closable-storage-banner-bg: #fbf6d0; --exclimatory-circle: var(--error-color); --upgrade-btn-color: #f1bd6c; --upgrade-btn-text: #333; --non-closable-storage-banner-bg: #c63929; --non-closable-banner-upgrade-btn-border: 1px #fff solid; --non-closable-banner-upgrade-btn-fill: #fff; --non-closable-banner-upgrade-btn-text: #fff; --email-rep-close-btn-icon-fill: #888; --email-rep-close-btn-bg: #0000000f; --email-rep-close-btn-bg-hover: #0000001f; --notif-close-btn-bg: #0000001f; --notif-close-btn-bg-hover: #0003; --editor-border-color: var(--line-seprator-color); --clickable-cta-color: var(--header-underline); --border-view-entire-message-bar: var(--input-new-list-item); --border-long-message-container: var(--line-seprator-color); --bg-view-entire-message-bar: var(--bg-reading-pane); --bg-long-message-item-area: var(--bg-primary-color); --bg-long-message-container: var(--bg-primary-color); --highlight-info-background: #f0f0f0; --improve-writing-highlight-bg: #e5e5ff; --smart-write-bar-dropdown-shadow: 0px 0px 4px -0.89px #3333331f; --smart-write-bar-prompt-placeholder-color: #bdbdbd; --smart-write-bar-prompt-unfocused-placeholder-color: #333; --smart-write-bar-idle-bg: #eff5ff; --smart-write-bar-capping-warning-text: #666; --smart-write-bar-input-box-bg: var(--bg-modal); --smart-write-bar-input-box-border-color: #5692f6; --smart-write-bar-input-box-unfocused-border-color: #ddd; --smart-write-bar-input-box-unfocused-bg: var(--smart-write-bar-input-box-bg); --smart-write-bar-accent-icon-color: #5692f6; --smart-write-bar-prompt-unfocused-text-color: var(--secondary-text-subtle); --smart-write-bar-prompt-icon-color: #5692f6; --smart-write-bar-prompt-icon-unfocused-color: var(--smart-write-bar-prompt-icon-color); --smart-write-bar-prompt-icon-unfocused-bg: #0000; --smart-write-bar-send-icon-unfocused-color: var(--smart-write-bar-accent-icon-color); --smart-write-bar-icon-hover-bg: var(--icon-hover-state); --smart-write-bar-pill-bg: var(--bg-modal); --smart-write-btn-active-icon-color: #4d3bc4; --smart-write-btn-active-bg: #e6efff; --turbo-search-paywall-container: var(--bg-reading-pane); --turbo-search-paywall-container-border: var(--hover-color); --logout-error-login-background: #fff7f4; --bg-manage-senders-pref-paywall: var(--bg-reading-pane); --text-manage-senders-pref-paywall: var(--text-color); --bg-manage-sender-contact-input-container: var(--bg-reading-pane); --bg-manage-sender-contact-input: var(--white); --bg-spell-checker-pref-paywall: var(--bg-reading-pane); --text-spell-checker-pref-paywall: var(--text-color); --bg-spell-checker-composer-paywall-col1: #24273d; --bg-spell-checker-composer-paywall-col2: #fff; --bg-upgrade-banner: #f7f7f7; --bg-spell-checker-composer-banner2: #f1f7ff; --border-upgrade-banner: #f4f4f4; --border-spell-checker-composer-banner2: #e9f2ff; --composer-banner-info-action-color: #2170f4; --composer-banner-info-close-icon-color: #888; --composer-banner-upgrade-close-icon-color: #9c9c9c; --bg-discard-options: #fff; --email-reputation-image-bg-color: var(--priority-inbox-tab); --email-reputation-color: #f49319; --email-reputation-bg-color: #faf5f0; --signature-list-background: var(--priority-preferences-toggle-fill); --signature-list-border: var(--hover-color); --invoice-builder-nudge-shadow: 0px 10px 14px -1px #3333; --bg-footer: var(--bg-modal); --bg-consent-info: #f2fff0; --footer-icon-color: #4b56ba; --paywall-border-prompt: #5b5e75; --paywall-border-suggestion: #8388d8; --paywall-background-color: #4e517e; --paywall-text-color: #c8cbff; --smart-write-video-background: #a8c8fe; --smart-write-blocking-nudge-shimmer: #8184b6; --smart-write-video-icon: #2170f4; --smart-write-reply-icon: #888; --smart-write-paywall-bg: #3a3d51; --smart-write-paywall-header-border: #70738b; --smart-write-paywall-header-bg: #24273d; --signature-list-custom-signature: #eff1f4; --bg-signature-designer-upgrade-modal-header: var(--bg-notification-bar); --bg-signature-designer-upgrade-modal-wrapper: #fff; --signature-designer-upgrade-modal-text-color: var(--secondary-text); --signature-designer-paywall-bg-color: #0000001f; --signature-designer-paywall-bg-color-hover: #0003; --signature-designer-paywall-close-icon: #fff; --bg-colored-purchase-mailbox-nudge: #f5f9ff; --bg-purchase-mailbox-nudge-domain: #f5f5f5; --bg-purchase-mailbox-nudge-input: #fff; --purchase-mailbox-nudge-input-placeholder: #bdbdbd; --border-purchase-mailbox-nudge: #dedede; --border-colored-purchase-mailbox-nudge: #dedede; --renew-banner-yellow-theme-bg-color: var(--closable-storage-banner-bg); --renew-banner-yellow-theme-text-color: var(--text-color); --renew-banner-yellow-theme-icon-color: #f3ad5e; --renew-banner-red-theme-bg-color: var(--non-closable-storage-banner-bg); --renew-banner-red-theme-text-color: var(--bg-primary-color); --renew-banner-red-theme-icon-color: var(--bg-primary-color); --renew-modal-image-bg-color: #f8fbff; --renew-modal-body-bg-color: var(--bg-primary-color); --composer-template-icon-hover: #5692f6; --smart-write-capping-upgrade-text-color: var(--composer-template-icon-hover); --inactive-bg-label: #f0f0f0; --inactive-text-label: #666; --add-btn-text: #2170f4; --inactive-link-text: #888; --inactive-border-color: var(--border-color-default); --bg-beta-paywall: #f7f7f7; --beta-paywall-upgrade-text: #2170f4; --no-signature-template-image-background: #eff5ff; --import-contact-banner-background: #f3f8ff; --mailbox-discount-offer-bg: #eef3ff; --mailbox-discount-offer-bg-unlocked: #eaf8ec; --mailbox-discount-offer-subline-text: #4a5570; --mailbox-discount-offer-segment-empty: #d3ddf3; --mailbox-discount-offer-chip-border: #9aa8c7; --mailbox-discount-offer-unlocked: #1f9d3a; --mailbox-discount-offer-unlocked-fill: #2fb34a; --mailbox-discount-offer-unlocked-text: #16702a; --mailbox-discount-celebration-amber: #f5b400; --mailbox-discount-offer-modal-border: #2170f414; --img-background: #24273d; --tracking-paywall-list-item: #2d2f45; --tracking-paywall-shimmer-block: #5a5e80; --preferences-info-label: #f8f8f8; --attachment-tracking-credits-color: #a96b00; --protected-unlock-icon: #3097a7; --generalised-mail-list-container: #f9fcff; --generalised-mail-list-container-border: #ecf6ff; --generalised-mail-list-popular-tag-background: #ffecdb; --generalised-mail-list-popular-tag-color: #ff7a00; --generalised-mail-list-tick-icon: #36ae22; --generalised-mail-list-item-seperater: #eee; --preferences-bg-tracking-info: #fbfbfb; --preferences-tracking-border: #eee; --email-labels-editable-bg: var(--bg-reading-pane); --email-labels-header-text: #fff; --email-labels-paywall-header-caret: #3d415f; --email-labels-paywall-selection-bg: #b2cf4a33; --emails-labels-paywall-bg: #3d415f; --email-labels-chip-gradient: #ffffff80; --suspicious-banner-bg-color: var(--closable-storage-banner-bg); --suspicious-banner-text-color: var(--text-color); --suspicious-banner-icon-color: var(--renew-banner-yellow-theme-icon-color); --phishing-banner-bg-color: var(--renew-banner-red-theme-bg-color); --phishing-banner-text-color: var(--renew-banner-red-theme-text-color); --phishing-banner-icon-color: var(--renew-banner-red-theme-icon-color); --thread-navigation-button-hover-bg: #eaeaea; --remove-color-icon-bg: var(--primary-text); --designer-mode-green: #1c6256; --designer-banner-bg: #ebf8f6; --generic-banner-bg: #f7f7f7; --banner-text-color: #2170f4; --composer-icon-color: #1c6256; --auto-reply-add-btn-txt: #2170f4; --auto-reply-multi-day-tag-bg: #e8effd; --auto-reply-mutli-day-border: #dbe7ff; --auto-reply-timeslot-error: var(--error-color); --bg-form-container: #fbfbfb; --bg-dropdown: #fff; --bg-auto-reply-editor: #fff; --contact-group-blocking-nudge-bg: #fff; --refer-gradient: linear-gradient(99deg,#1078ff 3.88%,#ba59bd 107.77%); --quick-action-border-color: var(--border-color-default); --drag-icon-color: var(--ctm-brand-color,#2170f4); --email-item-bg-color: #f8f8f8; --email-preview-item-bg-color: #f5f5f5; --email-action-bg-color: #fff; --email-action-text-color: var(--secondary-text); --email-action-border-color: #c1c1c1; --email-action-snippet: var(--tertiary-text-three); --preview-pane-bg: #fff; --thread-action-gif-border: var(--line-seprator-color); --close-icon-hover-color: #f0f0f0; --video-modal-bg: #e8effd; --email-backup-settings-bg: #fbfbfb; --email-backup-settings-border: #f0f0f0; --email-backup-trash-upgrade-bar-bg: #e6efff; --locked-feature-background: #fbfbfb; --composer-feature-toolbar-bg: #fff; --chip-selected-border: #5692f6; --chip-selected-text: #5692f6; --chip-selected-background: #e6efff; --chip-unselected-border: #ccc; --chip-unselected-text: #777; --chip-unselected-background: #fff; --chip-hover-border: #dedede; --chip-hover-text: #888; --chip-hover-background: #f0f0f0; --ai-summary-icon-color: #4b56ba; --bg-ai-dashboard: #fbfbfb; --ai-summary-skeleton-text-gradient: linear-gradient(90deg,#4c57ba,#a271f0); --ai-summary-skeleton-strip-gradient: linear-gradient(90deg,#b2cfff,#d6bdff); --ai-summary-button-hover-gradient: linear-gradient(90deg,#4b56ba 8.69%,#9561f1 129%); --personalize-card-content-background: #f5f5f5; --personalize-card-icon-color: #2270f3; --sound-icon-hover-color: #2d62eb; --sound-icon-color: #666; --session-signout-info-bg: #fdf3e0; --session-signout-btn-bg: #fe581e; --session-signout-btn-hover-bg: #e84e17; --session-signout-btn-active-bg: #d14510; --attachment-tracking-success-bg: #ebf7e9; --attachment-tracking-success-tick: #36ae22; --ai-chat-assistant: var(--ai-summary-icon-color); --ai-chat-accent: var(--btn-default-color); --ai-chat-accent-hover: var(--btn-hover-color); --ai-chat-accent-contrast: var(--ctm-brand-overlay-primary-text,#fff); --ai-chat-accent-fg: var(--btn-secondary-color); --ai-chat-link-color: color-mix(in srgb,var(--ai-chat-accent) 80%,var(--ai-chat-muted-text) 20%); --ai-chat-user-bubble-bg: #f2f2f2; --ai-chat-user-bubble-text: var(--secondary-text); --ai-chat-mark-bg: #f0f6fe; --ai-chat-mark-color: #2170f4; --ai-chat-bubble-border: var(--line-seprator-color); --ai-chat-prompt-hover-bg: var(--hover-color); --ai-chat-muted-text: var(--secondary-text-subtle); --ai-chat-faint-text: var(--tertiary-text-three); --ai-chat-icon-box-bg: var(--hover-color); --ai-chat-progress-track: var(--hover-color); --ai-chat-progress-fill: var(--btn-disabled); --ai-chat-card-bg: #fff; --ai-chat-bubble-bg: #f4f5f7; --ai-chat-card-row-bg: var(--ai-chat-bubble-bg); --ai-chat-prompt-hover-border: #cfd3da; --ai-chat-send-bg: #a8c7ff; --ai-chat-send-bg-hover: #93b8ff; --ai-chat-send-fg: #103366; --ai-chat-option-chosen-bg: #f3f8fe; --ai-chat-option-chosen-border: #8ab4f9; --ai-chat-option-chosen-fg: #333; --ai-chat-task-card-bg: #e8effd; --ai-chat-option-border: #e6e6e6; --ai-chat-option-icon: var(--ai-chat-mark-color); --ai-chat-back-bg: #eff1f4; --ai-chat-coming-soon-bg: #edf5ff; --ai-chat-radio-border: #c3c3c3; --ai-chat-input-bg: #f8f8f8; --ai-chat-input-border: #eee; --ai-chat-error: var(--error-color); --ai-chat-input-placeholder: #bdbdbd; --ai-chat-openai-logo-bg: #202020; --ai-chat-openai-logo-fg: #fff; --ai-chat-anthropic-logo-bg: #d4a380; --ai-chat-modal-shadow: 0 1px 10px #0000001a; --ai-label-turn-on-card: var(--priority-inbox-tab); }
body #root { color-scheme: light; --default-font-family: sans-serif,Arial; --default-font-size: 11pt; }
body.wordpress { --line-separator-sidebar: #32383c; --flyout-background: #23292d; --bg-color-titan-max: #23292d; --flyout-bg-color: #23292d; --icon-default-color: #a2aab2; --icon-bug-color: #f27383; --icon-feature-color: #eda800; --bg-sidebar: #23292d; --sidebar-hover-color: #111; --unread-thread-counter: #fff; --bg-color-sidebar-request-feature: #23292d; --sidebar-text-color: #f0f0f0; --bg-folder-selected: #2271b1; --bg-setup-account-nudge: #333b42; --bg-setup-nudge-hover: #3c464e; }
body.theme-dark { --bg-primary-color: #171717; --bg-secondary-color: #3f3e3e; --bg-reading-pane: #141414; --bg-sidebar: #1f1f20; --brand-default-color: #2170f4; --line-seprator-color: #373737; --secondary-line-separator: #555c; --email-icon-border-color: #373737; --contact-popover-profile-pic-border-color: #4a4a4a; --tertiary-line-separator: #444; --bg-modal: #2c2c2c; --bg-small-dropdowns: #373737; --hover-color: #37373766; --secondary-hover-color: #5556; --selection-color: #555c; --unread-email: #373737b3; --selected-email: #1c3455; --bg-new-read-receipt: #5553; --bg-old-read-receipt: #2c2c2c80; --flyout-bg-color: var(--selection-color); --inactive-scrollbar: #6f6f6f66; --bg-tooltip: #555; --bg-edit-input: var(--bg-tooltip); --primary-text: #f2f2f2; --secondary-text: #ddd; --block-dialogue-text: var(--secondary-text); --text-color: var(--secondary-text); --secondary-text-subtle: #dddc; --tertiary-text: #cbcbcbe6; --tertiary-text-subtle: #cbcbcb99; --tertiary-text-three: #9c9c9c; --unread-thread-counter: #a6cfff; --link-color: var(--ctm-brand-color,#6da4ff); --error-color: #ff8585; --yellow-banner: #785e01; --search-highlight-bg: #ffdf8f; --search-highlight-text: #333; --warning-banner: #785e0180; --warning-border-color: #7e6822; --upgrade-paywall-warning-color: #6e5c1f; --upgrade-paywall-strip-border-color: #6e5c1f; --icon-color-warning: #eeede9; --secondary-header-text: #bdbdbd; --text-default: #f7f7f7; --btn-default-color: var(--ctm-brand-color,#2170f4); --btn-hover-color: var(--ctm-brand-color,#448aff); --btn-clicked-color: var(--ctm-brand-color,#1352ba); --btn-disabled: #6f6f6f; --btn-secondary-color: var(--ctm-brand-color,#6da4ff); --btn-tertiary2-color: var(--secondary-text); --btn-tertiary2-clicked: var(--primary-text); --negative-btn-color: var(--error-color); --primary-disabled-text: var(--secondary-text-subtle); --icon-default-color: #ddd; --icon-secondary-color: #9c9c9c; --warning-icon-color: #f1bd6c; --icon-secondary-disabled-color: #646464; --icon-hover-state: var(--secondary-hover-color); --icon-bug-color: #f07485; --icon-feature-color: #eca727; --add-to-task-yellow: #ff9e45; --archive-green: #26959f; --pin-thread-blue: #6c75fa; --priority-mustard: #d8861f; --star-yellow: #cb721c; --trash-red: #c64f73; --read-unread-blue: #2669d8; --spam-red: #c44b50; --unspam-green: #90c63f; --print-pink: #b258c5; --movetofolder-blue: #636dd4; --back-btn: #ddd; --read-receipt: #4c9e3f; --file-uploaded-text: var(--read-receipt); --reminder-color: #b354c7; --scheduled-blue: #2669d8; --pencil-draft: #e07234; --attention-icon: #ee6369; --schedule-cancelled-orange: #e75936; --marketing-campaign-blue: #4d3bc4; --campaign-light-bg: var(--bg-reading-pane); --campaign-hover: var(--icon-hover-state); --avatar-1: #116f7d; --avatar-2: #a53c4a; --avatar-3: #3a41a7; --avatar-4: #863597; --avatar-5: #596629; --avatar-6: #9e611d; --border-color-default: var(--line-seprator-color); --border-color-subtle: #303030; --border-color-neutral: var(--border-color-default); --line-separator-sidebar: var(--line-seprator-color); --line-seperator-secondary-color: var(--line-seprator-color); --primary-shadow: 0px 0px 8px #141414e6; --secondary-shadow: 0px 0px 5px #141414e6; --quick-action-button-shadow: 0px 0px 4px #141414cc; --quick-action-button-disabled-shadow: 0 0 1px #373737; --tertiary-two-shadow: 0px 0px 8px #000000b3; --popover-shadow: var(--primary-shadow); --modal-shadow: var(--primary-shadow); --dropdown-shadow-one: var(--primary-shadow); --dropdown-shadow-small: var(--secondary-shadow); --shadow-advance-search: var(--primary-shadow); --event-wrapper-shadow: none; --input-bg: var(--bg-sidebar); --input-border: none; --input-uneditable: var(--bg-sidebar); --input-text-color: var(--text-color); --input-range-background: #f0f0f0; --input-disbaled-background: #555; --scrollbar-active-color: var(--inactive-scrollbar); --scrollbar-hover-color: #6f6f6f; --account-scrollbar-active-color: var(--inactive-scrollbar); --account-scrollbar-hover-color: #6f6f6f; --bg-color-sidebar-request-feature: var(--bg-sidebar); --bg-folder-selected: var(--selection-color); --sidebar-hover-color: var(--hover-color); --sidebar-toogle-btn-bg: #4a4a4a; --sidebar-toggle-btn-border: #979797; --toolbar-outline-btn-text: var(--tertiary-text-three); --bg-color-msg-toolbar: var(--bg-reading-pane); --btn-text-toolbar: var(--tertiary-text-three); --btn-text-toolbar-hover: var(--tertiary-text-three); --bg-attchement-on-hover: none; --bg-upload-progress: #15469880; --bg-attachment-error: none; --bg-attachment-error-on-hover: none; --download-icon-bg: var(--selection-color); --download-icon-hover-bg: var(--selection-color); --download-icon-color-hover: #bdbdbd; --bg-dropdown-color: var(--bg-small-dropdowns); --dropdown-text-color: var(--primary-text); --dropdown-hover-color: var(--secondary-hover-color); --dropdown-selected-item: var(--ctm-brand-color,#1352ba); --dropdown-border-color: var(--secondary-line-separator); --bg-menu: var(--bg-small-dropdowns); --dropdown-border: none; --search-suggestions-border: 1px solid var(--border-color-subtle); --search-suggestion-skeleton: #ffffff1a; --search-pill-border: #4a4a4a; --search-pill-text: #9c9c9c; --search-pill-active-bg: #2170f43d; --search-pill-active-text: #7aacff; --dropdown-item-separator: #4a4a4a; --dropdown-filter-border-color: #4a4a4a; --bg-modal-outer: #141414cc; --bg-modal-header: var(--bg-sidebar); --bg-modal-active-item: var(--secondary-hover-color); --bg-secondary-modal: var(--line-seprator-color); --modal-line-separator: var(--secondary-line-separator); --activity-list-unread-color: #1c2e49; --activity-list-unread-color-hover: #263f64; --activity-list-separator-color: #394960; --acitivity-list-separator-color-hover: #4c6180; --profile-pic-canvas: #999; --gif-modal-bg-color: var(--bg-modal); --bg-toast: var(--bg-small-dropdowns); --bg-toast-button: var(--ctm-brand-color,#6da4ff); --toast-undo-text: var(--ctm-brand-color,#6da4ff); --toast-shadow: var(--primary-shadow); --bg-editor: var(--bg-sidebar); --preferences-banner: var(--yellow-banner); --preferences-subtitle: var(--secondary-text-subtle); --preferences-sidebar-bg-color: var(--bg-sidebar); --preferences-info-icon: var(--text-color); --preferences-tab-icon: var(--icon-default-color); --preferences-tab-text: var(--primary-text); --preferences-active-tab: var(--selection-color); --preferences-highlighter: var(--tertiary-line-separator); --settings-menu-highlighter: #1d2b4a; --preferences-info-color: #965f0e; --drive-transfer-nudge-bg: #785e01; --preferences-close-btn: #1f1f20; --toggle-on-icon-color: var(--ctm-brand-color,#71a6ff); --toggle-off-icon-color: var(--icon-secondary-color); --load-remote-images-background: #313132; --bg-color-titan-max: var(--bg-small-dropdowns); --bg-secondary-color-titan-max: var(--selection-color); --feature-container-color: var(--text-color); --titan-max-shimmer: #aaa6a64d; --heading-color-titan-max: var(--primary-text); --try-max-btn-warning-border: #cc741f; --try-max-btn-warning-bg: #7759000d; --try-max-btn-warning-hover: #77590026; --titan-max-nudge-feature-icon: var(--icon-secondary-color); --contact-group-placeholder-color: #aaa6a64d; --bg-color-gift-neo: var(--bg-modal); --neo-icon-color: #f2f2f2; --neo-text-split-color: #db8a2f; --bg-gradient: linear-gradient(180deg,#fff0,#281a4c00 0,#281a4c99 20.95%,#281a4ccc 35.61%,#12092a 77.74%); --recipient-name-color: #a9a9ff; --name-border-color: #8c8c8c; --email-border-color: #555c; --bg-neo-email-banner: #3a41a7; --neo-email-banner-text-color: #fff; --neo-email-banner-border-color: #fff; --bg-neo-share-button: var(--ctm-brand-color,#2170f4); --neo-share-button-color: var(--primary-text); --neo-text-color: var(--primary-text); --neo-gift-header-text-color: #fff; --neo-popover-bg-color: linear-gradient(90.29deg,#4f32a4 0.2%,#3d31c7 99.83%); --neo-popover-text-color: #fff; --neo-popover-pointer-color: #3f31c3; --neo-popover-recipient-color: #f3c238; --bg-list-item: var(--bg-primary-color); --thread-list-participant: var(--secondary-text-subtle); --multiselect-checkbox: #e1e1e14d; --multiselect-checkbox-focused: #f2f2f24d; --bg-unread-thread: var(--unread-email); --thread-snippet: var(--tertiary-text-subtle); --bg-unread-thread-snippet: var(--tertiary-text); --thread-focus-border: var(--border-color-default); --background-checkbox-thread-select: #fff; --checkbox-tick: url("https://hostinger.titan.email/mail/assets/static/media/blue-tick.4cf7ef0d35accdabecf7.svg"); --checkbox-hyphen: url("https://hostinger.titan.email/mail/assets/static/media/blue-hyphen.d2aea10bad02dc04ff22.svg"); --bg-quick-action-btn: var(--bg-small-dropdowns); --bg-quick-action-btn-on-hover: var(--bg-quick-action-btn); --thread-list-ai-label-header-color: #999; --bg-msg-list: var(--bg-sidebar); --bg-msg-list-border: var(--bg-msg-list); --bg-msg-modal-border: var(--selection-color); --text-color-very-subtle: var(--tertiary-text-three); --bg-hidden-msg: var(--bg-msg-list); --shadow-reply-area: 0 -1px 0 0 var(--border-color-default); --bg-schedule-send: var(--bg-modal); --msg-number-shadow: var(--primary-shadow); --msg-number-border: 1px solid var(--line-separator-sidebar); --msg-line-shadow: 0 0.5px 0 #373737,0 -0.5px 0 #373737,0.5px 0 0 #373737,-0.5px 0 0 #373737; --bg-logo-container: var(--unread-email); --composer-no-color-hover-bg: var(--secondary-hover-color); --notification-color: var(--text-color); --notification-offline: #ea4646; --offline-image-banner-bg: #373737; --offline-image-banner-text: #ddd; --offline-snackbar-bg: #3d1a1a; --offline-snackbar-border: #c46a5a; --bg-notification-bar: #1352ba; --bg-vacation-responder-notification: #785e01; --bg-titan-max-notification: #404585; --notification-spam-trash: var(--hover-color); --gru-app-badge-color: #ff7f65; --activitylist-default-color: #2c2c2c; --activitylist-hover-color: #373737; --bg-setup-account-nudge: var(--bg-small-dropdowns); --bg-setup-nudge-hover: var(--secondary-hover-color); --bg-update-card-badge: #ffffff17; --update-card-gift-box: #d04652; --update-card-gift-box-shade: #a9343f; --update-card-gift-lid: #e35b60; --update-card-gift-ribbon: #ebc443; --update-card-gift-knot: #d99a00; --update-card-gift-spark-blue: #7aa0e6; --update-card-gift-spark-pink: #e67e92; --signature-border: none; --signature-intelligent-nudge-image-preview-bg: #363c45; --signature-intelligent-nudge-feature-item-icon-color: #77acec; --change-account-text: var(--tertiary-text); --bg-bug-modal-footer: var(--bg-sidebar); --bg-attachment-preview: none; --attachment-preview-pill-bg: #1f1f1f; --attachment-preview-pill-border: #fff3; --attachment-preview-scan-badge-bg: #3f3522; --attachment-preview-verified-badge-bg: #0a743133; --attachment-preview-verified-text: #05df72; --inline-composer-shadow: var(--tertiary-two-shadow); --nudge-calendar-days-color: var(--bg-sidebar); --yellow-star-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-dark.a468f14ea210338fd4d6.svg"); --check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/checked-on-dark.295edaac9e0460726099.svg"); --radio-check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-on-dark.0e2cec0528331d32662f.svg"); --radio-check-off-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-off-dark.f2dd613196478d7024df.svg"); --graphic-stackable-card: url("https://hostinger.titan.email/mail/assets/static/media/graphic-stackable-card-filled-dark.236c346a02508b2cf119.svg"); --icon-star-hover: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-action-hover.5a7f23c46ddfb7791240.svg"); --attachment-clip: url("https://hostinger.titan.email/mail/assets/static/media/attachment-clippy.0dc194f787f75c2893f5.svg"); --thread-unread-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-unread.f0c2c8b81aa4b10ed8e4.svg"); --icon-forward: url("https://hostinger.titan.email/mail/assets/static/media/icon-forward.1454ef5b52277196a4ff.svg"); --icon-replied: url("https://hostinger.titan.email/mail/assets/static/media/icon-replied.47fbe0285a9c96db6603.svg"); --login-bg-2x: url("https://hostinger.titan.email/mail/assets/static/media/login-bg-2x.5c6d58fd95e4219b8b3d.png"); --login-bg: url("https://hostinger.titan.email/mail/assets/static/media/login-bg.98942dda23d0da69e1fe.png"); --chevron-down: url("https://hostinger.titan.email/mail/assets/static/media/chevron-down.07f043c3bb57f97eae40.svg"); --green-tick: url("https://hostinger.titan.email/mail/assets/static/media/green-tick.b5576072b1b64bc63b42.svg"); --check-mark: url("https://hostinger.titan.email/mail/assets/static/media/check-mark.6b5d4feeaf113e1d1514.svg"); --image-background: #ad67e3; --modal-heading: #fff; --selected-option: #333; --selected-option-border: var(--selected-option); --searchbar-with-icon-border: var(--selected-option); --invalid-input-error: #ec4c64; --selected-option-text: #dbdbdb; --waiting-state-text-color: #c2c2c2; --waiting-state-text-color-timer: var(--waiting-state-text-color); --downloadlink-pop-up-neo-bg: url("https://hostinger.titan.email/mail/assets/static/media/neo.e10e5c7deb526caf9d5c.svg"); --downloadlink-pop-up-titan-bg: url("https://hostinger.titan.email/mail/assets/static/media/titan.ea4e2a19a34757e2871c.svg"); --downloadlink-pop-up-bg-color: #deeff5; --downloadlink-pop-up-sub-headline: #e9e9e9; --downloadlink-modal-bg-1: url("https://hostinger.titan.email/mail/assets/static/media/download-link-bg-1-dark.a21ff71915ec238da0fe.png"); --downloadlink-modal-bg-2: url("https://hostinger.titan.email/mail/assets/static/media/popup-dark-mode.f8f11479ae562e9efc68.png"); --download-hook-bg: #272727; --searchbar-bg: #333; --mail-sent-cross: #888; --list-divider: #373737; --info-bar: #785e01; --input-new-list-item: #dedede; --error-msg: #ff8585; --success-msg: #0abe51; --add-new-btn: #6da4ff; --cancel-btn: #6da4ff; --header-underline: #2170f4; --priority-inbox-tab: #154698; --priority-confirmation-modal-bg: #373737; --priority-confirmation-modal-border: none; --priority-confirmation-modal-body-text: #9c9c9c; --priority-on-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-on.531644c480d43ae90f23.svg"); --priority-off-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-off.d099948bb4c8b8456b79.svg"); --priority-toggle-background: #171717; --priority-border-partition: #373737; --priority-preferences-toggle-border: #555; --priority-preferences-toggle-fill: var(--priority-toggle-background); --priority-preferences-toggle-background: var(--priority-toggle-background); --priority-preferences-paywall-background: var(--bg-modal); --priority-preferences-paywall-border: var(--priority-border-partition); --auto-clean-gray: #dedede; --feature-paywall-subheading: #f2f2f2; --feature-paywall-box-bg: #2b2b2b; --feature-paywall-box-border: #4a4a4a; --preferences-paywall-image-bg: #1f1f20; --preferences-auto-clean-paywall-bg: #0000; --btn-disabled-bg: #333; --btn-disabled-icon-color: #4a4a4a; --upgrade-modal-gradient: linear-gradient(180deg,#2c2c2c00,#2c2c2c8a 26.56%,#2c2c2cd4 52.6%,#2c2c2c 79.17%); --upgrade-hook-modal-bg: var(--bg-modal); --preferences-upgrade-hook-background: #242424; --upgrade-hook-primary-header-text: #ddd; --upgrade-hook-primary-sub-header-text: #9c9c9c; --advance-antivirus-protection-modal-button-bg: #d9d9d933; --text-color-for-upgrade: #333; --background-color-for-upgrade: #d1a35b; --upgrade-hook-hover-color: #ce9a47; --upgrade-hook-feature-color: #d1a35b; --plan-comparison-column-bg: #363636; --plan-comparison-highlight-bg: #3d67ad; --plan-comparison-row-border: #dedede1a; --white: #fff; --grey: #4a4e62; --light-grey: #74788e; --lighter-grey: #b1b3bb; --lightest-grey: #b0b0b0; --brick-red: #b74b4b; --shadow-color: #00000040; --upgrade-hook-loader-color: #ffd89b; --tick-mark: #a6cfff; --block-banner-border: #37373766; --close-modal-text-color: #bbb1b1; --second-text-color: #ab91f2; --horizontal-line-color: #6950af; --pointing-triangle-color: #4232be; --nudge-background: linear-gradient(90.18deg,#4f32a4 0.35%,#3d31c7 100.16%,#3d31c7 0); --gift-someone-else-btn-color: #7949fd; --gift-someone-else-text-color-hover: #ab91f2; --bg-paywall-text: #4f4f4f; --inline-paywall-hover: #4f4f4f; --bg-inline-paywall: #373737; --inline-paywall-border: #555; --header-shadow: #0006 0px 0px 16px; --email-alias-block-nudge-bg: #555; --storage-banner-text: #f2f2f2; --closable-storage-banner-bg: #785e01; --exclimatory-circle: var(--storage-banner-text); --upgrade-btn-color: #f1bd6c; --upgrade-btn-text: #333; --non-closable-storage-banner-bg: #c63929; --non-closable-banner-upgrade-btn-border: 1px #fff solid; --non-closable-banner-upgrade-btn-fill: #fff; --non-closable-banner-upgrade-btn-text: #fff; --email-rep-close-btn-icon-fill: #fff; --email-rep-close-btn-bg: #0000001f; --email-rep-close-btn-bg-hover: #0003; --notif-close-btn-bg: #0000001f; --notif-close-btn-bg-hover: #0003; --editor-border-color: #4d4d4d; --clickable-cta-color: var(--modal-heading); --border-view-entire-message-bar: var(--line-seprator-color); --border-long-message-container: var(--bg-sidebar); --bg-view-entire-message-bar: var(--line-seprator-color); --bg-long-message-item-area: var(--bg-sidebar); --bg-long-message-container: var(--bg-reading-pane); --highlight-info-background: #1f1f20; --improve-writing-highlight-bg: #695a91; --smart-write-bar-dropdown-shadow: 0px 0px 4px -0.89px #0006; --smart-write-bar-prompt-placeholder-color: #6f6f6f; --smart-write-bar-prompt-unfocused-placeholder-color: #ddd; --smart-write-bar-idle-bg: #1f1f20; --smart-write-bar-capping-warning-text: #f2f2f2; --smart-write-bar-input-box-bg: #1f1f20; --smart-write-bar-input-box-border-color: #3c3f69; --smart-write-bar-input-box-unfocused-border-color: #0000; --smart-write-bar-input-box-unfocused-bg: var(--unread-email); --smart-write-bar-accent-icon-color: #a6cfff; --smart-write-bar-prompt-unfocused-text-color: var(--tertiary-text); --smart-write-bar-prompt-icon-color: #4b56ba; --smart-write-bar-prompt-icon-bg: #fff; --smart-write-bar-prompt-icon-unfocused-color: var(--smart-write-bar-prompt-icon-color); --smart-write-bar-prompt-icon-unfocused-bg: var(--smart-write-bar-prompt-icon-bg); --smart-write-bar-send-icon-unfocused-color: #5692f6; --smart-write-bar-icon-hover-bg: #4a4a4a; --smart-write-bar-pill-bg: #0000; --smart-write-btn-active-icon-color: #a89bdb; --smart-write-btn-active-bg: #1f1f20; --turbo-search-paywall-container: var(--bg-sidebar); --turbo-search-paywall-container-border: var(--bg-sidebar); --logout-error-login-background: #2c2c2c; --bg-manage-senders-pref-paywall: var(--bg-modal); --text-manage-senders-pref-paywall: var(--primary-text); --border-manage-senders-pref-paywall: var(--secondary-line-separator); --bg-manage-sender-contact-input-container: var(--border-color-default); --bg-manage-sender-contact-input: var(--bg-sidebar); --bg-spell-checker-pref-paywall: #4a4a4a; --text-spell-checker-pref-paywall: var(--primary-text); --border-spell-checker-pref-paywall: var(--secondary-line-separator); --bg-spell-checker-composer-paywall-col1: #373737; --bg-spell-checker-composer-paywall-col2: #484848; --bg-upgrade-banner: #1f1f1f; --bg-spell-checker-composer-banner2: #425265; --border-spell-checker-composer-banner2: #4b5e75; --border-upgrade-banner: #303030; --composer-banner-info-close-icon-color: #9c9c9c; --composer-banner-upgrade-close-icon-color: #9c9c9c; --bg-discard-options: #484848; --email-reputation-image-bg-color: var(--priority-confirmation-modal-bg); --email-reputation-color: #e79226; --email-reputation-bg-color: #e0d9d1; --invoice-builder-nudge-shadow: 0px 10px 14px -1px #3333; --signature-list-background: var(--secondary-hover-color); --signature-list-border: var(--block-banner-border); --bg-footer: var(--bg-modal); --bg-consent-info: #435241; --footer-icon-color: #4b56ba; --paywall-border-prompt: #606060; --paywall-border-suggestion: #8388d8; --paywall-background-color: #4e517e; --paywall-text-color: #c8cbff; --smart-write-video-background: #a8c8fe; --smart-write-blocking-nudge-shimmer: #8184b6; --smart-write-video-icon: #71a6ff; --smart-write-reply-icon: #888; --smart-write-paywall-bg: #3a3d51; --smart-write-paywall-header-border: #70738b; --signature-list-custom-signature: #1f1f20; --bg-signature-designer-upgrade-modal-header: var(--bg-inline-paywall); --bg-signature-designer-upgrade-modal-wrapper: #4d4d4d; --signature-designer-upgrade-modal-text-color: var(--primary-text); --signature-designer-paywall-bg-color: #ffffff0f; --signature-designer-paywall-bg-color-hover: #ffffff1f; --signature-designer-paywall-close-icon: #888; --bg-colored-purchase-mailbox-nudge: #425265; --bg-purchase-mailbox-nudge-domain: #414141; --bg-purchase-mailbox-nudge-input: #333; --purchase-mailbox-nudge-input-placeholder: #bdbdbd; --border-purchase-mailbox-nudge: #4a4a4a; --border-colored-purchase-mailbox-nudge: #4a4a4a; --renew-banner-yellow-theme-bg-color: var(--yellow-banner); --renew-banner-yellow-theme-text-color: var(--storage-banner-text); --renew-banner-yellow-theme-icon-color: var(--storage-banner-text); --renew-banner-red-theme-bg-color: var(--non-closable-storage-banner-bg); --renew-banner-red-theme-text-color: var(--non-closable-banner-upgrade-btn-text); --renew-banner-red-theme-icon-color: var(--non-closable-banner-upgrade-btn-text); --renew-modal-image-bg-color: #f8fbff; --renew-modal-body-bg-color: var(--bg-inline-paywall); --composer-template-icon-hover: #a6cfff; --smart-write-capping-upgrade-text-color: #5692f6; --inactive-bg-label: #555; --inactive-text-label: #f2f2f2; --add-btn-text: #6da4ff; --inactive-link-text: #6f6f6f; --inactive-border-color: #555c; --bg-beta-paywall: #1f1f20; --beta-paywall-upgrade-text: #a6cfff; --no-signature-template-image-background: #4d4d4d; --import-contact-banner-background: #313741; --mailbox-discount-offer-bg: #313741; --mailbox-discount-offer-bg-unlocked: #2b3a2f; --mailbox-discount-offer-subline-text: #9c9c9c; --mailbox-discount-offer-segment-empty: #4a4a4a; --mailbox-discount-offer-chip-border: #6f7b93; --mailbox-discount-offer-unlocked: #2fb34a; --mailbox-discount-offer-unlocked-fill: #36ae22; --mailbox-discount-offer-unlocked-text: #7fd694; --mailbox-discount-celebration-amber: #f5b400; --mailbox-discount-offer-modal-border: #6da4ff1f; --img-background: #373737; --generalised-mail-list-container: #313741; --generalised-mail-list-container-border: #4a4a4a; --generalised-mail-list-popular-tag-background: #604b37; --generalised-mail-list-popular-tag-color: #ffcea0; --generalised-mail-list-tick-icon: #36ae22; --generalised-mail-list-item-seperater: #4a4a4a; --tracking-paywall-list-item: #434343; --tracking-paywall-shimmer-block: #656565; --preferences-info-label: var(--preferences-active-tab); --attachment-tracking-credits-color: #d19733; --protected-unlock-icon: #3097a7; --preferences-bg-tracking-info: #5556; --preferences-tracking-border: #4a4a4a; --email-labels-editable-bg: #5556; --email-labels-header-text: #fff; --email-labels-paywall-header-caret: #272727; --email-labels-paywall-selection-bg: #b2cf4a33; --emails-labels-paywall-bg: #272727; --email-labels-chip-gradient: #00000080; --suspicious-banner-bg-color: var(--yellow-banner); --suspicious-banner-text-color: var(--primary-text); --suspicious-banner-icon-color: #f3ad5e; --phishing-banner-bg-color: #882418; --phishing-banner-text-color: var(--primary-text); --phishing-banner-icon-color: var(--modal-heading); --thread-navigation-button-hover-bg: #414141; --remove-color-icon-bg: var(--flyout-bg-color); --designer-mode-green: #1c6256; --designer-banner-bg: #344643; --generic-banner-bg: #5556; --banner-text-color: #6da4ff; --composer-icon-color: #61ab9f; --auto-reply-add-btn-txt: #71a6ff; --auto-reply-multi-day-tag-bg: #5fa8fd36; --auto-reply-mutli-day-border: #71a6ff; --auto-reply-timeslot-error: var(--error-color); --bg-form-container: #414141; --bg-dropdown: #333; --bg-auto-reply-editor: #333; --contact-group-blocking-nudge-bg: #555; --quick-action-border-color: #5b5b5b; --drag-icon-color: var(--ctm-brand-color,#71a6ff); --email-item-bg-color: #222; --email-preview-item-bg-color: var(--email-item-bg-color); --email-action-bg-color: #333; --email-action-text-color: var(--primary-text); --email-action-border-color: var(--quick-action-border-color); --email-action-snippet: var(--secondary-header-text); --preview-pane-bg: #2d2d2d; --thread-action-gif-border: #4a4a4a; --close-icon-hover-color: #3e3e3e; --video-modal-bg: #2c2c2c; --email-backup-settings-bg: #373737; --email-backup-settings-border: #373737; --email-backup-trash-upgrade-bar-bg: #15469880; --locked-feature-background: #333; --composer-feature-toolbar-bg: #3d3d3d; --chip-selected-border: #a6cfff; --chip-selected-text: #a6cfff; --chip-selected-background: #425265; --chip-unselected-border: #4a4a4a; --chip-unselected-text: #bdbdbd; --chip-unselected-background: #333; --chip-hover-border: #4a4a4a; --chip-hover-text: #bdbdbd; --chip-hover-background: #2d2d2d; --ai-summary-icon-color: #8f98ef; --bg-ai-dashboard: var(--bg-primary-color); --ai-summary-skeleton-text-gradient: linear-gradient(90deg,#98a2fc,#b89ce4 33.11%); --ai-summary-skeleton-strip-gradient: linear-gradient(90deg,#5c78a8,#9382c2); --ai-summary-button-hover-gradient: linear-gradient(90deg,#8f98ef -6.71%,#8457d5 111.59%); --personalize-card-content-background: #ffffff17; --personalize-card-icon-color: #88b2df; --sound-icon-hover-color: #6da4ff; --sound-icon-color: #bdbdbd; --session-signout-info-bg: #785e014d; --session-signout-btn-bg: #ee6369; --session-signout-btn-hover-bg: #d94f56; --session-signout-btn-active-bg: #c44049; --attachment-tracking-success-bg: #3e433d; --attachment-tracking-success-tick: #65be56; --ai-chat-assistant: var(--ai-summary-icon-color); --ai-chat-accent: var(--btn-default-color); --ai-chat-accent-hover: var(--btn-hover-color); --ai-chat-accent-contrast: var(--ctm-brand-overlay-primary-text,#fff); --ai-chat-accent-fg: var(--btn-secondary-color); --ai-chat-link-color: color-mix(in srgb,var(--ai-chat-accent) 80%,var(--ai-chat-muted-text) 20%); --ai-chat-user-bubble-bg: #2b2c30; --ai-chat-user-bubble-text: var(--secondary-text); --ai-chat-mark-bg: #1d2b4a; --ai-chat-mark-color: #6ea8fe; --ai-chat-bubble-border: var(--line-seprator-color); --ai-chat-prompt-hover-bg: var(--hover-color); --ai-chat-muted-text: var(--secondary-text-subtle); --ai-chat-faint-text: var(--tertiary-text-three); --ai-chat-icon-box-bg: var(--hover-color); --ai-chat-progress-track: var(--hover-color); --ai-chat-progress-fill: var(--btn-disabled); --ai-chat-card-bg: #1b1c1f; --ai-chat-bubble-bg: #242529; --ai-chat-card-row-bg: var(--ai-chat-bubble-bg); --ai-chat-prompt-hover-border: #3c3d43; --ai-chat-send-bg: #2e4a7d; --ai-chat-send-bg-hover: #38588f; --ai-chat-send-fg: #fff; --ai-chat-option-chosen-bg: #202b48; --ai-chat-option-chosen-border: #4f6ba3; --ai-chat-option-chosen-fg: var(--text-color); --ai-chat-task-card-bg: #202b48; --ai-chat-option-border: var(--line-seprator-color); --ai-chat-option-icon: #85a8e9; --ai-chat-back-bg: var(--bg-secondary-color); --ai-chat-coming-soon-bg: var(--ai-chat-mark-bg); --ai-chat-radio-border: #5c5c5c; --ai-chat-input-bg: var(--ai-chat-bubble-bg); --ai-chat-input-border: var(--line-seprator-color); --ai-chat-error: var(--error-color); --ai-chat-input-placeholder: #6f6f6f; --ai-chat-openai-logo-bg: #fff; --ai-chat-openai-logo-fg: #000; --ai-chat-anthropic-logo-bg: #d4a380; --ai-chat-modal-shadow: var(--primary-shadow); --ai-label-turn-on-card: #1c3455; }
body.theme-dark #root { color-scheme: dark; --default-font-family: sans-serif,Arial; --default-font-size: 11pt; }
@media (prefers-color-scheme: dark) {
  body.theme-light { --flyout-background: #24273d; --sidebar-icon-color: #dedede; --bg-primary-color: #fff; --bg-secondary-color: #edf4ff; --bg-reading-pane: #fbfbfb; --bg-sidebar: #1d2133; --brand-default-color: #2170f4; --line-seprator-color: #dedede; --secondary-line-separator: var(--line-seprator-color); --email-icon-border-color: #dedede; --contact-popover-profile-pic-border-color: var(--email-icon-border-color); --activity-list-unread-color: #ebf2ff; --activity-list-unread-color-hover: #e0ebff; --activity-list-separator-color: var(--line-seprator-color); --acitivity-list-separator-color-hover: var(--secondary-header-text); --tertiary-line-separator: #444; --bg-small-dropdowns: #fff; --hover-color: #f0f0f0; --secondary-hover-color: var(--hover-color); --selected-email: #e0ebff; --bg-new-read-receipt: #fff; --flyout-bg-color: var(--ctm-primary-surface,#24273d); --modal-sidebar: #eff1f4; --selection-modal-sidebar: #c8d0db; --bg-tooltip: #000; --inactive-scrollbar: #8886; --primary-text: var(--bg-primary-color); --secondary-text: #333; --text-color: var(--secondary-text); --secondary-text-subtle: #666; --tertiary-text-three: #888; --block-dialogue-text: var(--tertiary-text-three); --unread-thread-counter: #86b3ff; --link-color: var(--ctm-brand-color,#2170f4); --error-color: #ff605a; --yellow-banner: #fdf4db; --search-highlight-bg: #ffdf8f; --search-highlight-text: #333; --warning-banner: #fdf4db; --warning-border-color: #edd19e; --upgrade-paywall-warning-color: #f3deb5; --upgrade-paywall-strip-border-color: #f9e8c3; --secondary-header-text: #bdbdbd; --text-default: #141414; --btn-default-color: var(--ctm-brand-color,#2170f4); --btn-hover-color: var(--ctm-brand-color,#1f6df4b3); --btn-clicked-color: var(--ctm-brand-color,#2170f4); --btn-disabled: #bdbdbd; --btn-secondary-color: var(--ctm-brand-color,#2170f4); --btn-tertiary2-color: var(--tertiary-text-three); --btn-tertiary-clicked: var(--secondary-text); --negative-btn-color: var(--error-color); --primary-disabled-text: var(--bg-primary-color); --icon-default-color: var(--ctm-brand-color,var(--bg-primary-color)); --icon-secondary-color: #888; --warning-icon-color: #c56a00; --icon-color-warning: #888; --icon-secondary-disabled-color: #b8b8b8; --icon-hover-state: var(--secondary-hover-color); --icon-bug-color: #c84d5d; --icon-feature-color: #da9c00; --icon-titan-labs-color: #56ffc2; --add-to-task-yellow: #ff9e45; --archive-green: #2cb1be; --pin-thread-blue: #4e58db; --priority-mustard: #ff9a1b; --star-yellow: #f68e0a; --trash-red: #fd6578; --read-unread-blue: #5692f6; --spam-red: #ff3c3c; --unspam-green: #8ec732; --print-pink: #d064e7; --movetofolder-blue: #7a7fe4; --back-btn: #333; --read-receipt: #59af56; --file-uploaded-text: #08a323; --reminder-color: #d875ed; --email-template-green: #56bbc5; --scheduled-blue: #5c97fa; --pencil-draft: #ff7052; --attention-icon: #fe581e; --schedule-cancelled-orange: #e75936; --marketing-campaign-blue: #4d3bc4; --campaign-light-bg: #ececff; --campaign-hover: #ececff; --avatar-1: #3097a7; --avatar-2: #f27383; --avatar-3: #646ac0; --avatar-4: #d875ed; --avatar-5: #8c9f43; --avatar-6: #de9c52; --border-color-default: var(--line-seprator-color); --border-color-subtle: #ececec; --border-color-neutral: #e4e4e7; --line-separator-sidebar: #000; --line-seperator-secondary-color: #ededed; --quick-action-button-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 0.5px 1px #00000026; --quick-action-button-disabled-shadow: 0 0 1px #dedede; --popover-shadow: 0 0.5px 0 #00000026,0 -0.5px 0 #00000026,0.5px 0 0 #00000026,-0.5px 0 0 #00000026,0 4px 7px #00000026; --modal-shadow: 0 10px 20px #00000030,inset 0 0 1px #00000080; --dropdown-shadow-one: 0 0 8px -1px #00000042; --dropdown-shadow-small: 0 0 8px -1px #00000042; --shadow-advance-search: 0 4px 8px 0 #00000026; --secondary-shadow: 0 2px 4px 0 #00000014; --event-wrapper-shadow: 0 2px 4px 0 #00000014; --input-bg: var(--bg-primary-color); --input-border: 1px solid #bdbdbd; --input-uneditable: #f0f0f0; --bg-edit-input: var(--input-uneditable); --input-text-color: var(--text-color); --input-range-background: var(--input-uneditable); --input-disbaled-background: #fafafa; --scrollbar-active-color: var(--inactive-scrollbar); --scrollbar-hover-color: #bdbdbd; --account-scrollbar-active-color: var(--inactive-scrollbar); --account-scrollbar-hover-color: #bdbdbd; --bg-sidebar-secondary: #22273b; --bg-sidebar-selection: #3c3f69; --hover-sidebar: #2c304d; --bg-color-sidebar-request-feature: var(--bg-sidebar-secondary); --bg-folder-selected: var(--bg-sidebar-selection); --sidebar-hover-color: var(--hover-sidebar); --sidebar-toogle-btn-bg: var(--bg-setup-nudge-hover); --sidebar-toggle-btn-border: var(--bg-primary-color); --toolbar-outline-btn-text: var(--secondary-text); --bg-color-msg-toolbar: var(--bg-reading-pane); --btn-text-toolbar: var(--secondary-text-subtle); --btn-text-toolbar-hover: var(--secondary-text); --bg-attchement-on-hover: linear-gradient(90deg,#f0f0f000 1%,#f0f0f0 40%); --bg-upload-progress: #e6efff; --bg-attachment-error: #ff00000d; --bg-attachment-error-on-hover: linear-gradient(90deg,rgba(255,246,243,.425) -9.39%,#fff6f3 38.1%); --download-icon-bg: #ddd; --download-icon-hover-bg: #bdbdbd; --download-icon-color-hover: #666; --bg-dropdown-color: var(--bg-small-dropdowns); --dropdown-text-color: var(--secondary-text); --dropdown-hover-color: var(--secondary-hover-color); --dropdown-selected-item: #419bf9; --dropdown-border-color: var(--secondary-line-separator); --bg-menu: #f6f6f6; --dropdown-border: 1px solid var(--line-seprator-color); --search-suggestions-border: 1px solid var(--border-color-neutral); --search-suggestion-skeleton: #f0f0f0; --search-pill-border: #dedede; --search-pill-text: #666; --search-pill-active-bg: #e6efff; --search-pill-active-text: #2170f4; --dropdown-item-separator: #eee; --dropdown-filter-border-color: #dedede; --bg-modal: var(--bg-primary-color); --bg-modal-outer: #00000080; --bg-modal-header: #1f1f1f; --bg-modal-active-item: var(--hover-color); --bg-secondary-modal: #fbfbfb; --modal-line-separator: var(--secondary-line-separator); --profile-pic-canvas: var(--name-border-color); --gif-modal-bg-color: #e8effd; --bg-toast: #333; --bg-toast-button: #5692f6; --toast-undo-text: var(--ctm-brand-color,#2170f4); --toast-shadow: none; --bg-editor: var(--bg-primary-color); --preferences-banner: var(--yellow-banner); --preferences-subtitle: var(--text-color); --preferences-sidebar-bg-color: var(--modal-sidebar); --preferences-info-icon: var(--text-color); --preferences-tab-icon: #5a636f; --preferences-tab-text: var(--text-color); --preferences-active-tab: var(--selection-modal-sidebar); --preferences-highlighter: #fdf3e0; --settings-menu-highlighter: var(--preferences-highlighter); --preferences-info-color: #fdf3e0; --drive-transfer-nudge-bg: #fdf3e0; --preferences-close-btn: #f7f7f7; --toggle-on-icon-color: var(--ctm-brand-color,#2170f4); --toggle-off-icon-color: var(--btn-disabled-icon-color); --load-remote-images-background: var(--bg-upgrade-banner); --bg-color-titan-max: var(--flyout-background); --bg-secondary-color-titan-max: var(--bg-primary-color); --feature-container-color: var(--sidebar-icon-color); --titan-max-shimmer: #aaa6a64d; --heading-color-titan-max: var(--secondary-text); --try-max-btn-warning-border: #fbdf99; --try-max-btn-warning-bg: #fff6de; --try-max-btn-warning-hover: #ffeec1; --titan-max-nudge-feature-icon: none; --contact-group-placeholder-color: #aaa6a64d; --bg-color-gift-neo: var(--bg-primary-color); --neo-icon-color: #333; --neo-text-split-color: #ffc053; --bg-gradient: linear-gradient(180deg,#fff0,#281a4c00 11.46%,#281a4c91 28.13%,#281a4cc2 35.61%,#12092af2 77.74%); --recipient-name-color: #4545e9; --name-border-color: #999; --email-border-color: #e9e9e9; --bg-neo-email-banner: #fff; --neo-email-banner-text-color: #2e2981; --neo-email-banner-border-color: #5846c1; --bg-neo-share-button: #fff; --neo-share-button-color: var(--secondary-text); --neo-text-color: var(--secondary-text); --neo-gift-header-text-color: #fff; --neo-popover-bg-color: linear-gradient(90.29deg,#4f32a4 0.2%,#3d31c7 99.83%); --neo-popover-text-color: #fff; --neo-popover-pointer-color: #3f31c3; --neo-popover-recipient-color: #f3c238; --bg-list-item: var(--bg-reading-pane); --thread-list-participant: var(--secondary-text); --multiselect-checkbox: #bdbdbd; --multiselect-checkbox-focused: #888; --bg-unread-thread: var(--bg-primary-color); --thread-snippet: var(--tertiary-text-three); --bg-unread-thread-snippet: var(--thread-snippet); --thread-focus-border: #98c3f0; --background-checkbox-thread-select: var(--ctm-brand-color,#2170f4); --checkbox-tick: url("https://hostinger.titan.email/mail/assets/static/media/white-tick.ef462bab3a06e9e34de4.svg"); --checkbox-hyphen: url("https://hostinger.titan.email/mail/assets/static/media/white-hyphen.c9a0a388010638c402b6.svg"); --bg-quick-action-btn: var(--bg-primary-color); --bg-quick-action-btn-on-hover: var(--hover-color); --thread-list-ai-label-header-color: #737373; --bg-msg-list: var(--bg-primary-color); --bg-msg-list-border: #ececec; --bg-msg-modal-border: var(--border-color-default); --text-color-very-subtle: var(--tertiary-text-three); --bg-hidden-msg: #ececec; --shadow-reply-area: 0 0 0 1px var(--bg-msg-list-border); --bg-schedule-send: var(--bg-reading-pane); --msg-number-shadow: 0 0 2px 0 #aaaaaac4; --msg-number-border: none; --msg-line-shadow: 0 0.5px 0 #0000001a,0 -0.5px 0 #0000001a,0.5px 0 0 #0000001a,-0.5px 0 0 #0000001a; --bg-logo-container: #f8f8f8; --notification-color: var(--primary-text); --notification-offline: #ea4646; --offline-image-banner-bg: #fbfbfb; --offline-image-banner-text: #666; --offline-snackbar-bg: #fce8e3; --offline-snackbar-border: #e88f7d; --bg-notification-bar: #5692f6; --bg-vacation-responder-notification: #fcf6cd; --bg-titan-max-notification: #61648e; --notification-spam-trash: var(--bg-primary-color); --gru-app-badge-color: #fe581e; --activitylist-default-color: #fff; --activitylist-hover-color: #f0f0f0; --bg-setup-account-nudge: #3e4064; --bg-setup-nudge-hover: #484872; --bg-update-card-badge: #ffffff17; --update-card-gift-box: #e8505b; --update-card-gift-box-shade: #c23b47; --update-card-gift-lid: #ff6b6b; --update-card-gift-ribbon: #ffd15c; --update-card-gift-knot: #f2a900; --update-card-gift-spark-blue: #8ab4ff; --update-card-gift-spark-pink: #ff8fa3; --signature-border: var(--border-color-default); --signature-intelligent-nudge-image-preview-bg: #f0f6ff; --signature-intelligent-nudge-feature-item-icon-color: var(--btn-default-color); --composer-no-color-hover-bg: var(--hover-color); --auto-clean-gray: #dedede; --feature-paywall-subheading: #333; --feature-paywall-box-bg: #212233; --feature-paywall-box-border: #303452; --preferences-paywall-image-bg: #e6efff; --preferences-auto-clean-paywall-bg: #fbfbfb; --btn-disabled-bg: #f6f6f6; --btn-disabled-icon-color: #dedede; --check-on-icon-color: var(--ctm-brand-color,#2170f4); --change-account-text: var(--text-color); --bg-bug-modal-footer: var(--hover-color); --bg-attachment-preview: #525659; --attachment-preview-pill-bg: #1f1f1f; --attachment-preview-pill-border: #fff3; --attachment-preview-scan-badge-bg: #3f3522; --attachment-preview-verified-badge-bg: #0a743133; --attachment-preview-verified-text: #05df72; --inline-composer-shadow: 0px 2px 8px #00000040; --nudge-calendar-days-color: var(--text-color); --yellow-star-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-star.8ba693fe670324aa156a.svg"); --check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/checked-on.1e1f6776b71288e76f1e.svg"); --radio-check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-on.55e2a39748b99e0798bc.svg"); --radio-check-off-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-off.38553db3ac7739d09181.svg"); --graphic-stackable-card: url("https://hostinger.titan.email/mail/assets/static/media/graphic-stackable-card-filled.9324ddd80a9b621ccd31.svg"); --icon-star-hover: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-action-hover.2bfb2c23924487603a84.svg"); --attachment-clip: url("https://hostinger.titan.email/mail/assets/static/media/attachment-clippy.7f76b36f92a6cfef12ec.svg"); --thread-unread-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-unread.ede73f7380943368aaea.svg"); --icon-forward: url("https://hostinger.titan.email/mail/assets/static/media/icon-forward.76201cfd94d0eeb56ed2.svg"); --icon-replied: url("https://hostinger.titan.email/mail/assets/static/media/icon-replied.dea296f500ae60b730fe.svg"); --login-bg-2x: url("https://hostinger.titan.email/mail/assets/static/media/login-bg-2x.e763d39b4979b4a4c055.png"); --login-bg: url("https://hostinger.titan.email/mail/assets/static/media/login-bg.e2fa8425aad8278b1bec.png"); --chevron-down: url("https://hostinger.titan.email/mail/assets/static/media/chevron-down.4d9d7ad9fce5b7f14fef.svg"); --green-tick: url("https://hostinger.titan.email/mail/assets/static/media/green-tick.6ee6d7e33539b9afe5bd.svg"); --check-mark: url("https://hostinger.titan.email/mail/assets/static/media/check-mark.6b5d4feeaf113e1d1514.svg"); --image-background: #d7a4ff; --modal-heading: #333; --selected-option: #e9e9e9; --selected-option-border: #c2c2c2; --searchbar-with-icon-border: var(--line-seprator-color); --invalid-input-error: #ec4c64; --selected-option-text: #888; --waiting-state-text-color: #999; --waiting-state-text-color-timer: #000; --downloadlink-pop-up-neo-bg: url("https://hostinger.titan.email/mail/assets/static/media/neo.e10e5c7deb526caf9d5c.svg"); --downloadlink-pop-up-titan-bg: url("https://hostinger.titan.email/mail/assets/static/media/titan.ea4e2a19a34757e2871c.svg"); --downloadlink-pop-up-bg-color: #deeff5; --downloadlink-pop-up-sub-headline: #888; --downloadlink-modal-bg-1: url("https://hostinger.titan.email/mail/assets/static/media/download-link-bg-1-light.c2d8f86ab89970e4d263.png"); --downloadlink-modal-bg-2: url("https://hostinger.titan.email/mail/assets/static/media/popup-light-mode.9a80c3625535b01e8e51.png"); --download-hook-bg: #f0f0f0; --searchbar-bg: #fff; --mail-sent-cross: #888; --list-divider: #f5f5f5; --info-bar: #fffdf4; --input-new-list-item: #dedede; --error-msg: #ff605a; --success-msg: #0abe51; --add-new-btn: #2d6ced; --cancel-btn: #2d6ced; --header-underline: #2170f4; --priority-inbox-tab: #e6efff; --priority-confirmation-modal-bg: #fff; --priority-confirmation-modal-border: 1px solid #dedede; --priority-confirmation-modal-body-text: #333; --priority-on-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-on.5932abe4d5fba1723d74.svg"); --priority-off-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-off.b7bf031c4107ce4781bf.svg"); --priority-preferences-toggle-background: #fbfbfb; --priority-preferences-paywall-background: #fbfbfb; --priority-border-partition: #dedede; --priority-preferences-toggle-border: #f0f0f0; --priority-preferences-toggle-fill: #fbfbfb; --priority-preferences-paywall-border: var(--hover-color); --upgrade-modal-gradient: linear-gradient(180deg,#1d213300,#1d21338a 26.56%,#1d2133d4 52.6%,#1d2133 79.17%); --upgrade-hook-modal-bg: var(--bg-sidebar); --preferences-upgrade-hook-background: var(--hover-color); --upgrade-hook-primary-header-text: #f0f0f0; --upgrade-hook-primary-sub-header-text: #fff; --advance-antivirus-protection-modal-button-bg: #d9d9d933; --text-color-for-upgrade: #333; --background-color-for-upgrade: #f1bd6c; --upgrade-hook-hover-color: #eeb050; --upgrade-hook-feature-color: #fbaa4f; --plan-comparison-column-bg: #363636; --plan-comparison-highlight-bg: #3d67ad; --plan-comparison-row-border: #dedede1a; --white: #fff; --grey: #4a4e62; --light-grey: #74788e; --lighter-grey: #b1b3bb; --lightest-grey: #b0b0b0; --brick-red: #b74b4b; --shadow-color: #00000040; --upgrade-hook-loader-color: #ffd89b; --tick-mark: #0076ff; --block-banner-border: #f0f0f0; --close-modal-text-color: #bbb1b1; --second-text-color: #ab91f2; --horizontal-line-color: #6950af; --pointing-triangle-color: #4232be; --nudge-background: linear-gradient(90.18deg,#4f32a4 0.35%,#3d31c7 100.16%,#3d31c7 0); --gift-someone-else-btn-color: #7949fd; --gift-someone-else-text-color-hover: #ab91f2; --bg-paywall-text: #fbfbfb; --inline-paywall-hover: #f0f0f0; --bg-inline-paywall: #fbfbfb; --inline-paywall-border: #f0f0f0; --header-shadow: #0006 0px 0px 16px; --email-alias-block-nudge-bg: var(--bg-primary-color); --storage-banner-text: #333; --closable-storage-banner-bg: #fbf6d0; --exclimatory-circle: var(--error-color); --upgrade-btn-color: #f1bd6c; --upgrade-btn-text: #333; --non-closable-storage-banner-bg: #c63929; --non-closable-banner-upgrade-btn-border: 1px #fff solid; --non-closable-banner-upgrade-btn-fill: #fff; --non-closable-banner-upgrade-btn-text: #fff; --email-rep-close-btn-icon-fill: #888; --email-rep-close-btn-bg: #0000000f; --email-rep-close-btn-bg-hover: #0000001f; --notif-close-btn-bg: #0000001f; --notif-close-btn-bg-hover: #0003; --editor-border-color: var(--line-seprator-color); --clickable-cta-color: var(--header-underline); --border-view-entire-message-bar: var(--input-new-list-item); --border-long-message-container: var(--line-seprator-color); --bg-view-entire-message-bar: var(--bg-reading-pane); --bg-long-message-item-area: var(--bg-primary-color); --bg-long-message-container: var(--bg-primary-color); --highlight-info-background: #f0f0f0; --improve-writing-highlight-bg: #e5e5ff; --smart-write-bar-dropdown-shadow: 0px 0px 4px -0.89px #3333331f; --smart-write-bar-prompt-placeholder-color: #bdbdbd; --smart-write-bar-prompt-unfocused-placeholder-color: #333; --smart-write-bar-idle-bg: #eff5ff; --smart-write-bar-capping-warning-text: #666; --smart-write-bar-input-box-bg: var(--bg-modal); --smart-write-bar-input-box-border-color: #5692f6; --smart-write-bar-input-box-unfocused-border-color: #ddd; --smart-write-bar-input-box-unfocused-bg: var(--smart-write-bar-input-box-bg); --smart-write-bar-accent-icon-color: #5692f6; --smart-write-bar-prompt-unfocused-text-color: var(--secondary-text-subtle); --smart-write-bar-prompt-icon-color: #5692f6; --smart-write-bar-prompt-icon-unfocused-color: var(--smart-write-bar-prompt-icon-color); --smart-write-bar-prompt-icon-unfocused-bg: #0000; --smart-write-bar-send-icon-unfocused-color: var(--smart-write-bar-accent-icon-color); --smart-write-bar-icon-hover-bg: var(--icon-hover-state); --smart-write-bar-pill-bg: var(--bg-modal); --smart-write-btn-active-icon-color: #4d3bc4; --smart-write-btn-active-bg: #e6efff; --turbo-search-paywall-container: var(--bg-reading-pane); --turbo-search-paywall-container-border: var(--hover-color); --logout-error-login-background: #fff7f4; --bg-manage-senders-pref-paywall: var(--bg-reading-pane); --text-manage-senders-pref-paywall: var(--text-color); --bg-manage-sender-contact-input-container: var(--bg-reading-pane); --bg-manage-sender-contact-input: var(--white); --bg-spell-checker-pref-paywall: var(--bg-reading-pane); --text-spell-checker-pref-paywall: var(--text-color); --bg-spell-checker-composer-paywall-col1: #24273d; --bg-spell-checker-composer-paywall-col2: #fff; --bg-upgrade-banner: #f7f7f7; --bg-spell-checker-composer-banner2: #f1f7ff; --border-upgrade-banner: #f4f4f4; --border-spell-checker-composer-banner2: #e9f2ff; --composer-banner-info-action-color: #2170f4; --composer-banner-info-close-icon-color: #888; --composer-banner-upgrade-close-icon-color: #9c9c9c; --bg-discard-options: #fff; --email-reputation-image-bg-color: var(--priority-inbox-tab); --email-reputation-color: #f49319; --email-reputation-bg-color: #faf5f0; --signature-list-background: var(--priority-preferences-toggle-fill); --signature-list-border: var(--hover-color); --invoice-builder-nudge-shadow: 0px 10px 14px -1px #3333; --bg-footer: var(--bg-modal); --bg-consent-info: #f2fff0; --footer-icon-color: #4b56ba; --paywall-border-prompt: #5b5e75; --paywall-border-suggestion: #8388d8; --paywall-background-color: #4e517e; --paywall-text-color: #c8cbff; --smart-write-video-background: #a8c8fe; --smart-write-blocking-nudge-shimmer: #8184b6; --smart-write-video-icon: #2170f4; --smart-write-reply-icon: #888; --smart-write-paywall-bg: #3a3d51; --smart-write-paywall-header-border: #70738b; --smart-write-paywall-header-bg: #24273d; --signature-list-custom-signature: #eff1f4; --bg-signature-designer-upgrade-modal-header: var(--bg-notification-bar); --bg-signature-designer-upgrade-modal-wrapper: #fff; --signature-designer-upgrade-modal-text-color: var(--secondary-text); --signature-designer-paywall-bg-color: #0000001f; --signature-designer-paywall-bg-color-hover: #0003; --signature-designer-paywall-close-icon: #fff; --bg-colored-purchase-mailbox-nudge: #f5f9ff; --bg-purchase-mailbox-nudge-domain: #f5f5f5; --bg-purchase-mailbox-nudge-input: #fff; --purchase-mailbox-nudge-input-placeholder: #bdbdbd; --border-purchase-mailbox-nudge: #dedede; --border-colored-purchase-mailbox-nudge: #dedede; --renew-banner-yellow-theme-bg-color: var(--closable-storage-banner-bg); --renew-banner-yellow-theme-text-color: var(--text-color); --renew-banner-yellow-theme-icon-color: #f3ad5e; --renew-banner-red-theme-bg-color: var(--non-closable-storage-banner-bg); --renew-banner-red-theme-text-color: var(--bg-primary-color); --renew-banner-red-theme-icon-color: var(--bg-primary-color); --renew-modal-image-bg-color: #f8fbff; --renew-modal-body-bg-color: var(--bg-primary-color); --composer-template-icon-hover: #5692f6; --smart-write-capping-upgrade-text-color: var(--composer-template-icon-hover); --inactive-bg-label: #f0f0f0; --inactive-text-label: #666; --add-btn-text: #2170f4; --inactive-link-text: #888; --inactive-border-color: var(--border-color-default); --bg-beta-paywall: #f7f7f7; --beta-paywall-upgrade-text: #2170f4; --no-signature-template-image-background: #eff5ff; --import-contact-banner-background: #f3f8ff; --mailbox-discount-offer-bg: #eef3ff; --mailbox-discount-offer-bg-unlocked: #eaf8ec; --mailbox-discount-offer-subline-text: #4a5570; --mailbox-discount-offer-segment-empty: #d3ddf3; --mailbox-discount-offer-chip-border: #9aa8c7; --mailbox-discount-offer-unlocked: #1f9d3a; --mailbox-discount-offer-unlocked-fill: #2fb34a; --mailbox-discount-offer-unlocked-text: #16702a; --mailbox-discount-celebration-amber: #f5b400; --mailbox-discount-offer-modal-border: #2170f414; --img-background: #24273d; --tracking-paywall-list-item: #2d2f45; --tracking-paywall-shimmer-block: #5a5e80; --preferences-info-label: #f8f8f8; --attachment-tracking-credits-color: #a96b00; --protected-unlock-icon: #3097a7; --generalised-mail-list-container: #f9fcff; --generalised-mail-list-container-border: #ecf6ff; --generalised-mail-list-popular-tag-background: #ffecdb; --generalised-mail-list-popular-tag-color: #ff7a00; --generalised-mail-list-tick-icon: #36ae22; --generalised-mail-list-item-seperater: #eee; --preferences-bg-tracking-info: #fbfbfb; --preferences-tracking-border: #eee; --email-labels-editable-bg: var(--bg-reading-pane); --email-labels-header-text: #fff; --email-labels-paywall-header-caret: #3d415f; --email-labels-paywall-selection-bg: #b2cf4a33; --emails-labels-paywall-bg: #3d415f; --email-labels-chip-gradient: #ffffff80; --suspicious-banner-bg-color: var(--closable-storage-banner-bg); --suspicious-banner-text-color: var(--text-color); --suspicious-banner-icon-color: var(--renew-banner-yellow-theme-icon-color); --phishing-banner-bg-color: var(--renew-banner-red-theme-bg-color); --phishing-banner-text-color: var(--renew-banner-red-theme-text-color); --phishing-banner-icon-color: var(--renew-banner-red-theme-icon-color); --thread-navigation-button-hover-bg: #eaeaea; --remove-color-icon-bg: var(--primary-text); --designer-mode-green: #1c6256; --designer-banner-bg: #ebf8f6; --generic-banner-bg: #f7f7f7; --banner-text-color: #2170f4; --composer-icon-color: #1c6256; --auto-reply-add-btn-txt: #2170f4; --auto-reply-multi-day-tag-bg: #e8effd; --auto-reply-mutli-day-border: #dbe7ff; --auto-reply-timeslot-error: var(--error-color); --bg-form-container: #fbfbfb; --bg-dropdown: #fff; --bg-auto-reply-editor: #fff; --contact-group-blocking-nudge-bg: #fff; --refer-gradient: linear-gradient(99deg,#1078ff 3.88%,#ba59bd 107.77%); --quick-action-border-color: var(--border-color-default); --drag-icon-color: var(--ctm-brand-color,#2170f4); --email-item-bg-color: #f8f8f8; --email-preview-item-bg-color: #f5f5f5; --email-action-bg-color: #fff; --email-action-text-color: var(--secondary-text); --email-action-border-color: #c1c1c1; --email-action-snippet: var(--tertiary-text-three); --preview-pane-bg: #fff; --thread-action-gif-border: var(--line-seprator-color); --close-icon-hover-color: #f0f0f0; --video-modal-bg: #e8effd; --email-backup-settings-bg: #fbfbfb; --email-backup-settings-border: #f0f0f0; --email-backup-trash-upgrade-bar-bg: #e6efff; --locked-feature-background: #fbfbfb; --composer-feature-toolbar-bg: #fff; --chip-selected-border: #5692f6; --chip-selected-text: #5692f6; --chip-selected-background: #e6efff; --chip-unselected-border: #ccc; --chip-unselected-text: #777; --chip-unselected-background: #fff; --chip-hover-border: #dedede; --chip-hover-text: #888; --chip-hover-background: #f0f0f0; --ai-summary-icon-color: #4b56ba; --bg-ai-dashboard: #fbfbfb; --ai-summary-skeleton-text-gradient: linear-gradient(90deg,#4c57ba,#a271f0); --ai-summary-skeleton-strip-gradient: linear-gradient(90deg,#b2cfff,#d6bdff); --ai-summary-button-hover-gradient: linear-gradient(90deg,#4b56ba 8.69%,#9561f1 129%); --personalize-card-content-background: #f5f5f5; --personalize-card-icon-color: #2270f3; --sound-icon-hover-color: #2d62eb; --sound-icon-color: #666; --session-signout-info-bg: #fdf3e0; --session-signout-btn-bg: #fe581e; --session-signout-btn-hover-bg: #e84e17; --session-signout-btn-active-bg: #d14510; --attachment-tracking-success-bg: #ebf7e9; --attachment-tracking-success-tick: #36ae22; --ai-chat-assistant: var(--ai-summary-icon-color); --ai-chat-accent: var(--btn-default-color); --ai-chat-accent-hover: var(--btn-hover-color); --ai-chat-accent-contrast: var(--ctm-brand-overlay-primary-text,#fff); --ai-chat-accent-fg: var(--btn-secondary-color); --ai-chat-link-color: color-mix(in srgb,var(--ai-chat-accent) 80%,var(--ai-chat-muted-text) 20%); --ai-chat-user-bubble-bg: #f2f2f2; --ai-chat-user-bubble-text: var(--secondary-text); --ai-chat-mark-bg: #f0f6fe; --ai-chat-mark-color: #2170f4; --ai-chat-bubble-border: var(--line-seprator-color); --ai-chat-prompt-hover-bg: var(--hover-color); --ai-chat-muted-text: var(--secondary-text-subtle); --ai-chat-faint-text: var(--tertiary-text-three); --ai-chat-icon-box-bg: var(--hover-color); --ai-chat-progress-track: var(--hover-color); --ai-chat-progress-fill: var(--btn-disabled); --ai-chat-card-bg: #fff; --ai-chat-bubble-bg: #f4f5f7; --ai-chat-card-row-bg: var(--ai-chat-bubble-bg); --ai-chat-prompt-hover-border: #cfd3da; --ai-chat-send-bg: #a8c7ff; --ai-chat-send-bg-hover: #93b8ff; --ai-chat-send-fg: #103366; --ai-chat-option-chosen-bg: #f3f8fe; --ai-chat-option-chosen-border: #8ab4f9; --ai-chat-option-chosen-fg: #333; --ai-chat-task-card-bg: #e8effd; --ai-chat-option-border: #e6e6e6; --ai-chat-option-icon: var(--ai-chat-mark-color); --ai-chat-back-bg: #eff1f4; --ai-chat-coming-soon-bg: #edf5ff; --ai-chat-radio-border: #c3c3c3; --ai-chat-input-bg: #f8f8f8; --ai-chat-input-border: #eee; --ai-chat-error: var(--error-color); --ai-chat-input-placeholder: #bdbdbd; --ai-chat-openai-logo-bg: #202020; --ai-chat-openai-logo-fg: #fff; --ai-chat-anthropic-logo-bg: #d4a380; --ai-chat-modal-shadow: 0 1px 10px #0000001a; --ai-label-turn-on-card: var(--priority-inbox-tab); }
  body.theme-light #root { color-scheme: light; --default-font-family: sans-serif,Arial; --default-font-size: 11pt; }
  body.theme-light.wordpress { --line-separator-sidebar: #32383c; --flyout-background: #23292d; --bg-color-titan-max: #23292d; --flyout-bg-color: #23292d; --icon-default-color: #a2aab2; --icon-bug-color: #f27383; --icon-feature-color: #eda800; --bg-sidebar: #23292d; --sidebar-hover-color: #111; --unread-thread-counter: #fff; --bg-color-sidebar-request-feature: #23292d; --sidebar-text-color: #f0f0f0; --bg-folder-selected: #2271b1; --bg-setup-account-nudge: #333b42; --bg-setup-nudge-hover: #3c464e; }
  body { --bg-primary-color: #171717; --bg-secondary-color: #3f3e3e; --bg-reading-pane: #141414; --bg-sidebar: #1f1f20; --brand-default-color: #2170f4; --line-seprator-color: #373737; --secondary-line-separator: #555c; --email-icon-border-color: #373737; --contact-popover-profile-pic-border-color: #4a4a4a; --tertiary-line-separator: #444; --bg-modal: #2c2c2c; --bg-small-dropdowns: #373737; --hover-color: #37373766; --secondary-hover-color: #5556; --selection-color: #555c; --unread-email: #373737b3; --selected-email: #1c3455; --bg-new-read-receipt: #5553; --bg-old-read-receipt: #2c2c2c80; --flyout-bg-color: var(--selection-color); --inactive-scrollbar: #6f6f6f66; --bg-tooltip: #555; --bg-edit-input: var(--bg-tooltip); --primary-text: #f2f2f2; --secondary-text: #ddd; --block-dialogue-text: var(--secondary-text); --text-color: var(--secondary-text); --secondary-text-subtle: #dddc; --tertiary-text: #cbcbcbe6; --tertiary-text-subtle: #cbcbcb99; --tertiary-text-three: #9c9c9c; --unread-thread-counter: #a6cfff; --link-color: var(--ctm-brand-color,#6da4ff); --error-color: #ff8585; --yellow-banner: #785e01; --search-highlight-bg: #ffdf8f; --search-highlight-text: #333; --warning-banner: #785e0180; --warning-border-color: #7e6822; --upgrade-paywall-warning-color: #6e5c1f; --upgrade-paywall-strip-border-color: #6e5c1f; --icon-color-warning: #eeede9; --secondary-header-text: #bdbdbd; --text-default: #f7f7f7; --btn-default-color: var(--ctm-brand-color,#2170f4); --btn-hover-color: var(--ctm-brand-color,#448aff); --btn-clicked-color: var(--ctm-brand-color,#1352ba); --btn-disabled: #6f6f6f; --btn-secondary-color: var(--ctm-brand-color,#6da4ff); --btn-tertiary2-color: var(--secondary-text); --btn-tertiary2-clicked: var(--primary-text); --negative-btn-color: var(--error-color); --primary-disabled-text: var(--secondary-text-subtle); --icon-default-color: #ddd; --icon-secondary-color: #9c9c9c; --warning-icon-color: #f1bd6c; --icon-secondary-disabled-color: #646464; --icon-hover-state: var(--secondary-hover-color); --icon-bug-color: #f07485; --icon-feature-color: #eca727; --add-to-task-yellow: #ff9e45; --archive-green: #26959f; --pin-thread-blue: #6c75fa; --priority-mustard: #d8861f; --star-yellow: #cb721c; --trash-red: #c64f73; --read-unread-blue: #2669d8; --spam-red: #c44b50; --unspam-green: #90c63f; --print-pink: #b258c5; --movetofolder-blue: #636dd4; --back-btn: #ddd; --read-receipt: #4c9e3f; --file-uploaded-text: var(--read-receipt); --reminder-color: #b354c7; --scheduled-blue: #2669d8; --pencil-draft: #e07234; --attention-icon: #ee6369; --schedule-cancelled-orange: #e75936; --marketing-campaign-blue: #4d3bc4; --campaign-light-bg: var(--bg-reading-pane); --campaign-hover: var(--icon-hover-state); --avatar-1: #116f7d; --avatar-2: #a53c4a; --avatar-3: #3a41a7; --avatar-4: #863597; --avatar-5: #596629; --avatar-6: #9e611d; --border-color-default: var(--line-seprator-color); --border-color-subtle: #303030; --border-color-neutral: var(--border-color-default); --line-separator-sidebar: var(--line-seprator-color); --line-seperator-secondary-color: var(--line-seprator-color); --primary-shadow: 0px 0px 8px #141414e6; --secondary-shadow: 0px 0px 5px #141414e6; --quick-action-button-shadow: 0px 0px 4px #141414cc; --quick-action-button-disabled-shadow: 0 0 1px #373737; --tertiary-two-shadow: 0px 0px 8px #000000b3; --popover-shadow: var(--primary-shadow); --modal-shadow: var(--primary-shadow); --dropdown-shadow-one: var(--primary-shadow); --dropdown-shadow-small: var(--secondary-shadow); --shadow-advance-search: var(--primary-shadow); --event-wrapper-shadow: none; --input-bg: var(--bg-sidebar); --input-border: none; --input-uneditable: var(--bg-sidebar); --input-text-color: var(--text-color); --input-range-background: #f0f0f0; --input-disbaled-background: #555; --scrollbar-active-color: var(--inactive-scrollbar); --scrollbar-hover-color: #6f6f6f; --account-scrollbar-active-color: var(--inactive-scrollbar); --account-scrollbar-hover-color: #6f6f6f; --bg-color-sidebar-request-feature: var(--bg-sidebar); --bg-folder-selected: var(--selection-color); --sidebar-hover-color: var(--hover-color); --sidebar-toogle-btn-bg: #4a4a4a; --sidebar-toggle-btn-border: #979797; --toolbar-outline-btn-text: var(--tertiary-text-three); --bg-color-msg-toolbar: var(--bg-reading-pane); --btn-text-toolbar: var(--tertiary-text-three); --btn-text-toolbar-hover: var(--tertiary-text-three); --bg-attchement-on-hover: none; --bg-upload-progress: #15469880; --bg-attachment-error: none; --bg-attachment-error-on-hover: none; --download-icon-bg: var(--selection-color); --download-icon-hover-bg: var(--selection-color); --download-icon-color-hover: #bdbdbd; --bg-dropdown-color: var(--bg-small-dropdowns); --dropdown-text-color: var(--primary-text); --dropdown-hover-color: var(--secondary-hover-color); --dropdown-selected-item: var(--ctm-brand-color,#1352ba); --dropdown-border-color: var(--secondary-line-separator); --bg-menu: var(--bg-small-dropdowns); --dropdown-border: none; --search-suggestions-border: 1px solid var(--border-color-subtle); --search-suggestion-skeleton: #ffffff1a; --search-pill-border: #4a4a4a; --search-pill-text: #9c9c9c; --search-pill-active-bg: #2170f43d; --search-pill-active-text: #7aacff; --dropdown-item-separator: #4a4a4a; --dropdown-filter-border-color: #4a4a4a; --bg-modal-outer: #141414cc; --bg-modal-header: var(--bg-sidebar); --bg-modal-active-item: var(--secondary-hover-color); --bg-secondary-modal: var(--line-seprator-color); --modal-line-separator: var(--secondary-line-separator); --activity-list-unread-color: #1c2e49; --activity-list-unread-color-hover: #263f64; --activity-list-separator-color: #394960; --acitivity-list-separator-color-hover: #4c6180; --profile-pic-canvas: #999; --gif-modal-bg-color: var(--bg-modal); --bg-toast: var(--bg-small-dropdowns); --bg-toast-button: var(--ctm-brand-color,#6da4ff); --toast-undo-text: var(--ctm-brand-color,#6da4ff); --toast-shadow: var(--primary-shadow); --bg-editor: var(--bg-sidebar); --preferences-banner: var(--yellow-banner); --preferences-subtitle: var(--secondary-text-subtle); --preferences-sidebar-bg-color: var(--bg-sidebar); --preferences-info-icon: var(--text-color); --preferences-tab-icon: var(--icon-default-color); --preferences-tab-text: var(--primary-text); --preferences-active-tab: var(--selection-color); --preferences-highlighter: var(--tertiary-line-separator); --settings-menu-highlighter: #1d2b4a; --preferences-info-color: #965f0e; --drive-transfer-nudge-bg: #785e01; --preferences-close-btn: #1f1f20; --toggle-on-icon-color: var(--ctm-brand-color,#71a6ff); --toggle-off-icon-color: var(--icon-secondary-color); --load-remote-images-background: #313132; --bg-color-titan-max: var(--bg-small-dropdowns); --bg-secondary-color-titan-max: var(--selection-color); --feature-container-color: var(--text-color); --titan-max-shimmer: #aaa6a64d; --heading-color-titan-max: var(--primary-text); --try-max-btn-warning-border: #cc741f; --try-max-btn-warning-bg: #7759000d; --try-max-btn-warning-hover: #77590026; --titan-max-nudge-feature-icon: var(--icon-secondary-color); --contact-group-placeholder-color: #aaa6a64d; --bg-color-gift-neo: var(--bg-modal); --neo-icon-color: #f2f2f2; --neo-text-split-color: #db8a2f; --bg-gradient: linear-gradient(180deg,#fff0,#281a4c00 0,#281a4c99 20.95%,#281a4ccc 35.61%,#12092a 77.74%); --recipient-name-color: #a9a9ff; --name-border-color: #8c8c8c; --email-border-color: #555c; --bg-neo-email-banner: #3a41a7; --neo-email-banner-text-color: #fff; --neo-email-banner-border-color: #fff; --bg-neo-share-button: var(--ctm-brand-color,#2170f4); --neo-share-button-color: var(--primary-text); --neo-text-color: var(--primary-text); --neo-gift-header-text-color: #fff; --neo-popover-bg-color: linear-gradient(90.29deg,#4f32a4 0.2%,#3d31c7 99.83%); --neo-popover-text-color: #fff; --neo-popover-pointer-color: #3f31c3; --neo-popover-recipient-color: #f3c238; --bg-list-item: var(--bg-primary-color); --thread-list-participant: var(--secondary-text-subtle); --multiselect-checkbox: #e1e1e14d; --multiselect-checkbox-focused: #f2f2f24d; --bg-unread-thread: var(--unread-email); --thread-snippet: var(--tertiary-text-subtle); --bg-unread-thread-snippet: var(--tertiary-text); --thread-focus-border: var(--border-color-default); --background-checkbox-thread-select: #fff; --checkbox-tick: url("https://hostinger.titan.email/mail/assets/static/media/blue-tick.4cf7ef0d35accdabecf7.svg"); --checkbox-hyphen: url("https://hostinger.titan.email/mail/assets/static/media/blue-hyphen.d2aea10bad02dc04ff22.svg"); --bg-quick-action-btn: var(--bg-small-dropdowns); --bg-quick-action-btn-on-hover: var(--bg-quick-action-btn); --thread-list-ai-label-header-color: #999; --bg-msg-list: var(--bg-sidebar); --bg-msg-list-border: var(--bg-msg-list); --bg-msg-modal-border: var(--selection-color); --text-color-very-subtle: var(--tertiary-text-three); --bg-hidden-msg: var(--bg-msg-list); --shadow-reply-area: 0 -1px 0 0 var(--border-color-default); --bg-schedule-send: var(--bg-modal); --msg-number-shadow: var(--primary-shadow); --msg-number-border: 1px solid var(--line-separator-sidebar); --msg-line-shadow: 0 0.5px 0 #373737,0 -0.5px 0 #373737,0.5px 0 0 #373737,-0.5px 0 0 #373737; --bg-logo-container: var(--unread-email); --composer-no-color-hover-bg: var(--secondary-hover-color); --notification-color: var(--text-color); --notification-offline: #ea4646; --offline-image-banner-bg: #373737; --offline-image-banner-text: #ddd; --offline-snackbar-bg: #3d1a1a; --offline-snackbar-border: #c46a5a; --bg-notification-bar: #1352ba; --bg-vacation-responder-notification: #785e01; --bg-titan-max-notification: #404585; --notification-spam-trash: var(--hover-color); --gru-app-badge-color: #ff7f65; --activitylist-default-color: #2c2c2c; --activitylist-hover-color: #373737; --bg-setup-account-nudge: var(--bg-small-dropdowns); --bg-setup-nudge-hover: var(--secondary-hover-color); --bg-update-card-badge: #ffffff17; --update-card-gift-box: #d04652; --update-card-gift-box-shade: #a9343f; --update-card-gift-lid: #e35b60; --update-card-gift-ribbon: #ebc443; --update-card-gift-knot: #d99a00; --update-card-gift-spark-blue: #7aa0e6; --update-card-gift-spark-pink: #e67e92; --signature-border: none; --signature-intelligent-nudge-image-preview-bg: #363c45; --signature-intelligent-nudge-feature-item-icon-color: #77acec; --change-account-text: var(--tertiary-text); --bg-bug-modal-footer: var(--bg-sidebar); --bg-attachment-preview: none; --attachment-preview-pill-bg: #1f1f1f; --attachment-preview-pill-border: #fff3; --attachment-preview-scan-badge-bg: #3f3522; --attachment-preview-verified-badge-bg: #0a743133; --attachment-preview-verified-text: #05df72; --inline-composer-shadow: var(--tertiary-two-shadow); --nudge-calendar-days-color: var(--bg-sidebar); --yellow-star-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-dark.a468f14ea210338fd4d6.svg"); --check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/checked-on-dark.295edaac9e0460726099.svg"); --radio-check-on-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-on-dark.0e2cec0528331d32662f.svg"); --radio-check-off-icon: url("https://hostinger.titan.email/mail/assets/static/media/radio-off-dark.f2dd613196478d7024df.svg"); --graphic-stackable-card: url("https://hostinger.titan.email/mail/assets/static/media/graphic-stackable-card-filled-dark.236c346a02508b2cf119.svg"); --icon-star-hover: url("https://hostinger.titan.email/mail/assets/static/media/icon-star-action-hover.5a7f23c46ddfb7791240.svg"); --attachment-clip: url("https://hostinger.titan.email/mail/assets/static/media/attachment-clippy.0dc194f787f75c2893f5.svg"); --thread-unread-icon: url("https://hostinger.titan.email/mail/assets/static/media/icon-unread.f0c2c8b81aa4b10ed8e4.svg"); --icon-forward: url("https://hostinger.titan.email/mail/assets/static/media/icon-forward.1454ef5b52277196a4ff.svg"); --icon-replied: url("https://hostinger.titan.email/mail/assets/static/media/icon-replied.47fbe0285a9c96db6603.svg"); --login-bg-2x: url("https://hostinger.titan.email/mail/assets/static/media/login-bg-2x.5c6d58fd95e4219b8b3d.png"); --login-bg: url("https://hostinger.titan.email/mail/assets/static/media/login-bg.98942dda23d0da69e1fe.png"); --chevron-down: url("https://hostinger.titan.email/mail/assets/static/media/chevron-down.07f043c3bb57f97eae40.svg"); --green-tick: url("https://hostinger.titan.email/mail/assets/static/media/green-tick.b5576072b1b64bc63b42.svg"); --check-mark: url("https://hostinger.titan.email/mail/assets/static/media/check-mark.6b5d4feeaf113e1d1514.svg"); --image-background: #ad67e3; --modal-heading: #fff; --selected-option: #333; --selected-option-border: var(--selected-option); --searchbar-with-icon-border: var(--selected-option); --invalid-input-error: #ec4c64; --selected-option-text: #dbdbdb; --waiting-state-text-color: #c2c2c2; --waiting-state-text-color-timer: var(--waiting-state-text-color); --downloadlink-pop-up-neo-bg: url("https://hostinger.titan.email/mail/assets/static/media/neo.e10e5c7deb526caf9d5c.svg"); --downloadlink-pop-up-titan-bg: url("https://hostinger.titan.email/mail/assets/static/media/titan.ea4e2a19a34757e2871c.svg"); --downloadlink-pop-up-bg-color: #deeff5; --downloadlink-pop-up-sub-headline: #e9e9e9; --downloadlink-modal-bg-1: url("https://hostinger.titan.email/mail/assets/static/media/download-link-bg-1-dark.a21ff71915ec238da0fe.png"); --downloadlink-modal-bg-2: url("https://hostinger.titan.email/mail/assets/static/media/popup-dark-mode.f8f11479ae562e9efc68.png"); --download-hook-bg: #272727; --searchbar-bg: #333; --mail-sent-cross: #888; --list-divider: #373737; --info-bar: #785e01; --input-new-list-item: #dedede; --error-msg: #ff8585; --success-msg: #0abe51; --add-new-btn: #6da4ff; --cancel-btn: #6da4ff; --header-underline: #2170f4; --priority-inbox-tab: #154698; --priority-confirmation-modal-bg: #373737; --priority-confirmation-modal-border: none; --priority-confirmation-modal-body-text: #9c9c9c; --priority-on-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-on.531644c480d43ae90f23.svg"); --priority-off-img: url("https://hostinger.titan.email/mail/assets/static/media/toggle-switch-off.d099948bb4c8b8456b79.svg"); --priority-toggle-background: #171717; --priority-border-partition: #373737; --priority-preferences-toggle-border: #555; --priority-preferences-toggle-fill: var(--priority-toggle-background); --priority-preferences-toggle-background: var(--priority-toggle-background); --priority-preferences-paywall-background: var(--bg-modal); --priority-preferences-paywall-border: var(--priority-border-partition); --auto-clean-gray: #dedede; --feature-paywall-subheading: #f2f2f2; --feature-paywall-box-bg: #2b2b2b; --feature-paywall-box-border: #4a4a4a; --preferences-paywall-image-bg: #1f1f20; --preferences-auto-clean-paywall-bg: #0000; --btn-disabled-bg: #333; --btn-disabled-icon-color: #4a4a4a; --upgrade-modal-gradient: linear-gradient(180deg,#2c2c2c00,#2c2c2c8a 26.56%,#2c2c2cd4 52.6%,#2c2c2c 79.17%); --upgrade-hook-modal-bg: var(--bg-modal); --preferences-upgrade-hook-background: #242424; --upgrade-hook-primary-header-text: #ddd; --upgrade-hook-primary-sub-header-text: #9c9c9c; --advance-antivirus-protection-modal-button-bg: #d9d9d933; --text-color-for-upgrade: #333; --background-color-for-upgrade: #d1a35b; --upgrade-hook-hover-color: #ce9a47; --upgrade-hook-feature-color: #d1a35b; --plan-comparison-column-bg: #363636; --plan-comparison-highlight-bg: #3d67ad; --plan-comparison-row-border: #dedede1a; --white: #fff; --grey: #4a4e62; --light-grey: #74788e; --lighter-grey: #b1b3bb; --lightest-grey: #b0b0b0; --brick-red: #b74b4b; --shadow-color: #00000040; --upgrade-hook-loader-color: #ffd89b; --tick-mark: #a6cfff; --block-banner-border: #37373766; --close-modal-text-color: #bbb1b1; --second-text-color: #ab91f2; --horizontal-line-color: #6950af; --pointing-triangle-color: #4232be; --nudge-background: linear-gradient(90.18deg,#4f32a4 0.35%,#3d31c7 100.16%,#3d31c7 0); --gift-someone-else-btn-color: #7949fd; --gift-someone-else-text-color-hover: #ab91f2; --bg-paywall-text: #4f4f4f; --inline-paywall-hover: #4f4f4f; --bg-inline-paywall: #373737; --inline-paywall-border: #555; --header-shadow: #0006 0px 0px 16px; --email-alias-block-nudge-bg: #555; --storage-banner-text: #f2f2f2; --closable-storage-banner-bg: #785e01; --exclimatory-circle: var(--storage-banner-text); --upgrade-btn-color: #f1bd6c; --upgrade-btn-text: #333; --non-closable-storage-banner-bg: #c63929; --non-closable-banner-upgrade-btn-border: 1px #fff solid; --non-closable-banner-upgrade-btn-fill: #fff; --non-closable-banner-upgrade-btn-text: #fff; --email-rep-close-btn-icon-fill: #fff; --email-rep-close-btn-bg: #0000001f; --email-rep-close-btn-bg-hover: #0003; --notif-close-btn-bg: #0000001f; --notif-close-btn-bg-hover: #0003; --editor-border-color: #4d4d4d; --clickable-cta-color: var(--modal-heading); --border-view-entire-message-bar: var(--line-seprator-color); --border-long-message-container: var(--bg-sidebar); --bg-view-entire-message-bar: var(--line-seprator-color); --bg-long-message-item-area: var(--bg-sidebar); --bg-long-message-container: var(--bg-reading-pane); --highlight-info-background: #1f1f20; --improve-writing-highlight-bg: #695a91; --smart-write-bar-dropdown-shadow: 0px 0px 4px -0.89px #0006; --smart-write-bar-prompt-placeholder-color: #6f6f6f; --smart-write-bar-prompt-unfocused-placeholder-color: #ddd; --smart-write-bar-idle-bg: #1f1f20; --smart-write-bar-capping-warning-text: #f2f2f2; --smart-write-bar-input-box-bg: #1f1f20; --smart-write-bar-input-box-border-color: #3c3f69; --smart-write-bar-input-box-unfocused-border-color: #0000; --smart-write-bar-input-box-unfocused-bg: var(--unread-email); --smart-write-bar-accent-icon-color: #a6cfff; --smart-write-bar-prompt-unfocused-text-color: var(--tertiary-text); --smart-write-bar-prompt-icon-color: #4b56ba; --smart-write-bar-prompt-icon-bg: #fff; --smart-write-bar-prompt-icon-unfocused-color: var(--smart-write-bar-prompt-icon-color); --smart-write-bar-prompt-icon-unfocused-bg: var(--smart-write-bar-prompt-icon-bg); --smart-write-bar-send-icon-unfocused-color: #5692f6; --smart-write-bar-icon-hover-bg: #4a4a4a; --smart-write-bar-pill-bg: #0000; --smart-write-btn-active-icon-color: #a89bdb; --smart-write-btn-active-bg: #1f1f20; --turbo-search-paywall-container: var(--bg-sidebar); --turbo-search-paywall-container-border: var(--bg-sidebar); --logout-error-login-background: #2c2c2c; --bg-manage-senders-pref-paywall: var(--bg-modal); --text-manage-senders-pref-paywall: var(--primary-text); --border-manage-senders-pref-paywall: var(--secondary-line-separator); --bg-manage-sender-contact-input-container: var(--border-color-default); --bg-manage-sender-contact-input: var(--bg-sidebar); --bg-spell-checker-pref-paywall: #4a4a4a; --text-spell-checker-pref-paywall: var(--primary-text); --border-spell-checker-pref-paywall: var(--secondary-line-separator); --bg-spell-checker-composer-paywall-col1: #373737; --bg-spell-checker-composer-paywall-col2: #484848; --bg-upgrade-banner: #1f1f1f; --bg-spell-checker-composer-banner2: #425265; --border-spell-checker-composer-banner2: #4b5e75; --border-upgrade-banner: #303030; --composer-banner-info-action-color: #a6cfff; --composer-banner-info-close-icon-color: #9c9c9c; --composer-banner-upgrade-close-icon-color: #9c9c9c; --bg-discard-options: #484848; --email-reputation-image-bg-color: var(--priority-confirmation-modal-bg); --email-reputation-color: #e79226; --email-reputation-bg-color: #e0d9d1; --invoice-builder-nudge-shadow: 0px 10px 14px -1px #3333; --signature-list-background: var(--secondary-hover-color); --signature-list-border: var(--block-banner-border); --bg-footer: var(--bg-modal); --bg-consent-info: #435241; --footer-icon-color: #4b56ba; --paywall-border-prompt: #606060; --paywall-border-suggestion: #8388d8; --paywall-background-color: #4e517e; --paywall-text-color: #c8cbff; --smart-write-video-background: #a8c8fe; --smart-write-blocking-nudge-shimmer: #8184b6; --smart-write-video-icon: #71a6ff; --smart-write-reply-icon: #888; --smart-write-paywall-bg: #3a3d51; --smart-write-paywall-header-border: #70738b; --signature-list-custom-signature: #1f1f20; --bg-signature-designer-upgrade-modal-header: var(--bg-inline-paywall); --bg-signature-designer-upgrade-modal-wrapper: #4d4d4d; --signature-designer-upgrade-modal-text-color: var(--primary-text); --signature-designer-paywall-bg-color: #ffffff0f; --signature-designer-paywall-bg-color-hover: #ffffff1f; --signature-designer-paywall-close-icon: #888; --bg-colored-purchase-mailbox-nudge: #425265; --bg-purchase-mailbox-nudge-domain: #414141; --bg-purchase-mailbox-nudge-input: #333; --purchase-mailbox-nudge-input-placeholder: #bdbdbd; --border-purchase-mailbox-nudge: #4a4a4a; --border-colored-purchase-mailbox-nudge: #4a4a4a; --renew-banner-yellow-theme-bg-color: var(--yellow-banner); --renew-banner-yellow-theme-text-color: var(--storage-banner-text); --renew-banner-yellow-theme-icon-color: var(--storage-banner-text); --renew-banner-red-theme-bg-color: var(--non-closable-storage-banner-bg); --renew-banner-red-theme-text-color: var(--non-closable-banner-upgrade-btn-text); --renew-banner-red-theme-icon-color: var(--non-closable-banner-upgrade-btn-text); --renew-modal-image-bg-color: #f8fbff; --renew-modal-body-bg-color: var(--bg-inline-paywall); --composer-template-icon-hover: #a6cfff; --smart-write-capping-upgrade-text-color: #5692f6; --inactive-bg-label: #555; --inactive-text-label: #f2f2f2; --add-btn-text: #6da4ff; --inactive-link-text: #6f6f6f; --inactive-border-color: #555c; --bg-beta-paywall: #1f1f20; --beta-paywall-upgrade-text: #a6cfff; --no-signature-template-image-background: #4d4d4d; --import-contact-banner-background: #313741; --mailbox-discount-offer-bg: #313741; --mailbox-discount-offer-bg-unlocked: #2b3a2f; --mailbox-discount-offer-subline-text: #9c9c9c; --mailbox-discount-offer-segment-empty: #4a4a4a; --mailbox-discount-offer-chip-border: #6f7b93; --mailbox-discount-offer-unlocked: #2fb34a; --mailbox-discount-offer-unlocked-fill: #36ae22; --mailbox-discount-offer-unlocked-text: #7fd694; --mailbox-discount-celebration-amber: #f5b400; --mailbox-discount-offer-modal-border: #6da4ff1f; --img-background: #373737; --generalised-mail-list-container: #313741; --generalised-mail-list-container-border: #4a4a4a; --generalised-mail-list-popular-tag-background: #604b37; --generalised-mail-list-popular-tag-color: #ffcea0; --generalised-mail-list-tick-icon: #36ae22; --generalised-mail-list-item-seperater: #4a4a4a; --tracking-paywall-list-item: #434343; --tracking-paywall-shimmer-block: #656565; --preferences-info-label: var(--preferences-active-tab); --attachment-tracking-credits-color: #d19733; --protected-unlock-icon: #3097a7; --preferences-bg-tracking-info: #5556; --preferences-tracking-border: #4a4a4a; --email-labels-editable-bg: #5556; --email-labels-header-text: #fff; --email-labels-paywall-header-caret: #272727; --email-labels-paywall-selection-bg: #b2cf4a33; --emails-labels-paywall-bg: #272727; --email-labels-chip-gradient: #00000080; --suspicious-banner-bg-color: var(--yellow-banner); --suspicious-banner-text-color: var(--primary-text); --suspicious-banner-icon-color: #f3ad5e; --phishing-banner-bg-color: #882418; --phishing-banner-text-color: var(--primary-text); --phishing-banner-icon-color: var(--modal-heading); --thread-navigation-button-hover-bg: #414141; --remove-color-icon-bg: var(--flyout-bg-color); --designer-mode-green: #1c6256; --designer-banner-bg: #344643; --generic-banner-bg: #5556; --banner-text-color: #6da4ff; --composer-icon-color: #61ab9f; --auto-reply-add-btn-txt: #71a6ff; --auto-reply-multi-day-tag-bg: #5fa8fd36; --auto-reply-mutli-day-border: #71a6ff; --auto-reply-timeslot-error: var(--error-color); --bg-form-container: #414141; --bg-dropdown: #333; --bg-auto-reply-editor: #333; --contact-group-blocking-nudge-bg: #555; --quick-action-border-color: #5b5b5b; --drag-icon-color: var(--ctm-brand-color,#71a6ff); --email-item-bg-color: #222; --email-preview-item-bg-color: var(--email-item-bg-color); --email-action-bg-color: #333; --email-action-text-color: var(--primary-text); --email-action-border-color: var(--quick-action-border-color); --email-action-snippet: var(--secondary-header-text); --preview-pane-bg: #2d2d2d; --thread-action-gif-border: #4a4a4a; --close-icon-hover-color: #3e3e3e; --video-modal-bg: #2c2c2c; --email-backup-settings-bg: #373737; --email-backup-settings-border: #373737; --email-backup-trash-upgrade-bar-bg: #15469880; --locked-feature-background: #333; --composer-feature-toolbar-bg: #3d3d3d; --chip-selected-border: #a6cfff; --chip-selected-text: #a6cfff; --chip-selected-background: #425265; --chip-unselected-border: #4a4a4a; --chip-unselected-text: #bdbdbd; --chip-unselected-background: #333; --chip-hover-border: #4a4a4a; --chip-hover-text: #bdbdbd; --chip-hover-background: #2d2d2d; --ai-summary-icon-color: #8f98ef; --bg-ai-dashboard: var(--bg-primary-color); --ai-summary-skeleton-text-gradient: linear-gradient(90deg,#98a2fc,#b89ce4 33.11%); --ai-summary-skeleton-strip-gradient: linear-gradient(90deg,#5c78a8,#9382c2); --ai-summary-button-hover-gradient: linear-gradient(90deg,#8f98ef -6.71%,#8457d5 111.59%); --personalize-card-content-background: #ffffff17; --personalize-card-icon-color: #88b2df; --sound-icon-hover-color: #6da4ff; --sound-icon-color: #bdbdbd; --session-signout-info-bg: #785e014d; --session-signout-btn-bg: #ee6369; --session-signout-btn-hover-bg: #d94f56; --session-signout-btn-active-bg: #c44049; --attachment-tracking-success-bg: #3e433d; --attachment-tracking-success-tick: #65be56; --ai-chat-assistant: var(--ai-summary-icon-color); --ai-chat-accent: var(--btn-default-color); --ai-chat-accent-hover: var(--btn-hover-color); --ai-chat-accent-contrast: var(--ctm-brand-overlay-primary-text,#fff); --ai-chat-accent-fg: var(--btn-secondary-color); --ai-chat-link-color: color-mix(in srgb,var(--ai-chat-accent) 80%,var(--ai-chat-muted-text) 20%); --ai-chat-user-bubble-bg: #2b2c30; --ai-chat-user-bubble-text: var(--secondary-text); --ai-chat-mark-bg: #1d2b4a; --ai-chat-mark-color: #6ea8fe; --ai-chat-bubble-border: var(--line-seprator-color); --ai-chat-prompt-hover-bg: var(--hover-color); --ai-chat-muted-text: var(--secondary-text-subtle); --ai-chat-faint-text: var(--tertiary-text-three); --ai-chat-icon-box-bg: var(--hover-color); --ai-chat-progress-track: var(--hover-color); --ai-chat-progress-fill: var(--btn-disabled); --ai-chat-card-bg: #1b1c1f; --ai-chat-bubble-bg: #242529; --ai-chat-card-row-bg: var(--ai-chat-bubble-bg); --ai-chat-prompt-hover-border: #3c3d43; --ai-chat-send-bg: #2e4a7d; --ai-chat-send-bg-hover: #38588f; --ai-chat-send-fg: #fff; --ai-chat-option-chosen-bg: #202b48; --ai-chat-option-chosen-border: #4f6ba3; --ai-chat-option-chosen-fg: var(--text-color); --ai-chat-task-card-bg: #202b48; --ai-chat-option-border: var(--line-seprator-color); --ai-chat-option-icon: #85a8e9; --ai-chat-back-bg: var(--bg-secondary-color); --ai-chat-coming-soon-bg: var(--ai-chat-mark-bg); --ai-chat-radio-border: #5c5c5c; --ai-chat-input-bg: var(--ai-chat-bubble-bg); --ai-chat-input-border: var(--line-seprator-color); --ai-chat-error: var(--error-color); --ai-chat-input-placeholder: #6f6f6f; --ai-chat-openai-logo-bg: #fff; --ai-chat-openai-logo-fg: #000; --ai-chat-anthropic-logo-bg: #d4a380; --ai-chat-modal-shadow: var(--primary-shadow); --ai-label-turn-on-card: #1c3455; }
  body #root { color-scheme: dark; --default-font-family: sans-serif,Arial; --default-font-size: 11pt; }
}
* { user-select: inherit; }
*, ::after, ::before { box-sizing: border-box; }
#root { color-scheme: light dark; height: 100%; --default-font-family: sans-serif,Arial; --default-font-size: 11pt; }
body, html { background-color: var(--bg-primary-color); color: var(--text-color); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; line-height: 1.5; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
body ::selection, html ::selection { background-color: rgb(173, 216, 230); color: var(--text-color); }
body.theme-dark ::selection { background-color: rgb(169, 169, 169); color: rgb(0, 0, 0); }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0px; }
img { border: 0px; user-select: none; vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: initial; }
audio:not([controls]) { display: none; height: 0px; }
a { background: rgba(0, 0, 0, 0); }
a:active, a:hover { outline: 0px; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: initial; height: 0px; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button { overflow: visible; }
button, select { text-transform: none; }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { appearance: textfield; box-sizing: initial; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }
fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0px; padding: 0px; }
textarea { overflow: auto; }
optgroup { font-weight: 700; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
div[contenteditable], input, textarea { user-select: auto; }
::-webkit-scrollbar-corner { background-color: initial; }
::-webkit-scrollbar { cursor: default; height: 14px; width: 14px; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); border: 3px solid rgba(0, 0, 0, 0); border-radius: 14px; box-shadow: inset 0 0 15px 15px var(--scrollbar-active-color); }
::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 15px 15px var(--scrollbar-hover-color); }
* { scrollbar-color: var(--scrollbar-active-color) #0000; }
h1 { font-weight: 600; }
h1, h2 { color: var(--text-color); font-size: 23.94px; }
h2, h3 { font-weight: 300; }
h3 { font-size: 20.02px; }
h3, h4 { color: var(--text-color); }
h4 { font-size: 18.06px; }
h5 { font-size: 14px; }
h5, h6 { color: var(--text-color); }
h6 { font-size: 12.04px; }
h1, h2, h3 { margin-bottom: 10.5px; margin-top: 21px; }
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; }
h4, h5, h6 { margin-bottom: 10.5px; margin-top: 10.5px; }
h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; }
a:not(div[contenteditable] a) { color: var(--link-color); cursor: pointer; }
a:not(div[contenteditable] a):active, a:not(div[contenteditable] a):hover, a:not(div[contenteditable] a):visited { color: var(--link-color); }
.small, small { font-size: 93%; }
.mark, mark { background-color: rgb(252, 248, 227); padding: 0.2em; }
ol, ul { margin-bottom: 10.5px; margin-top: 0px; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dl { margin-bottom: 21px; margin-top: 0px; }
dd, dt { line-height: 1.5; }
dt { font-weight: 700; }
dd { margin-left: 0px; }
abbr[data-original-title], abbr[title] { border-bottom: 1px dotted var(--btn-disabled); cursor: help; }
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0px; }
blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.5; }
blockquote .small::before, blockquote footer::before, blockquote small::before { content: "— "; }
input, input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"] { background: var(--input-bg); border: var(--input-border); border-radius: 4px; color: var(--text-color); font-weight: 400; line-height: 21px; outline: none; padding-left: 5px; padding-right: 5px; width: 100%; }
input::placeholder, input[type="date"]::placeholder, input[type="datetime-local"]::placeholder, input[type="datetime"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="range"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder { color: var(--tertiary-text-three); font-weight: 400; }
input:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus { border: 1px solid var(--link-color); outline: none; }
input:disabled, input[type="date"]:disabled, input[type="datetime-local"]:disabled, input[type="datetime"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="range"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled { opacity: 0.7; }
input.error, input.invalid, input[type="date"].error, input[type="date"].invalid, input[type="datetime-local"].error, input[type="datetime-local"].invalid, input[type="datetime"].error, input[type="datetime"].invalid, input[type="email"].error, input[type="email"].invalid, input[type="month"].error, input[type="month"].invalid, input[type="number"].error, input[type="number"].invalid, input[type="password"].error, input[type="password"].invalid, input[type="range"].error, input[type="range"].invalid, input[type="search"].error, input[type="search"].invalid, input[type="tel"].error, input[type="tel"].invalid, input[type="text"].error, input[type="text"].invalid, input[type="time"].error, input[type="time"].invalid, input[type="url"].error, input[type="url"].invalid { border: 1px solid var(--error-color); }
input[type="checkbox"] { width: auto; }
input[type="radio"] { accent-color: var(--ctm-brand-color,var(--btn-default-color)); }
input:-webkit-autofill { box-shadow: 0 0 0 1000px var(--input-bg) inset; -webkit-text-fill-color: var(--text-color); }
input:-webkit-autofill:focus { border: 1px solid var(--link-color); }
textarea { background: var(--input-bg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--text-color); font-weight: 400; width: 100%; }
textarea:active, textarea:focus { border: 1px solid var(--link-color); }
select { background: var(--bg-modal) var(--chevron-down) no-repeat 95% 60%; border: 1px solid var(--dropdown-border-color); border-radius: 4px; color: var(--text-color); padding: 0px 25px 0px 8px; }
input[type="range"], select { appearance: none; }
input[type="range"]::-webkit-slider-runnable-track { background: rgb(240, 240, 240); border-radius: 10px; height: 4px; }
input[type="range"]::-webkit-slider-thumb { appearance: none; background-color: var(--btn-default-color); border-radius: 50%; height: 1rem; margin-top: -5px; width: 1rem; }
button, html input[type="button"] { appearance: button; cursor: default; }
button:active, button:hover, html input[type="button"]:active, html input[type="button"]:hover { cursor: default; }
.btn { border: 0px; border-radius: 4px; box-shadow: none; display: inline-block; font-size: 14px; font-weight: 700; height: auto; line-height: 1.9em; padding: 2px 11px; text-align: center; transition: 0.2s; cursor: pointer !important; }
.btn img { vertical-align: middle; }
.btn:focus { outline: none; }
.btn.btn-small { font-size: 12.04px; }
.btn.btn-large { font-size: 14px; height: 2.3em; line-height: 2.2em; padding: 0px 1.3em; }
.btn.btn-larger { font-size: 15.96px; padding: 0px 1.6em; }
.btn.btn-normal { font-weight: 400; }
.btn.btn-wide { width: 100%; }
.btn.btn-mid { font-size: 16px; padding-bottom: 4px; padding-top: 4px; }
.btn.btn-disabled { pointer-events: none; }
.btn.btn-primary { background-color: var(--btn-default-color); border: 1px solid var(--btn-default-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.btn.btn-primary.active, .btn.btn-primary:active { background-color: var(--btn-clicked-color); border: 1px solid var(--btn-clicked-color); }
.btn.btn-primary:hover { background-color: var(--btn-hover-color); border: 1px solid rgba(0, 0, 0, 0); }
.btn.btn-primary.btn-disabled { background-color: var(--btn-disabled); border: 1px solid var(--btn-disabled); color: var(--primary-disabled-text); }
.btn.btn-primary.btn-disabled:active { background-color: inherit; color: inherit; }
.btn.btn-outline { background: rgba(0, 0, 0, 0); border: 1px solid var(--btn-secondary-color); color: var(--btn-secondary-color); }
.btn.btn-outline:hover { background-color: var(--btn-hover-color); border: 1px solid var(--btn-hover-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.btn.btn-outline.active, .btn.btn-outline:active { background-color: var(--btn-clicked-color); border: 1px solid var(--btn-clicked-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.btn.btn-outline.btn-disabled { background: rgba(0, 0, 0, 0); border-color: var(--btn-disabled); color: var(--btn-disabled); }
.btn.btn-outline.btn-disabled:active { background-color: inherit; color: inherit; }
.btn.btn-naked-primary, .btn.btn-naked-primary:active, .btn.btn-naked-primary:hover { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--btn-secondary-color); }
.btn.btn-naked-primary.btn-disabled, .btn.btn-naked-primary.btn-disabled:active, .btn.btn-naked-primary.btn-disabled:hover { color: var(--btn-disabled); }
.btn.btn-naked-secondary { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--btn-tertiary2-color); }
.btn.btn-naked-secondary.btn-disabled, .btn.btn-naked-secondary.btn-disabled:active, .btn.btn-naked-secondary.btn-disabled:hover { color: var(--btn-disabled); }
.btn.btn-naked-secondary:hover { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.btn.btn-naked-secondary:active { color: var(--btn-tertiary2-clicked); }
.btn.btn-error, .btn.btn-error:active, .btn.btn-error:hover { background: rgba(0, 0, 0, 0); border: 1px solid var(--error-color); color: var(--error-color); }
.btn.btn-error.btn-disabled { border-color: var(--btn-disabled); color: var(--btn-disabled); }
.btn.btn-error.btn-disabled:active { background-color: inherit; color: inherit; }
.btn.btn-toolbar { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; white-space: nowrap; }
.btn.btn-toolbar, .btn.btn-toolbar svg { color: var(--icon-secondary-color); vertical-align: middle; }
.btn.btn-toolbar:hover { background-color: var(--hover-color); }
.btn.btn-toolbar.btn-enabled, .btn.btn-toolbar:active { background-color: var(--icon-hover-state); }
.text-warning { color: rgb(254, 109, 1) !important; }
.text-danger { color: rgb(225, 25, 25) !important; }
.align-center, .center { text-align: center; }
.hidden { display: none; }
.float-right { float: right; }
.text-hinted { border-bottom: 1px dashed var(--tertiary-text-three); }
a.mk-unsubscribe:not([href]), a[fr-original-class="mk-unsubscribe"]:not([href]) { --pointer-event: none; pointer-events: var(--pointer-event); }
.side-bar-area { background-color: var(--ctm-primary-surface,var(--bg-sidebar)); color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); }
.side-bar-area:hover .sidebar-toggle-btn { opacity: 1; transition: opacity 0.1s ease-out; }
.side-bar-area .sidebar-toolbar { align-items: center; border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); display: flex; height: 64px; padding: 0px 12px; z-index: 32; }
.side-bar-area .sidebar-toolbar .app-switcher-logo-cnt { flex-shrink: 0; }
.side-bar-area .sidebar-toolbar .toolbar-logo { min-width: 0px; overflow: hidden; transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1); }
.side-bar-area .sidebar-toolbar .toolbar-logo > * { flex-shrink: 0; }
.side-bar-area .sidebar-collapsed { justify-content: flex-start; padding: 0px 0px 0px 19px; }
.side-bar-area .sidebar-collapsed .collapse-icon { cursor: pointer; position: relative; right: 0px; top: 6px; }
.side-bar-area .sidebar-collapsed .toolbar-logo { opacity: 0; pointer-events: none; }
.side-bar-area .account-sidebar { background-color: inherit; }
.side-bar-area .account-sidebar .account-heading { background-color: var(--ctm-primary-surface,var(--bg-sidebar)); cursor: pointer; display: flex; height: 44px; z-index: 1; }
.side-bar-area .account-sidebar .account-heading .email-address-drop-zone { display: flex; width: 100%; }
.side-bar-area .account-sidebar .account-heading.sticky { position: sticky; }
.side-bar-area .account-sidebar .account-heading.dropping { background-color: var(--ctm-secondary-surface,var(--sidebar-hover-color)); }
.side-bar-area .account-sidebar .account-heading.account-collapsed { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); }
.side-bar-area .account-sidebar .account-heading.account-collapsed.add-account-sticky, .side-bar-area .account-sidebar .account-heading.account-collapsed.anchored-down { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.side-bar-area .account-sidebar .account-heading.anchored-up { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); }
.side-bar-area .account-sidebar .account-heading.anchored-down { border-top: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); }
.side-bar-area .account-sidebar .account-heading .toggle-and-email-icon { align-items: center; display: flex; flex: 0 0 56px; height: 43px; }
.side-bar-area .account-sidebar .account-heading .toggle-and-email-icon svg { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.side-bar-area .account-sidebar .account-heading .email-address-and-unread-counter { align-items: center; display: flex; height: 43px; padding-right: 11.5px; width: calc(100% - 56px); }
.side-bar-area .account-sidebar .account-heading .email-address-and-unread-counter .email-address { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-bar-area .account-sidebar .account-heading .email-address-and-unread-counter .account-focussed { font-weight: 600; }
.side-bar-area .account-sidebar .account-heading .email-address-and-unread-counter .overflow-menu { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); display: flex; order: 2; padding-left: 0px; padding-right: 0px; }
.side-bar-area .account-sidebar .account-heading .email-address-and-unread-counter.hidden { display: none; }
.side-bar-area .account-sidebar .account-heading.suggestion-row { isolation: isolate; position: relative; z-index: 0; }
.side-bar-area .account-sidebar .account-heading.suggestion-row .toggle-and-email-icon .disclosure-triangle { display: none; }
.side-bar-area .account-sidebar .account-heading.suggestion-row .toggle-and-email-icon { padding-left: 24px; }
.side-bar-area .account-sidebar .account-heading.suggestion-row .suggestion-rest-count { align-items: center; display: inline-flex; padding-right: 8.5px; }
.side-bar-area .account-sidebar .account-heading.bundle-suggestion-row, .side-bar-area .account-sidebar .account-heading.created-mailbox-row { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); }
.side-bar-area .account-sidebar .item-count-box { color: var(--ctm-primary-surface-tone-text,var(--unread-thread-counter)); font-size: 14px; font-weight: 600; order: 2; padding-right: 8.5px; }
.side-bar-area .account-sidebar .item-count-box.all, .side-bar-area .account-sidebar .item-count-box.archive, .side-bar-area .account-sidebar .item-count-box.spam { display: none; }
.side-bar-area .account-sidebar .add-account { align-items: center; background-color: var(--ctm-primary-surface,var(--bg-sidebar)); cursor: pointer; display: flex; justify-content: space-between; overflow: hidden; padding: 12px 12px 12px 24px; white-space: nowrap; }
.side-bar-area .account-sidebar .add-account.add-account-sticky { border-top: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); bottom: 0px; position: sticky; }
.side-bar-area .account-sidebar .add-account .icon-add-contact { margin-right: 8px; }
.side-bar-area .account-sidebar .add-account .icon, .side-bar-area .account-sidebar .add-account .icon-add-contact { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.side-bar-area .account-sidebar .add-account .add-account-container { align-items: center; display: flex; min-width: 0px; overflow: hidden; }
.side-bar-area .account-sidebar .add-account .add-account-container .icon { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.side-bar-area .account-sidebar .add-account .add-account-container .add-account-content { display: flex; text-wrap: wrap; }
.side-bar-area .account-sidebar .add-account .add-account-container .icon-add-contact { flex-shrink: 0; }
.side-bar-area .account-sidebar .events-panel { background-color: var(--ctm-primary-surface,var(--bg-sidebar)); padding: 12px 12px 12px 24px; }
.flockmail-outline-view { order: 1; }
.flockmail-outline-view .add-new-folder { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 9px; }
.flockmail-outline-view .add-new-folder.add-account-border { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); }
.flockmail-outline-view .add-new-folder .item-container .category-content .name { color: var(--ctm-surface-overlay-secondary-text,var(--tertiary-text-three)); }
.flockmail-outline-view .add-new-folder .item-container .category-content .name.hidden { display: none; }
.flockmail-outline-view:hover .heading .add-item-button, .flockmail-outline-view:hover .heading .collapse-button { display: inherit; }
.flockmail-outline-view .more-less-container { align-items: center; cursor: pointer; display: flex; height: 32px; padding: 6px 0px 6px 24px; }
.flockmail-outline-view .more-less-container, .flockmail-outline-view .more-less-container svg { color: var(--ctm-surface-overlay-secondary-text,var(--tertiary-text-three)); }
.flockmail-outline-view .more-less-container.is-collapsed { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); height: 38px; padding-bottom: 12px; }
.flockmail-outline-view .more-less-container.is-collapsed.add-account-sticky { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.flockmail-outline-view .more-less-container .name { padding-left: 8px; }
.flockmail-outline-view .item-container { align-items: center; display: flex; height: 32px; padding: 6px 0px; position: relative; }
.flockmail-outline-view .item-container::before { border-radius: 8px; inset: 0px 8px; content: ""; position: absolute; z-index: -1; }
.flockmail-outline-view .item-container.dropping::before, .flockmail-outline-view .item-container:hover::before { background-color: var(--ctm-tertiary-surface,var(--sidebar-hover-color)); }
.flockmail-outline-view .item-container > .item { align-self: stretch; margin-block: -6px; padding-block: 6px; }
.flockmail-outline-view .item-container.drop-after::after, .flockmail-outline-view .item-container.drop-before::after { background-color: var(--link-color); border-radius: 1px; content: ""; height: 2px; left: 8px; pointer-events: none; position: absolute; right: 8px; }
.flockmail-outline-view .item-container.drop-before::after { top: -1px; }
.flockmail-outline-view .item-container.drop-after::after { bottom: -1px; }
.flockmail-outline-view .item-container.selected::before { background-color: var(--ctm-secondary-surface,var(--bg-folder-selected)); }
.flockmail-outline-view .item-container.selected .item { background-color: initial; color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); font-weight: 600; }
.flockmail-outline-view .item-container.selected .item .icon { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.flockmail-outline-view .item-container .disclosure-triangle { color: var(--ctm-surface-overlay-secondary-text,var(--tertiary-text-three)); margin-left: 4px; }
.flockmail-outline-view .folder-drop-gap { height: 6px; margin: -3px 0px; position: relative; }
.flockmail-outline-view .folder-drop-gap::after { background-color: initial; border-radius: 1px; content: ""; height: 2px; left: 8px; position: absolute; right: 8px; top: 2px; transition: background-color 0.12s; }
.flockmail-outline-view .folder-drop-gap.folder-drop-gap--active::after { background-color: var(--link-color); }
.flockmail-outline-view .item { align-items: center; clear: both; color: inherit; cursor: pointer; display: flex; flex: 1 1 0%; font-size: 14px; font-weight: 400; overflow: hidden; padding-right: 11.5px; }
.flockmail-outline-view .item .icon { cursor: pointer; display: flex; }
.flockmail-outline-view .item .icon, .flockmail-outline-view .item .icon .new-folder-icon { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.flockmail-outline-view .item .category-content { align-items: center; cursor: pointer; display: flex; flex: 1 1 0%; order: 1; overflow: hidden; }
.flockmail-outline-view .item .category-content .name { color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); cursor: pointer; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; }
.flockmail-outline-view .item .attention-icon { margin-left: 8.5px; margin-right: 4.25px; order: 2; color: var(--attention-icon) !important; }
.flockmail-outline-view .item .overflow-menu { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); display: flex; order: 2; padding-left: 0px; padding-right: 0px; }
.flockmail-outline-view .item.editing { align-items: center; }
.flockmail-outline-view .item.editing .edit-div { display: flex; flex: 1 1 0%; height: 24px; left: 24px; order: 2; padding-right: 8.5px; }
.flockmail-outline-view .item.editing .item-input { border: 1px solid var(--ctm-brand-color,var(--btn-default-color)); font-size: 13.02px; order: 2; padding-left: 0px; text-indent: 5.5px; width: 76%; }
.flockmail-outline-view .item.editing .tick-button { background-color: var(--ctm-brand-color,var(--btn-default-color)); border-radius: 0px 4px 4px 0px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); cursor: pointer; margin-left: -2px; order: 3; padding: 4px; width: 12%; }
.flockmail-outline-view .item.editing .close-button { color: var(--ctm-surface-overlay-secondary-text,var(--icon-secondary-color)); cursor: pointer; margin-left: 5px; order: 4; width: 12%; }
.flockmail-outline-view .item:hover { cursor: default; }
.flockmail-outline-view .sidebar-unpinned-labels-container { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); padding-bottom: 9px; }
.flockmail-outline-view .add-new-folder.add-account-border:has(+ .sidebar-unpinned-labels-container) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.flockmail-outline-view .sidebar-folder-actions { border-bottom: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); padding-bottom: 9px; }
.flockmail-outline-view .sidebar-folder-actions .add-new-folder { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; }
.side-bar-area:has(.sidebar-collapsed) .account-sidebar .account-heading .toggle-and-email-icon { flex: 1 1 auto; padding-left: 30px; position: relative; }
.side-bar-area:has(.sidebar-collapsed) .account-sidebar .account-heading .toggle-and-email-icon .disclosure-triangle { left: 6px; position: absolute; }
.side-bar-area:has(.sidebar-collapsed) .flockmail-outline-view .item-container .disclosure-triangle { display: none; }
.side-bar-area:has(.sidebar-collapsed) .flockmail-outline-view .item-container .item { padding-right: 0px; }
.side-bar-area:has(.sidebar-collapsed) .flockmail-outline-view .item-container .category-content { padding-left: 30px; }
.side-bar-area:has(.sidebar-collapsed) .flockmail-outline-view .item-container::before { border-radius: 4px; left: 18px; right: 18px; }
.side-bar-area:has(.sidebar-collapsed) .flockmail-outline-view .more-less-container { padding-left: 30px; }
.side-bar-area:has(.sidebar-collapsed) .account-sidebar .add-account { padding: 12px 0px 12px 30px; }
.side-bar-area:has(.sidebar-collapsed) .account-sidebar .add-account .icon-add-contact { margin-right: 0px; }
@keyframes icon-bump { 
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
.flockmail-outline-view .item-container.selected .icon svg, .flockmail-outline-view .label-item-container.selected .icon svg, .thread-icon-star.anime { animation: 0.4s ease 0s 1 normal none running icon-bump; transition: 0.2s; }
@media (prefers-reduced-motion: no-preference) {
  @keyframes delight-wave { 
  0% { transform: rotate(0deg); }
  20% { transform: rotate(calc(var(--delight-wave-scale, 1)*16deg)); }
  40% { transform: rotate(calc(var(--delight-wave-scale, 1)*-8deg)); }
  60% { transform: rotate(calc(var(--delight-wave-scale, 1)*12deg)); }
  80% { transform: rotate(calc(var(--delight-wave-scale, 1)*-4deg)); }
  100% { transform: rotate(0deg); }
}
  @keyframes delight-rise-in { 
  0% { opacity: 0; transform: translateY(var(--delight-rise-distance,3px)); }
  100% { opacity: 1; transform: none; }
}
  .setup-nudge-container .setup-guide-progress-hook:hover .hook-illustration { animation: 0.9s ease-in-out 0s 1 normal none running delight-wave; transform-origin: 72% 78%; }
  @keyframes delight-star-pop { 
  0% { transform: scale(0.5) rotate(-45deg); }
  60% { transform: scale(1.2) rotate(6deg); }
  100% { transform: scale(1) rotate(0deg); }
}
  .thread-icon.thread-icon-star.anime { animation: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running delight-star-pop; }
  #message-list .message-item-wrap { animation: 0.07s ease-out 0s 1 normal none running delight-rise-in; }
  .flyout-wrap.composer-flyout.open .flyout { --delight-rise-distance: 12px; animation: 0.15s ease-out 0s 1 normal none running delight-rise-in; }
  @keyframes delight-gift-lid-hop { 
  0%, 45%, 75%, 100% { transform: none; }
  20% { transform: translateY(-2.5px); }
  60% { transform: translateY(-1.5px); }
}
  @keyframes delight-gift-lid-pop { 
  0% { transform: none; }
  55% { transform: translate(-2px, -8px) rotate(-24deg); }
  100% { transform: translate(-1px, -5px) rotate(-16deg); }
}
  @keyframes delight-gift-spark { 
  0% { opacity: 0; transform: scale(0); }
  40% { opacity: 1; transform: scale(1.2); }
  100% { opacity: 0; transform: translateY(-4px) scale(0.6); }
}
  .notifications .notification.update-card { --delight-rise-distance: 8px; animation: 0.16s ease-out 0s 1 normal none running delight-rise-in; }
  .notifications .update-card:hover .update-card-gift { --delight-wave-scale: 0.75; animation: 0.9s ease-in-out 0s 1 normal none running delight-wave; transform-origin: 50% 90%; }
  .notifications .update-card:hover .update-card-gift-lid { animation: 0.9s ease-in-out 0s 1 normal none running delight-gift-lid-hop; }
  .notifications .update-card .is-updating .update-card-gift-lid { animation: 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running delight-gift-lid-pop; }
  .notifications .update-card .is-updating .update-card-spark { animation: 0.7s ease-out 0.12s 1 normal forwards running delight-gift-spark; }
  .notifications .update-card .is-updating .update-card-spark-2 { animation-delay: 0.22s; }
  .notifications .update-card .is-updating .update-card-spark-3 { animation-delay: 0.32s; }
}
.error-details { display: flex; flex-direction: column; height: 550px; margin: 5px 25px; width: 750px; }
.error-details textarea { height: 100%; resize: none; width: 100%; }
.loading-modal-container { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.loading-modal-container .loading-text { display: flex; margin-left: 55px; margin-right: 55px; margin-top: 117px; text-align: center; }
.loading-modal-container .loading-icon { height: 100px; width: 100px; }
.auth-failed-modal { align-items: center; display: flex; flex-direction: column; height: 456px; padding: 77px 0px 50px; width: 450px; }
.auth-failed-modal .auth-failed-img { height: 128px; width: 176px; }
.auth-failed-modal .title { font-size: 20.02px; font-weight: 600; margin: 58px 36px 13px; text-align: center; }
.auth-failed-modal .description { color: var(--tertiary-text-three); text-align: center; width: 300px; }
.auth-failed-modal button { margin-top: 24px; padding: 9px; width: 230px; }
.menu { background-color: var(--bg-small-dropdowns); border-radius: 4px; display: flex; flex: 1 1 0%; flex-direction: column; }
.menu .header-container { background-color: var(--bg-menu); flex-shrink: 0; padding: 3px; position: relative; }
.menu .footer-container { position: relative; }
.menu .content-container { overflow: auto; width: 100%; }
.menu .content-container.no-border { border: 0px; }
.menu .item { color: var(--text-color); cursor: default; display: block; padding: 5px 0px 5px 12px; position: relative; width: 100%; }
.menu .item .email-list-container { align-items: center; display: flex; gap: 8px; }
.menu .item .email-list-container .email-list-text { flex: 1 1 0%; line-height: 1; min-width: 0px; }
.menu .item .contact-suggestion-item { align-items: center; display: flex; gap: 8px; }
.menu .item .contact-suggestion-item .contact-suggestion-text { flex: 1 1 0%; line-height: 1; min-width: 0px; }
.menu .item .contact-suggestion-item .contact-suggestion-text .domain-suggestion-label { color: var(--tertiary-text-three); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-left: 8px; }
.menu .item .primary { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu .item .primary.email-list { display: inline-block; max-width: calc(100% - 85px); }
.menu .item .secondary { color: var(--tertiary-text-three); max-width: 100%; overflow: hidden; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; }
.menu .item > .menu, .menu .item > div > .menu { left: 100%; top: 0px; position: absolute !important; }
.menu .item > .menu.open-left, .menu .item > div > .menu.open-left { left: auto; right: 100%; }
.menu:not(.no-hover-submenu) > .item > .menu { display: none; }
.menu:not(.no-hover-submenu) > .item:hover > .menu { display: block; }
.menu .item.divider { border-top: 1px solid var(--dropdown-border-color); font-size: 12.04px; margin-top: 10px; pointer-events: none; }
.menu .item.selected, .menu .item:active { background-color: var(--dropdown-selected-item); color: var(--primary-text); text-decoration: none; }
.menu .item.selected .secondary, .menu .item:active .secondary { color: var(--primary-text); }
.menu .item:not(.active):not(.selected):not(.readonly):not(.disable):hover { background-color: var(--dropdown-hover-color); cursor: pointer; text-decoration: none; }
.menu .item.readonly { cursor: default; pointer-events: none; }
.menu .item.no-contact-found { color: var(--secondary-text-subtle); }
.fixed-popover-container .fixed-popover .menu .item { padding: 8px 16px 8px 11px; }
.fixed-popover-container .fixed-popover .menu .item.divider { margin: 8px 0px; padding: 0px; }
.fixed-popover-container .fixed-popover .menu .item.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; content: ""; float: right; height: 16px; margin-left: 10px; margin-top: 2px; width: 16px; }
.fixed-popover-container .fixed-popover .menu .item.checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); }
.fixed-popover-container .fixed-popover .menu .item:not(.active):not(.selected):not(.readonly):not(.disable):hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.fixed-popover-container .fixed-popover .menu .item.readonly { cursor: default; pointer-events: none; }
.fixed-popover-container .fixed-popover .menu .header-container { background: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: 600; overflow: hidden; padding: 8px 16px 8px 24px; }
.fixed-popover-container .fixed-popover .menu .footer-container { background: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.fixed-popover-container .fixed-popover .menu .footer-container .item:last-child:hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.fixed-popover-container .fixed-popover .account-selection-popover .menu .item { height: 32px; padding: 0px 9px; }
.fixed-popover-container .fixed-popover .account-selection-popover .menu .item.divider { height: 1px; margin: 2px 0px; padding: 0px; }
.fixed-popover-container .fixed-popover .account-selection-popover .content-container { margin: 4px 0px; }
.fixed-popover-container .account-selection-popover { width: 257px; }
.account-selection-popover .menu-item { align-items: center; display: flex; height: 32px; }
.account-selection-popover .menu-item .menu-item-name { overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; width: 224px; }
.account-selection-popover .menu-item .add-account-icon { color: var(--icon-secondary-color); }
.account-selection-popover .footer-container, .account-selection-popover .header-container { display: none; }
.account-switch-dropdown { align-items: center; background: var(--preferences-sidebar-bg-color); border: 1px solid var(--dropdown-border-color); border-radius: 4px; cursor: pointer; display: flex; height: 36px; padding: 0px 8px; width: 257px; }
.account-switch-dropdown.preference { margin-left: 16px; }
.account-switch-dropdown.forward-emails { margin: auto; }
.account-switch-dropdown .email-address { overflow: hidden; padding: 0px 8px; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 28px); }
.account-switch-dropdown .dropdown-arrow svg { color: var(--icon-secondary-color); vertical-align: middle; }
.forward-emails-modal { padding: 50px; }
.forward-emails-modal .title { font-size: 20.02px; font-weight: 600; margin-bottom: 8px; text-align: center; }
.forward-emails-modal .illustration { display: block; height: 80px; margin: 50px auto 52px; width: 224px; }
.forward-emails-modal .button-container { display: flex; justify-content: center; }
.forward-emails-modal .button-container button { display: block; padding: 6px 10px; width: 240px; }
.forward-emails-modal .import-contacts-option { display: flex; margin-bottom: 14px; }
.forward-emails-modal .import-contacts-option .import-contacts-checkbox { cursor: pointer; margin-top: 5px; }
.forward-emails-modal .import-contacts-option .import-contacts-checkbox.checkbox { margin: 2px 0px 0px; position: relative; width: auto; }
.forward-emails-modal .import-contacts-option .import-contacts-checkbox.checkbox.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.forward-emails-modal .import-contacts-option .import-contacts-checkbox.checkbox.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.forward-emails-modal .import-contacts-option .import-contacts-label { padding-left: 12px; }
.forward-emails-modal .import-contacts-option .recommended { background-color: var(--yellow-banner); border-radius: 4px; color: var(--text-color); font-size: 10.5px; margin-left: 4px; padding: 3px 8px; text-transform: uppercase; width: 95px; }
.forward-emails-modal .offline-error-message { color: var(--error-color); font-size: 12.04px; margin-top: 8px; text-align: center; }
.forward-emails-modal .description { color: var(--tertiary-text-three); font-size: 12.04px; margin-top: 24px; text-align: center; }
.forward-emails-modal .text-do-later { color: var(--tertiary-text-three); cursor: pointer; font-size: 14px; font-weight: 600; margin-top: 24px; text-align: center; }
.text-margin { margin-top: 79px; }
.gmail-forward-modal { display: flex; width: 100%; }
.gmail-forward-modal .loader { left: 25%; position: absolute; top: 50%; }
.gmail-forward-modal .text-btn-container { display: flex; flex-direction: column; justify-content: space-evenly; }
.gmail-forward-modal .text-do-later { color: var(--tertiary-text-three); cursor: pointer; display: flex; font-size: 12.04px; padding-left: 42px; text-align: center; }
.gmail-forward-modal .button-container { margin-top: 32px; }
.gmail-forward-modal .button-container button { display: block; padding: 6px 10px; width: 123px; }
.gmail-forward-modal .image-div { background-color: var(--bg-upload-progress); border-radius: 4px 0px 0px 4px; display: flex; justify-content: center; padding: 40px; width: 372px; }
.gmail-forward-modal .image-div .illustration { filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 8px); width: 292px; }
.gmail-forward-modal .image-div .illustration-large { height: 500px; }
.gmail-forward-modal .image-div .illustration-small { height: 420px; }
.gmail-forward-modal .offline-error-message { color: var(--error-color); font-size: 12.04px; margin-top: 8px; }
.gmail-forward-modal .text-div { justify-content: center; padding: 40px; width: 372px; }
.gmail-forward-modal .text-div, .gmail-forward-modal .text-div .text-content { display: flex; flex-direction: column; }
.gmail-forward-modal .text-div .text-content .tip-one { border-radius: 8px; font-size: 14px; line-height: 19px; width: 273px; }
.gmail-forward-modal .text-div .text-content .tip-one-container { align-items: center; border-radius: 4px; display: flex; min-height: 24px; width: 264px; }
.gmail-forward-modal .text-div .text-content .tip-one-container img { margin-bottom: 3px; }
.gmail-forward-modal .text-div .text-content .tip-one-container .tip-one-icon { height: 15px; margin-right: 4px; }
.gmail-forward-modal .text-div .text-content .tip-one-container .tip-one-error-icon { height: 12px; margin-left: 12px; margin-right: 6px; margin-top: 4px; }
.gmail-forward-modal .text-div .text-content .container-error-styles { background-color: var(--error-color); }
.gmail-forward-modal .text-div .text-content .tip-three-container { line-height: 19px; margin-top: 16px; }
.gmail-forward-modal .text-div .text-content .tip-three-container img { margin-bottom: 3px; }
.gmail-forward-modal .text-div .text-content .tip-three-container .tip-one-icon { height: 15px; margin-right: 4px; }
.gmail-forward-modal .text-div .text-content .tip-one-error { color: var(--primary-text); font-size: 14px; font-weight: 600; line-height: 19px; }
.gmail-forward-modal .text-div .text-content .tip-two { font-weight: 600; }
.gmail-forward-modal .text-div .text-content .tip-two-checkbox { font-size: 23.94px; line-height: 32px; margin-top: 10px; }
.gmail-forward-modal .text-div .text-content .tip-two-scope { font-size: 23.94px; line-height: 36px; margin-top: 8px; }
.gmail-forward-modal .text-div .text-content .tip-three { color: var(--tertiary-text-three); font-size: 14px; }
.setting-up-forwarding-modal { height: 300px; width: 100%; }
.setting-up-forwarding-modal img { margin-left: 115px; margin-top: 80px; }
.setting-up-forwarding-modal .text { font-size: 15.96px; font-weight: 600; margin-top: 50px; text-align: center; }
.referral-settings-btn { align-items: center; cursor: pointer; display: flex; justify-content: space-between; padding: 16px; }
.referral-settings-btn .label { align-items: center; display: flex; font-weight: 500; }
.referral-settings-btn:hover { background-color: var(--dropdown-hover-color); }
.side-panel-slot-content { display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; max-width: 100%; min-height: 0px; min-width: 0px; }
.side-panel-wrapper { border-left: 1px solid var(--border-color-default); display: flex; flex-direction: column; flex-shrink: 0; height: 100%; overflow: hidden; position: relative; width: var(--panel-width); }
.side-panel-wrapper.panel-hidden { display: none; }
.side-panel-wrapper.panel-no-transition { transition: none !important; }
.side-panel-wrapper.mode-inline { margin-right: calc(var(--panel-width)*-1); transform: translateX(100%); transition: margin-right 15ms cubic-bezier(0.2, 0, 0, 1), transform 15ms cubic-bezier(0.2, 0, 0, 1); }
.side-panel-wrapper.mode-inline.panel-entering { margin-right: calc(var(--panel-width)*-1); transform: translateX(100%); transition: none; }
.side-panel-wrapper.mode-inline.panel-visible { margin-right: 0px; transform: translateX(0px); }
.side-panel-wrapper.mode-inline.panel-exiting { margin-right: calc(var(--panel-width)*-1); transform: translateX(100%); }
.side-panel-wrapper.mode-drawer { background: var(--bg-primary-color); box-shadow: rgba(0, 0, 0, 0.2) -2px 4px 8px 0px; }
.chat-row { display: flex; flex-direction: column; min-width: 0px; }
.chat-row--start { align-items: flex-start; }
.chat-row--end { align-items: flex-end; }
.chat-row--center { align-items: center; }
.chat-thread { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0px; min-width: 0px; position: relative; }
.chat-thread-new-content, .chat-thread-to-bottom { bottom: 14px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 1; }
.thread-list-folder-description { align-items: center; background-color: var(--hover-color); border-radius: 4px; box-sizing: border-box; color: var(--secondary-text-subtle); display: flex; flex: 0 0 auto; font-size: 14px; line-height: 1.4; margin: 8px 8px 0px; padding: 8px 18px; }
.ai-labels-capping-banner { align-items: flex-start; border-radius: 4px; display: flex; gap: 8px; margin: 8px; }
.ai-labels-capping-banner--inbox, .ai-labels-capping-banner--label-folder { background-color: var(--bg-list-item); display: flex; padding: 8px 16px; }
.ai-labels-capping-banner--inbox .ai-labels-capping-banner-dismiss { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-very-subtle); cursor: pointer; display: flex; flex-shrink: 0; height: stretch; justify-content: center; margin-left: auto; padding: 0px; }
.ai-labels-capping-banner--manage-labels-modal { align-self: stretch; margin: 0px; padding: 8px 16px; }
.ai-labels-capping-banner--highlighted { background-color: var(--yellow-banner); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.ai-labels-capping-banner--ai-inbox { align-items: center; align-self: flex-start; font-size: 14px; margin-bottom: 24px; max-width: 100%; }
.ai-labels-capping-banner--ai-inbox.ai-labels-capping-banner--highlighted { align-items: center; border-radius: 8px; display: flex; padding: 8px 16px; }
.ai-labels-capping-banner--ai-inbox:not(.ai-labels-capping-banner--highlighted) .ai-labels-capping-banner-text { color: var(--tertiary-text-three); line-height: 150%; }
.ai-labels-capping-banner .ai-labels-capping-banner-icon { display: flex; flex-shrink: 0; height: 27.3px; }
.ai-labels-capping-banner .ai-labels-capping-banner-content { display: flex; flex: 1 1 0%; flex-wrap: wrap; gap: 2px; height: stretch; min-width: 0px; }
.ai-labels-capping-banner .ai-labels-capping-banner-actions, .ai-labels-capping-banner .ai-labels-capping-banner-message { align-items: center; display: flex; gap: 6px; line-height: 150%; }
.ai-labels-capping-banner .ai-labels-capping-banner-actions { flex-wrap: wrap; max-width: 100%; min-width: 0px; row-gap: 2px; }
.ai-labels-capping-banner .ai-labels-capping-banner-actions .ai-labels-capping-banner-upgrade { min-width: 0px; }
.ai-labels-capping-banner .ai-labels-capping-banner-manage-group { align-items: center; display: flex; flex-shrink: 0; gap: 6px; white-space: nowrap; }
.ai-labels-capping-banner .ai-labels-capping-banner-text { color: var(--tertiary-text-three); font-size: 14px; line-height: 150%; }
.ai-labels-capping-banner .ai-labels-capping-banner-text-normal { color: var(--secondary-text); font-size: 14px; }
.ai-labels-capping-banner .ai-labels-capping-banner-count { color: var(--warning-icon-color); font-weight: 600; }
.ai-labels-capping-banner .ai-labels-capping-banner-count-normal { font-weight: 600; }
.ai-labels-capping-banner .ai-labels-capping-banner-nowrap { white-space: nowrap; }
.ai-labels-capping-banner .ai-labels-capping-banner-info { align-items: center; cursor: pointer; display: inline-flex; margin-left: 6px; vertical-align: middle; }
.ai-labels-capping-banner .ai-labels-capping-banner-separator { color: var(--text-color-very-subtle); }
.ai-labels-capping-banner .ai-labels-capping-banner-upgrade { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; font-weight: 400; padding: 0px; text-align: start; }
.ai-labels-capping-banner .ai-labels-capping-banner-manage { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; display: flex; height: 100%; padding: 0px; }
.ai-labels-capping-banner-manage-labels-modal-content { color: var(--secondary-text-subtle); }
.sheet.mode-list .ai-labels-capping-banner .ai-labels-capping-banner-content { gap: 8px; }
.turn-on-ai-labels-container { display: flex; flex-direction: column; justify-content: space-around; width: 100%; }
.turn-on-ai-labels-container .main-container { display: flex; flex-direction: column; margin: 24px 24px 16px; }
.turn-on-ai-labels-container .main-container .header { font-size: 15.96px; font-weight: 600; }
.turn-on-ai-labels-container .main-container .desc { color: var(--text-secondary-color); font-size: 14px; line-height: 1.5; margin-top: 16px; }
.turn-on-ai-labels-container .actions-container { align-items: center; display: flex; gap: 12px; justify-content: flex-end; margin: 0px 24px 20px; }
.turn-on-ai-labels-container .actions-container .confirm-btn { margin-left: 0px; }
.ai-labels-info-tab { align-items: center; align-self: stretch; display: flex; flex-direction: column; gap: 24px; }
.ai-labels-info-tab .description { color: var(--secondary-text-subtle); font-size: 15.96px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; }
.ai-dashboard-feature-card-video { border: 0px; border-radius: 12px; flex: 0 0 auto; }
.ai-dashboard-feature-card-cta { border-radius: 6px; font-size: 15px; font-weight: 600; line-height: 27.3px; padding: 10px 20px; }
.toggle-on-icon { color: var(--toggle-on-icon-color); }
.toggle-off-icon { color: var(--toggle-off-icon-color); }
.checkbox-wrapper { cursor: pointer; }
.checkbox-wrapper .checkbox { background: 50% center / 12px 12px no-repeat rgba(0, 0, 0, 0); border: 1px solid var(--multiselect-checkbox); border-radius: 2px; height: 14px; width: 14px; }
.checkbox-wrapper.disabled { cursor: not-allowed; }
.checkbox-wrapper.disabled .checkbox { background-color: var(--multiselect-checkbox); }
.checkbox-wrapper.selected .checkbox { background-color: var(--background-checkbox-thread-select); background-image: var(--checkbox-tick); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.checkbox-wrapper.partial .checkbox { background-color: var(--background-checkbox-thread-select); background-image: var(--checkbox-hyphen); background-size: 10px 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.checkbox-wrapper.unselected:hover .checkbox { border: 1px solid var(--multiselect-checkbox-focused); }
.titan-ai-disable-feedback-modal { width: 440px; }
.toggle-ai-label-container { display: flex; flex-direction: column; justify-content: space-around; width: 100%; }
.toggle-ai-label-container .main-container { display: flex; flex-direction: column; padding: 20px 20px 24px; }
.toggle-ai-label-container .main-container .header { font-size: 15.96px; font-weight: 600; max-width: 355px; }
.toggle-ai-label-container .main-container .desc { color: var(--text-secondary-color); font-size: 14px; line-height: 1.5; margin-top: 16px; }
.toggle-ai-label-container .actions-container { align-items: center; display: flex; gap: 12px; justify-content: flex-end; margin: 0px 24px 20px; }
.toggle-ai-label-container .actions-container .confirm-btn { margin-left: 0px; }
.color-picker-container { display: flex; flex-flow: column wrap; margin-bottom: 14px; margin-top: 25px; width: 100%; }
.color-picker-container .color-boxes-container { display: flex; }
.color-picker-container .color-boxes-container .color-box { align-items: center; cursor: pointer; display: flex; justify-content: center; margin: 5px 17px 5px 0px; position: relative; }
.create-label-container { width: 100%; }
.create-label-container .main-container { margin: 24px; }
.create-label-container .main-container .header { font-size: 20.02px; font-weight: 600; }
.create-label-container .main-container .content-container { margin-top: 14px; }
.create-label-container .main-container .content-container .input { width: 100%; }
.create-label-container .main-container .content-container .input .label-container .label { font-weight: 400; }
.create-label-container .main-container .info-container { display: flex; margin-top: 24px; }
.create-label-container .main-container .info-container .info-btn-container { display: flex; }
.create-label-container .main-container .info-container .info-btn-container .info-text { color: var(--link-color); cursor: pointer; font-size: 14px; font-weight: 400; }
.create-label-container .footer { background: var(--bg-footer); border-top: 1px solid var(--dropdown-item-separator); bottom: 0px; position: absolute; width: 100%; }
.create-label-container .footer .footer-container { align-items: flex-end; display: flex; justify-content: flex-end; }
.create-label-container .footer .footer-container .actions-container { display: flex; gap: 16px; justify-content: end; padding: 16px 24px; width: 100%; }
.delete-modal-container { display: flex; flex-direction: column; justify-content: space-around; width: 100%; }
.delete-modal-container .main-container { display: flex; flex-direction: column; margin-left: 24px; margin-right: 24px; margin-top: 8px; }
.delete-modal-container .main-container .header { font-size: 20px; font-weight: 600; }
.delete-modal-container .main-container .desc { margin-top: 16px; }
.delete-modal-container .actions-container { align-items: center; display: flex; justify-content: flex-end; margin-right: 30px; }
.delete-modal-container .actions-container .delete-btn { margin-left: 12px; }
.edit-email-label-container { height: 100%; width: 100%; }
.edit-email-label-container .main-container { height: 75%; margin: 24px 24px 10px; }
.edit-email-label-container .main-container .header { font-size: 20.02px; font-weight: 600; }
.edit-email-label-container .main-container .content-container { margin-top: 12px; }
.edit-email-label-container .main-container .content-container .input { width: 100%; }
.edit-email-label-container .actions-container { align-items: center; display: flex; justify-content: flex-end; margin-right: 30px; }
.edit-email-label-container .actions-container .save-btn { margin-left: 12px; }
.manage-labels-container { width: 100%; }
.manage-labels-container, .manage-labels-container .main-container { display: flex; flex-direction: column; height: 100%; }
.manage-labels-container .main-container .header { align-self: stretch; display: flex; font-size: 20.02px; font-style: normal; font-weight: 600; gap: 16px; letter-spacing: 0px; line-height: 25px; padding: 24px 24px 16px; }
.manage-labels-container .main-container .tabs-header { border-bottom: 1px solid var(--dropdown-border-color); display: flex; margin-bottom: 0px; padding: 0px 8px; }
.manage-labels-container .main-container .tabs-header .tab-btn { background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; color: rgb(115, 115, 115); cursor: pointer; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 0px; line-height: 21px; margin: 8px 12px 0px; padding: 0px 4px 8px; text-align: center; transition: color 0.15s, border-color 0.15s; }
.manage-labels-container .main-container .tabs-header .tab-btn:hover { color: var(--text-color); }
.manage-labels-container .main-container .tabs-header .tab-btn.active { border-bottom: 2px solid var(--primary-color,#0a84ff); color: var(--text-color); font-weight: 600; }
.manage-labels-container .main-container .tab-content { display: flex; flex: 1 1 0%; flex-direction: column; gap: 24px; margin-bottom: 24px; overflow: auto; padding: 16px 24px 0px; }
.manage-labels-container .main-container .ai-labels-description { color: var(--tertiary-text-three); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 21px; margin: 0px; }
.manage-labels-container .main-container .manage-labels-list { align-items: flex-start; align-self: stretch; display: flex; flex: 1 1 0%; flex-direction: column; }
.manage-labels-container .main-container .manage-labels-list::-webkit-scrollbar { width: 6px; }
.manage-labels-container .main-container .ai-labels-empty-container { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 24px; padding: 24px 40px; }
.manage-labels-container .main-container .label-row { align-items: center; border-bottom: 1px solid var(--dropdown-item-separator); border-radius: 4px; display: flex; justify-content: space-between; margin-top: 8px; padding: 10px 12px; width: 100%; }
.manage-labels-container .main-container .label-row:first-child { margin-top: 0px; }
.manage-labels-container .main-container .label-row .label-name-container { align-items: center; display: flex; flex: 1 1 0%; min-width: 0px; }
.manage-labels-container .main-container .label-row .label-name-container .label-icon { flex-shrink: 0; margin-right: 8px; }
.manage-labels-container .main-container .label-row .label-name-container .label-name { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manage-labels-container .main-container .label-row .label-actions { align-items: center; display: flex; flex-shrink: 0; gap: 8px; margin-left: 8px; }
.manage-labels-container .main-container .label-row .label-actions .edit-icon-button { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; }
.manage-labels-container .main-container .label-row .label-actions .edit-icon, .manage-labels-container .main-container .label-row .label-actions .trash-icon { align-items: center; cursor: pointer; display: flex; }
.manage-labels-container .main-container .label-row .label-actions .svg-icon { color: var(--icon-secondary-color); cursor: pointer; }
.manage-labels-container .main-container .label-row .label-actions .svg-icon .disabled { color: var(--sidebar-icon-color) !important; }
.manage-labels-container .main-container .ai-label-row { align-items: flex-start; align-self: stretch; border-radius: 4px; display: flex; gap: 16px; padding: 10px 12px; }
.manage-labels-container .main-container .ai-label-row .label-name-container { align-items: flex-start; }
.manage-labels-container .main-container .ai-label-row .label-text-group { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.manage-labels-container .main-container .ai-label-row .label-text-group .label-name { font-size: 15.96px; font-style: normal; font-weight: 600; letter-spacing: 0px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manage-labels-container .main-container .ai-label-row .label-text-group .label-description { color: var(--secondary-text-subtle); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 21px; margin-top: 2px; }
.manage-labels-container .main-container .ai-label-row .label-actions { align-items: center; padding-top: 2px; }
.manage-labels-container .main-container .footer { border-top: 1px solid var(--line-seprator-color); display: flex; flex-direction: row-reverse; padding: 16px 0px; }
.empty-custom-label-tab-container { align-items: center; align-self: stretch; display: flex; flex-direction: column; gap: 24px; height: 100%; justify-content: center; padding: 24px; width: 100%; }
.empty-custom-label-tab-container .empty-tab-content { color: var(--text-default); font-size: 15.96px; font-style: normal; font-weight: 400; line-height: 21px; }
.ai-label-description-container { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 8px; }
.titan-ai-disable-feedback-modal { align-items: center; background: var(--bg-modal); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px; color: var(--text-color); display: flex; flex-direction: column; gap: 24px; justify-content: center; width: 429px; }
.titan-ai-disable-feedback-modal .header { align-items: center; align-self: stretch; border-bottom: 1px solid var(--secondary-line-separator,#dedede); border-radius: 8px 8px 0px 0px; display: flex; justify-content: space-between; padding: 16px 24px 12px; width: 100%; }
.titan-ai-disable-feedback-modal .header .close-btn { align-items: center; background: rgba(0, 0, 0, 0); border-radius: 4px; color: var(--icon-secondary-color); display: flex; height: 24px; justify-content: center; min-width: 24px; padding: 0px; width: 24px; }
.titan-ai-disable-feedback-modal .title { color: var(--text-color); font-size: 18px; font-style: normal; font-weight: 600; line-height: 120%; margin: 0px; text-align: center; }
.titan-ai-disable-feedback-modal .body { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 16px; padding: 0px 24px; width: 100%; }
.titan-ai-disable-feedback-modal .body .question { color: var(--text-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: 150%; margin: 0px; }
.titan-ai-disable-feedback-modal .body .reasons { align-items: flex-start; border: 0px; display: flex; flex-direction: column; gap: 12px; margin: 0px; padding: 0px; width: 100%; }
.titan-ai-disable-feedback-modal .reason-item { align-items: center; background: rgba(0, 0, 0, 0); border: 0px; cursor: pointer; display: flex; gap: 12px; padding: 0px; text-align: left; width: 100%; }
.titan-ai-disable-feedback-modal .reason-item:hover { background: rgba(0, 0, 0, 0); }
.titan-ai-disable-feedback-modal .reason-item .reason-checkbox { align-items: center; display: flex; flex-shrink: 0; justify-content: center; }
.titan-ai-disable-feedback-modal .reason-item .reason-text { color: var(--text-color); display: block; flex: 1 1 0%; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; min-width: 0px; }
.titan-ai-disable-feedback-modal .other-reason-wrapper { align-self: stretch; display: flex; flex-direction: column; gap: 4px; }
.titan-ai-disable-feedback-modal .other-reason-input { align-items: center; align-self: stretch; background: var(--input-bg); border: 1px solid var(--line-seprator-color,#dedede); border-radius: 4px; color: var(--text-color); display: flex; font-size: 14px; font-style: normal; font-weight: 400; gap: 12px; height: 40px; line-height: 150%; padding: 8px 12px; }
.titan-ai-disable-feedback-modal .other-reason-input--error { border-color: var(--error-color,#e53935); }
.titan-ai-disable-feedback-modal .other-reason-input::placeholder { color: var(--secondary-header-text); font-feature-settings: "liga" 0, "clig" 0; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; }
.titan-ai-disable-feedback-modal .other-reason-error { color: var(--error-color,#e53935); font-size: 12px; line-height: 150%; }
.titan-ai-disable-feedback-modal .footer { align-items: center; align-self: stretch; border-radius: 0px 0px 8px 8px; display: flex; gap: 20px; justify-content: flex-end; padding: 12px 24px 20px; width: 100%; }
.titan-ai-disable-feedback-modal .footer .footer-actions { align-items: stretch; column-gap: 16px; display: grid; grid-template-columns: 1fr 1fr; width: 241px; }
.titan-ai-disable-feedback-modal .footer .footer-actions .feedback-btn { align-items: center; border-radius: 5px; display: flex; gap: 4px; height: 34px; justify-content: center; padding: 0px 16px; width: 100%; }
#titan-ai-disable-feedback-modal-close { align-items: center; border-radius: 4px; color: var(--icon-secondary-color); display: flex; height: 24px; justify-content: center; margin: 0px; position: absolute; right: 24px; top: 16px; width: 24px; }
body.theme-light { --tone-pill-border: var(--secondary-line-separator); --tone-pill-bg: var(--bg-modal); --tone-pill-color: var(--text-color); --tone-pill-active-border: #d8dff0; --tone-pill-active-bg: #e6ecfa; --tone-pill-active-color: #1f1f1f; --tone-preview-border: #eee; --tone-preview-label-bg: #f5f5f5; --tone-preview-body-bg: #fbfbfb; --tone-text-color: var(--text-color); }
body.theme-dark { --tone-pill-border: #4a4a4a; --tone-pill-bg: #3d3d3d; --tone-pill-color: #bdbdbd; --tone-pill-active-border: #0000; --tone-pill-active-bg: #425265; --tone-pill-active-color: #a6cfff; --tone-preview-border: #4a4a4a; --tone-preview-label-bg: #363636; --tone-preview-body-bg: #0000; --tone-text-color: #f2f2f2; }
.titan-ai-tone-picker-modal { background: var(--bg-modal); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 32px; box-sizing: border-box; color: var(--tone-text-color); display: flex; flex-direction: column; height: 450px; padding: 24px; width: 527px; }
.titan-ai-tone-picker-modal .header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.titan-ai-tone-picker-modal .title { color: var(--tone-text-color); font-size: 16px; font-weight: 500; margin: 0px; }
.titan-ai-tone-picker-modal .tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.titan-ai-tone-picker-modal .tab { align-items: center; background: var(--tone-pill-bg); border: 1px solid var(--tone-pill-border); border-radius: 20px; color: var(--tone-pill-color); cursor: pointer; display: inline-flex; font-size: 14px; padding: 6px 14px; }
.titan-ai-tone-picker-modal .tab--active, .titan-ai-tone-picker-modal .tab:hover { background: var(--tone-pill-active-bg); border: 1px solid var(--tone-pill-active-border); border-radius: 200px; color: var(--tone-pill-active-color); }
.titan-ai-tone-picker-modal .preview { border: 1px solid var(--tone-preview-border); border-radius: 8px; display: flex; flex: 1 1 0%; flex-direction: column; margin-bottom: 24px; overflow: hidden; }
.titan-ai-tone-picker-modal .preview-label { background: var(--tone-preview-label-bg); border-bottom: 1px solid var(--tone-preview-border); color: var(--secondary-text-subtle); font-size: 14px; font-weight: 400; padding: 12px 16px; }
.titan-ai-tone-picker-modal .preview-body { background: var(--tone-preview-body-bg); color: var(--tone-text-color); display: flex; flex: 1 1 0%; flex-direction: column; font-size: 14px; gap: 8px; overflow-y: auto; padding: 16px; }
.titan-ai-tone-picker-modal .preview-example { color: var(--tone-text-color); font-family: inherit; font-size: 14px; line-height: 1.5; margin: 0px; }
.titan-ai-tone-picker-modal .preview-icon { align-self: center; height: auto; margin: 8px 0px; width: 72px; }
.titan-ai-tone-picker-modal .preview-description { color: var(--secondary-text); font-size: 14px; font-weight: 400; line-height: 1.5; text-align: center; }
.titan-ai-tone-picker-modal .footer { display: flex; flex-shrink: 0; gap: 12px; justify-content: flex-end; }
.titan-max-wrapper { display: flex; }
.titan-max-wrapper .feature-blocking-nudge-as-child-component { position: absolute; }
.max-details-carousel-modal .template-header { min-height: 470px; padding: 32px 51px 0px; position: relative; text-align: center; }
.max-details-carousel-modal .template-header .header-title { margin-bottom: 42px; font-size: 23.94px !important; font-weight: 400 !important; }
.max-details-carousel-modal .template-header .header-title .icon { height: 40px; width: 40px; }
.max-details-carousel-modal .template-header .feature-desc { color: var(--feature-container-color); font-size: 15.96px; line-height: 22px; margin-top: 24px; }
.max-details-carousel-modal .titan-max-action-container .titan-max-btn { margin-top: 0px; }
.max-details-carousel-modal .icon.read_receipts { color: var(--read-receipt); }
.max-details-carousel-modal .icon.email_templates { color: var(--email-template-green); }
.max-details-carousel-modal .icon.email_reminders { color: var(--reminder-color); }
.max-details-carousel-modal .icon.send_later { color: var(--scheduled-blue); }
.max-details-carousel-modal .carousel { margin-left: auto; margin-right: auto; max-width: 300px; position: static; }
.max-details-carousel-modal .carousel .carousel-control [class^="to-"] { position: absolute; top: 190px; }
.max-details-carousel-modal .carousel .carousel-control .to-next { right: 32px; }
.max-details-carousel-modal .carousel .carousel-control .to-prev { left: 32px; }
.max-details-carousel-modal .carousel .carousel-pager { height: 60px; }
.max-details-carousel-modal .carousel .carousel-pager ul { bottom: 24px; left: 0px; margin: 0px; position: absolute; right: 0px; }
.button-dropdown { display: inline-block; position: relative; }
.button-dropdown.open .secondary-items { display: inherit; }
.button-dropdown.open.open-up .secondary-items { transform: translateY(-6px); }
.button-dropdown.open.open-up .secondary-picker { border-top-right-radius: 0px; }
.button-dropdown.open.open-down .secondary-items { transform: translateY(1.5px); }
.button-dropdown.open.open-down .secondary-picker { border-bottom-right-radius: 0px; }
.button-dropdown .icon { color: var(--icon-secondary-color); vertical-align: middle; }
.button-dropdown .only-item, .button-dropdown .primary-item { background: var(--input-bg); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); cursor: default; display: inline-block; font-size: 14px; height: 1.9em; line-height: 1.9em; padding: 0px 0.8em; }
.button-dropdown .only-item .icon { margin-left: 12px; }
.button-dropdown .secondary-picker { background: var(--input-bg); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-radius: 4px; display: inline-block; font-size: 14px; height: 1.9em; line-height: 1.9em; padding: 0px 6px; }
.button-dropdown .primary-item, .button-dropdown .secondary-picker { border-radius: 4px; box-shadow: none; }
.button-dropdown .primary-item:active, .button-dropdown .primary-item:hover, .button-dropdown .secondary-picker:active, .button-dropdown .secondary-picker:hover { background-color: var(--icon-hover-state); }
.button-dropdown .secondary-items { background-color: var(--bg-dropdown-color); border-radius: 4px; box-shadow: var(--dropdown-shadow-small); display: none; position: absolute; right: 0px; white-space: nowrap; z-index: 2; }
.button-dropdown .secondary-items:hover { cursor: default; }
.button-dropdown .secondary-items.left { left: -1px; right: auto; white-space: nowrap; width: auto; }
.button-dropdown .secondary-items .menu { padding-bottom: 4px; padding-top: 4px; }
.button-dropdown .secondary-items .menu .footer-container, .button-dropdown .secondary-items .menu .header-container { display: none; }
.button-dropdown .secondary-items .menu .content-container { background: var(--bg-dropdown-color); border-radius: 4px; margin-top: 0px; }
.button-dropdown .secondary-items .menu .item { color: var(--text-color); font-size: 14px; padding: 4px 11px; }
.button-dropdown .secondary-items .menu .item:first-child { padding-top: 6px; }
.button-dropdown .secondary-items .menu .item:last-child { padding-bottom: 6px; }
.button-dropdown .secondary-items .menu .item img { margin-right: 4px; vertical-align: middle; }
.button-dropdown .secondary-items .menu .item.selected { background-color: inherit; color: var(--text-color); }
.button-dropdown .secondary-items .menu .item:active { background-color: initial; }
.button-dropdown .secondary-items .menu .item.selected, .button-dropdown .secondary-items .menu .item:hover { background-color: var(--dropdown-hover-color); color: inherit; }
.button-dropdown .secondary-items .menu .item.border-bottom { border-bottom: 1px solid var(--dropdown-border-color); }
.button-dropdown .secondary-items .menu .item.no-padding { padding: 0px; }
.button-dropdown .secondary-items .menu .item.no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.message-actions-wrap .button-dropdown .secondary-items .item { padding: 8px 12px; }
.auto-clean-dropdown { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.auto-clean-dropdown .dropdown-picker .only-item { align-items: center; display: flex; height: 100%; justify-content: space-between; min-height: 32px; width: 250px; }
.auto-clean-dropdown .dropdown-picker .menu .item { height: 100%; min-height: 32px; width: 250px; }
.auto-clean-duration-picker-dropdown .dropdown-picker .menu .content-container { background: var(--bg-dropdown-color); border-radius: 4px; height: 155px; margin-top: 0px; overflow: hidden scroll; width: 250px; }
.auto-clean-duration-picker { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.auto-clean-duration-picker .duration-picker-dropdown .only-item { align-items: center; display: flex; height: 32px; justify-content: space-between; width: 250px; }
.auto-clean-duration-picker .duration-picker-dropdown .menu .item { height: 32px; width: 250px; }
.auto-clean-folder-picker { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.auto-clean-folder-picker .folder-picker-dropdown .only-item { align-items: center; display: flex; height: 32px; justify-content: space-between; width: 250px; }
.auto-clean-folder-picker .folder-picker-dropdown .menu .item { height: 32px; width: 250px; }
.auto-clean-modal { display: flex; flex-direction: column; gap: 12px; min-height: 330px; overflow: hidden; padding: 20px; position: relative; width: 100%; }
.auto-clean-modal .header { display: flex; gap: 10px; }
.auto-clean-modal .header .header-icon svg { color: rgb(136, 136, 136); }
.auto-clean-modal .header .header-text { display: flex; flex: 1 1 0%; flex-direction: column; padding-right: 22px; }
.auto-clean-modal .header .header-text .title { font-size: 15.96px; font-weight: 600; line-height: 20px; }
.auto-clean-modal .header .header-text .subtitle { color: var(--secondary-text-subtle); font-size: 14px; }
.auto-clean-modal .form { display: flex; flex-direction: column; gap: 16px; }
.auto-clean-modal .form .form-field { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.auto-clean-modal .buttons-container { display: flex; gap: 16px; justify-content: flex-end; margin-top: auto; }
.auto-clean-modal .buttons-container .btn { font-size: 14px; font-weight: 600; height: 100%; min-height: 32px; }
.auto-clean-feature-paywall-container { border-radius: 4px; box-shadow: var(--popover-shadow); display: flex; flex-direction: column; width: 350px; }
.auto-clean-feature-paywall-container .close-icon { align-items: center; color: var(--icon-secondary-color); display: flex; justify-content: center; position: absolute; right: 12px; top: 12px; }
.auto-clean-feature-paywall-container .discard-options-container { position: absolute; right: 4px; top: 45px; }
.auto-clean-feature-paywall-container .first-container { background-color: var(--bg-spell-checker-composer-paywall-col1); border-radius: 4px 4px 0px 0px; color: var(--white); display: flex; flex-direction: column; gap: 12px; padding: 20px; }
.auto-clean-feature-paywall-container .first-container .col { display: flex; flex-direction: column; gap: 12px; }
.auto-clean-feature-paywall-container .first-container .col .rows { align-items: center; display: flex; gap: 12px; }
.auto-clean-feature-paywall-container .first-container .col .rows span { text-wrap: wrap; width: 32%; }
.auto-clean-feature-paywall-container .first-container .col .rows .box { align-items: center; background-color: var(--feature-paywall-box-bg); border: 1px solid var(--feature-paywall-box-border); border-radius: 4px; display: flex; gap: 4px; height: 32px; min-width: 88px; padding: 6px 8px; width: fit-content; }
.auto-clean-feature-paywall-container .first-container .col .rows .box svg { margin-left: -4px; }
.auto-clean-feature-paywall-container .first-container .row { display: flex; gap: 16px; width: 100%; }
.auto-clean-feature-paywall-container .first-container .row.heading { gap: 8px; }
.auto-clean-feature-paywall-container .first-container .row.heading svg { color: var(--white); }
.auto-clean-feature-paywall-container .second-conatiner { background-color: var(--bg-spell-checker-composer-paywall-col2); border-radius: 0px 0px 4px 4px; padding: 20px; }
.auto-clean-feature-paywall-container .second-conatiner .subheding { color: var(--feature-paywall-subheading); font-size: 18.06px; letter-spacing: 0px; line-height: 26px; text-align: left; white-space: normal; }
.auto-clean-feature-paywall-container .second-conatiner .upgrade-button { margin-left: auto; margin-right: auto; }
.auto-clean-feature-paywall-container .second-conatiner .upgrade-button .titan-max-btn { margin-top: 20px; }
.auto-clean-button { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; outline: none; padding: 0px; text-align: left; width: 100%; }
.auto-clean-button:hover { cursor: pointer; }
.auto-clean-button svg { color: var(--tertiary-text-three); margin-right: 10px; }
.add-contact-form { min-width: 338px; }
.add-contact-form .loading { align-items: center; display: flex; height: 170px; justify-content: center; }
.add-contact-form .header { align-items: center; border-bottom: 1px solid var(--border-purchase-mailbox-nudge); display: flex; padding: 16px; }
.add-contact-form .header .image { margin-right: 12px; }
.add-contact-form .header .image .email-icon-container, .add-contact-form .header .image .profile-icon { box-shadow: 0 0 0 1px var(--contact-popover-profile-pic-border-color); }
.add-contact-form .header .contact-info .name-info { font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 214px; }
.add-contact-form .header .contact-info .email-info { align-items: center; color: var(--tertiary-text-three); display: flex; gap: 8px; }
.add-contact-form .header .contact-info .email-info .email-address { max-width: 175px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.add-contact-form .header .contact-info .email-info .copy-to-clipboard { align-items: center; cursor: pointer; display: flex; height: 24px; }
.add-contact-form .list-menu-items { padding: 12px 0px; }
.add-contact-form .list-menu-items .list-menu-item > .titan-max-wrapper { flex: 1 1 0%; width: 100%; }
.add-edit-menu-item-container, .add-to-contact-group-item-container { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: block; padding: 0px; width: 100%; }
.find-messages-from-domain-container { display: block; width: 100%; }
.find-messages-from-domain-container .find-messages-from-domain-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; display: block; font-weight: 400; line-height: normal; padding: 0px; text-align: left; width: 100%; }
.add-contact-form .list-menu-item, .add-edit-menu-item-container .list-menu-item, .add-to-contact-group-item-container .list-menu-item, .find-messages-from-domain-container .list-menu-item { align-items: center; cursor: pointer; display: flex; padding: 4px 16px; width: 100%; }
.add-contact-form .list-menu-item:hover, .add-edit-menu-item-container .list-menu-item:hover, .add-to-contact-group-item-container .list-menu-item:hover, .find-messages-from-domain-container .list-menu-item:hover { background-color: var(--hover-color); }
.add-contact-form .list-menu-item .menu-icon, .add-edit-menu-item-container .list-menu-item .menu-icon, .add-to-contact-group-item-container .list-menu-item .menu-icon, .find-messages-from-domain-container .list-menu-item .menu-icon { color: var(--tertiary-text-three); margin-right: 10px; }
.add-contact-form .list-menu-item .list-item-icon-container, .add-edit-menu-item-container .list-menu-item .list-item-icon-container, .add-to-contact-group-item-container .list-menu-item .list-item-icon-container, .find-messages-from-domain-container .list-menu-item .list-item-icon-container { align-items: center; display: flex; }
.add-contact-form .list-menu-item .list-item-icon-container:hover, .add-edit-menu-item-container .list-menu-item .list-item-icon-container:hover, .add-to-contact-group-item-container .list-menu-item .list-item-icon-container:hover, .find-messages-from-domain-container .list-menu-item .list-item-icon-container:hover { background-color: var(--hover-color); }
.add-contact-form .list-menu-item .list-item-icon-container .menu-icon, .add-edit-menu-item-container .list-menu-item .list-item-icon-container .menu-icon, .add-to-contact-group-item-container .list-menu-item .list-item-icon-container .menu-icon, .find-messages-from-domain-container .list-menu-item .list-item-icon-container .menu-icon { color: var(--tertiary-text-three); margin-right: 10px; }
.add-contact-form .list-menu-item .list-item-icon-container .list-item-icon-container, .add-edit-menu-item-container .list-menu-item .list-item-icon-container .list-item-icon-container, .add-to-contact-group-item-container .list-menu-item .list-item-icon-container .list-item-icon-container, .find-messages-from-domain-container .list-menu-item .list-item-icon-container .list-item-icon-container { display: flex; }
.message-control-menu-item .list-menu-item { border-bottom: 1px solid var(--dropdown-border-color); padding: 8px 12px; }
.contact-edit-cancel-confirmation-modal .ant-modal-footer .buttons-modal .ant-btn { padding: 4px 15px; }
.contact-group-blocking-popover-container { width: 320px; }
.contact-group-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px 24px 20px; }
.contact-group-blocking-popover-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.contact-group-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; }
.contact-group-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; margin: 10px 0px 0px; }
.contact-group-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .margin-bottom-medium { margin-bottom: 10px; }
.contact-group-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .footer-item-container { display: flex; height: 24px; justify-content: space-between; width: 100%; }
.contact-group-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .footer-item-container .create-cg-icon-container { display: flex; }
.contact-group-blocking-popover-container .popover-header .action-item-placeholders .separator { border-bottom: 1px solid var(--tertiary-line-separator); margin: 10px 0px; }
.contact-group-blocking-popover-container .popover-content-wrapper { background-color: var(--contact-group-blocking-nudge-bg); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.contact-group-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); padding-right: 20px; }
.feature-blocking-nudge-as-child-component .contact-group-blocking-popover-container { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px; }
.add-to-contact-group-container { padding: 24px; width: 100%; }
.add-to-contact-group-container .header { font-size: 15.96px; font-weight: 600; margin: 0px; width: 430px; }
.add-to-contact-group-container .description { margin-bottom: 24px; }
.add-to-contact-group-container .contact-groups-container { max-height: 165px; overflow-y: scroll; }
.add-to-contact-group-container .contact-group-container.preferences-wrap { cursor: pointer; height: inherit; margin-bottom: 15px; }
.add-to-contact-group-container .contact-group-result-item { margin-bottom: 20px; }
.add-to-contact-group-container .footer-link { color: var(--link-color); cursor: pointer; }
.add-to-contact-group-container .button-group { display: flex; justify-content: flex-end; margin-top: 40px; }
.add-to-contact-group-container .button-group .cancel-button { margin-right: 20px; }
.feature-capping-nudge-outer { background: var(--bg-small-dropdowns); border-radius: 0px 0px 4px 4px; display: flex; }
.feature-capping-nudge-outer .blocking-popover-container { border-radius: 4px; box-shadow: var(--header-shadow); margin-top: -44%; width: 333px; }
.feature-capping-nudge-outer .blocking-popover-container .header-container { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); display: flex; height: 154px; }
.feature-capping-nudge-outer .blocking-popover-container .header-container .icon-container { align-items: center; display: flex; justify-content: center; width: 650px; }
.feature-capping-nudge-outer .blocking-popover-container .header-container .dismiss-btn { color: var(--tertiary-text-three); cursor: pointer; font-size: 12.04px; height: 150px; margin-right: -10px; }
.feature-capping-nudge-outer .blocking-popover-container .header-container .dismiss-btn.no-margin-right { margin-right: 0px; }
.feature-capping-nudge-outer .blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 0px 0px 4px 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.feature-capping-nudge-outer .blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); white-space: normal; }
.feature-capping-nudge-outer .triangle-style { background: var(--bg-secondary-color-titan-max); clip-path: polygon(0px 100%, 50% 0px, 100% 100%); height: 10px; margin-top: -22px; width: 25px; }
.feature-capping-nudge-outer .triangle-style.left-style { margin-left: -8px; margin-right: -5px; margin-top: 150px; transform: rotate(90deg); }
.feature-capping-nudge-outer .triangle-style.right-style { left: -350px; margin-top: 20px; position: relative; transform: rotate(-90deg); }
.learn-more-link-span { align-items: flex-start; color: var(--link-color); cursor: pointer; display: inline-flex; }
.learn-more-link-span svg { margin-left: 5px; }
.titan-as-default-container { padding: 36px; }
.titan-as-default-container .header-bg { align-items: center; display: flex; justify-content: center; margin-bottom: 28px; }
.titan-as-default-container .content { text-align: center; }
.titan-as-default-container .content .header-text { font-size: 23.94px; font-weight: 500; margin-bottom: 5px; }
.titan-as-default-container .content .header-sub-text { color: var(--secondary-text-subtle); font-size: 20.02px; margin-bottom: 30px; margin-top: 0px; }
.titan-as-default-container .content .set-as-default-button { margin-bottom: 28px; }
.titan-as-default-container .content .helper-text { color: var(--secondary-text-subtle); }
.download-apps-platform { height: 100%; overflow: hidden; width: 100%; }
.download-apps-platform .open-tracking { background-image: var(--downloadlink-modal-bg-2); background-size: cover; height: 50%; }
.download-apps-platform .second-webmail-login { background-image: var(--downloadlink-modal-bg-1); background-size: cover; height: 50%; }
.download-apps-platform .info-section { align-items: center; display: flex; flex-direction: column; margin: 30px 0px; padding: 0px 20px; text-align: center; }
.download-apps-platform .info-section__title { font-size: 28px; font-weight: 600; margin-bottom: 12px; margin-top: 0px; }
.download-apps-platform .info-section__desc { color: var(--tertiary-text-three); font-size: 16px; line-height: 1.44; margin-bottom: 27px; margin-top: 0px; }
.download-apps-platform .download-platform { background-color: var(--image-background); height: 229px; position: relative; }
.download-apps-platform .download-platform img { bottom: 0px; height: 90%; left: 50%; position: absolute; transform: translateX(-50%); width: 80%; }
.download-apps-platform .download-apps-links { align-items: center; display: flex; height: 150px; justify-content: space-between; margin-bottom: 27px; width: 75%; }
.download-apps-platform .download-apps-links .or { align-items: center; color: var(--tertiary-text-three); display: flex; flex-direction: column; font-size: 16px; height: 100%; }
.download-apps-platform .download-apps-links .or .text { margin-bottom: 0.5px; margin-top: 0.5px; }
.download-apps-platform .download-apps-links .or hr { background-color: var(--tertiary-text-three); flex-grow: 1; height: 2px; margin: 0px; }
.download-apps-platform .app-link-container { align-items: center; display: flex; flex-direction: column; gap: 12px; justify-content: space-between; }
.download-apps-platform .desktop-download-section { margin-bottom: 10px; width: 75%; }
.download-apps-platform .desktop-download-btn { align-items: center; border: 1px solid var(--bg-tooltip); border-radius: 5px; display: flex; font-size: 16px; font-weight: 600; gap: 10px; justify-content: center; margin-bottom: 10px; padding-bottom: 8px; padding-top: 8px; width: 75%; }
.download-apps-platform .android-download-btn:hover, .download-apps-platform .desktop-download-btn:hover, .download-apps-platform .ios-download-btn:hover { cursor: pointer; }
.download-apps-platform .app-link img { height: 50px; margin-bottom: 10px; }
.container-keymaps { flex-grow: 1; margin: 0px 40px; }
.container-keymaps .title { font-size: 20.02px; padding-top: 20px; text-align: center; }
.container-keymaps .col-left { flex: 1 1 0%; margin-right: 20px; text-align: right; }
.container-keymaps .col-right { flex: 1 1 0%; text-align: left; }
.container-keymaps .col-right select { width: 75%; }
.container-keymaps .shortcut-section-title { border-bottom: 1px solid var(--modal-line-separator); margin: 13.5px 0px; }
.container-keymaps .shortcut { color: var(--text-color-very-subtle); padding: 3px 0px; }
.container-keymaps .shortcut .values { color: var(--text-color); cursor: text; display: inline-block; font-family: monospace; font-weight: 600; padding-left: 10px; padding-right: 10px; }
.container-keymaps .shortcut .values .shortcut-value .then { color: var(--text-color-very-subtle); font-size: 0.9em; }
.container-keymaps .shortcut .values .shortcut-value::after { content: ", "; }
.container-keymaps .shortcut .values .shortcut-value:last-child::after { content: ""; }
.email-avatar { align-items: center; display: flex; justify-content: center; }
.email-avatar .edit-icon-wrapper { background: rgb(255, 255, 255); border-radius: 50%; box-shadow: var(--dropdown-shadow-small); cursor: pointer; height: 24px; position: relative; right: 20px; top: 20px; width: 24px; }
.email-avatar .edit-icon-wrapper .edit-icon { color: var(--btn-default-color); height: 20px; margin: 3px; width: 20px; }
.setting-popover { width: 30%; }
.setting-popover .email-icon-container { align-items: center; display: flex; justify-content: center; }
.setting-popover .email-icon-container .email-icon-text { font-size: 28px; }
.setting-popover .profile-icon { height: 54px; width: 54px; }
.account-preferences .email-icon-container { align-items: center; display: flex; height: 76px; justify-content: center; margin-left: 22px; position: relative; right: 24px; width: 76px; }
.account-preferences .email-icon-container .email-icon-text { font-size: 38.038px; }
.account-preferences .profile-icon { height: 76px; margin-left: 22px; position: relative; right: 24px; width: 76px; }
.account-preferences .edit-icon-wrapper { right: 42px; }
.deleteImageModal .cta button.delete { background-color: var(--brand-default-color); }
.preferences-current-plan-container, .preferences-upgrade-hook-container { align-items: center; background: var(--background-color-for-upgrade); border-radius: 0px 0px 4px 4px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; padding: 16px; text-align: center; }
.preferences-current-plan-container .header, .preferences-upgrade-hook-container .header { align-items: center; color: var(--text-color-for-upgrade); display: flex; font-weight: 600; }
.preferences-current-plan-container .sub-header, .preferences-upgrade-hook-container .sub-header { color: var(--text-color-for-upgrade); font-size: 12.04px; }
.preferences-current-plan-container .upgrade-icon, .preferences-upgrade-hook-container .upgrade-icon { margin-top: auto; }
.preferences-current-plan-container { background: var(--preferences-upgrade-hook-background); cursor: default; }
.preferences-current-plan-container .sub-header { color: var(--tertiary-text-three); }
.settings-menu-container { flex: 1 1 0%; line-height: 1.43; min-height: 0px; overflow: hidden auto; width: 316px; }
.settings-menu-container .settings-menu-item { color: var(--text-color); cursor: default; display: flex; font-size: 14px; font-weight: 500; justify-content: space-between; padding: 16px 0px 16px 16px; position: relative; width: 100%; }
.settings-menu-container .settings-menu-item .icons { display: flex; gap: 5px; padding-right: 26px; }
.settings-menu-container .settings-menu-item[data-testid="company_branding"] { align-items: center; flex-flow: row-reverse; justify-content: flex-end; }
.settings-menu-container .settings-menu-item[data-testid="company_branding"] .icons { padding-right: 4px; }
.settings-menu-container .settings-menu-item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.settings-menu-container .settings-actions-container { margin-bottom: 12px; }
.settings-menu-container .settings-actions-container .header-label { align-items: center; color: var(--tertiary-text-three); display: flex; font-size: 14px; font-weight: 400; margin-bottom: 8px; margin-left: 16px; margin-top: 12px; }
.settings-menu-container .settings-actions-container .header-label .svg { cursor: pointer; height: 20px; margin-left: 4px; width: 20px; }
.settings-menu-container .settings-actions-container .settings-actions-group { align-items: center; display: flex; flex-direction: column; }
.settings-menu-container .settings-actions-container .settings-action-row { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; font-weight: 500; justify-content: space-between; padding: 12px 16px; width: 100%; }
.settings-menu-container .settings-actions-container .settings-action-row .settings-action-label { font-size: 14px; line-height: 24px; }
.settings-menu-container .settings-actions-container .settings-action-row .icon { height: 20px; width: 20px; }
.settings-menu-container .settings-actions-container .settings-action-row:hover { background-color: var(--dropdown-hover-color); }
.settings-menu-container .radio-container:has(+ .settings-menu-item.custom-theme-menu-item) { margin-bottom: 0px; }
.settings-menu-container .custom-theme-menu-item { margin-bottom: 12px; }
.settings-menu-container .radio-container { margin-bottom: 12px; transition: background-color 0.4s, box-shadow 0.4s; }
.settings-menu-container .radio-container.is-highlighted { background-color: var(--settings-menu-highlighter); border-radius: 1px; box-shadow: 0 0 0 8px var(--settings-menu-highlighter); }
.settings-menu-container .radio-container .header-label { align-items: center; color: var(--tertiary-text-three); display: flex; font-size: 14px; font-weight: 400; margin-bottom: 8px; margin-left: 16px; margin-top: 12px; }
.settings-menu-container .radio-container .header-label .svg { cursor: pointer; height: 14px; margin-left: 4px; width: 14px; }
.settings-menu-container .radio-container .radio-group { align-items: center; display: flex; flex-direction: column; }
.settings-menu-container .radio-container .radio-group .radio { display: flex; flex-direction: row; font-size: 14px; font-weight: 500; padding-left: 16px; width: 100%; }
.settings-menu-container .radio-container .radio-group .radio .radio-label-container { align-items: center; cursor: pointer; display: flex; justify-content: space-between; padding: 4px; width: 100%; }
.settings-menu-container .radio-container .radio-group .radio .radio-label-container .radio-text-container { align-items: center; display: flex; width: 95%; }
.settings-menu-container .radio-container .radio-group .radio .radio-label-container input { width: 5%; }
.settings-menu-container .radio-container .radio-group .radio .radio-label-container .radio-label { margin-left: 5px; width: 65%; }
.settings-menu-container .radio-container .radio-group .radio .radio-label-container .icon { height: 40px; width: 75px; }
.settings-menu-container .radio-container .radio-group .radio:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
body.theme-dark .settings-menu-container .radio-container .radio .radio-label-container .icon { --sp-surface: #333; --sp-card: #464646; --sp-line: #4a4a4a; --sp-bar: #6e6d6d; --sp-frame: #4a4a4a; }
.settings-dorpdown-upgrade { bottom: 0px; display: block; height: min-content; position: sticky; width: 100%; }
.popover-close { margin: 8px 8px 0px 0px; position: absolute; right: 0px; top: 0px; }
.settings-upgrade-hook { padding: 8px; }
.email-avatar-container { display: flex; padding: 16px 24px; width: 100%; }
.email-avatar-container .user-info-container { display: flex; flex-direction: column; width: 70%; overflow-wrap: break-word; }
.email-avatar-container .user-info-container .name { font-size: 16px; font-weight: 600; width: 100%; }
.email-avatar-container .user-info-container .email { font-size: 14px; font-weight: 400; margin-top: 4px; width: 100%; }
.email-avatar-container .user-info-container .email::after { content: ""; display: block; }
.email-avatar-container .user-info-container .email.truncate { width: calc(100% - 16px); }
.divider { border-top: 1px solid rgb(238, 238, 238); font-size: 12.04px; pointer-events: none; }
body.theme-dark .divider { border-top-color: rgb(55, 55, 55); }
#settings-menu-download-apps-close-icon { background-color: rgba(0, 0, 0, 0.12); }
#settings-menu-download-apps-close-icon:hover { background-color: rgba(0, 0, 0, 0.2); }
#settings-menu-download-apps-close-icon svg path { fill: rgb(255, 255, 255); }
.ai-chat-beta-limit-modal { align-items: center; background: var(--bg-modal); display: flex; flex-direction: column; max-width: 100%; outline: none; padding: 24px 24px 33px; position: relative; text-align: center; width: 472px; }
.ai-chat-beta-limit-modal.is-coming-soon { padding: 48px 24px; }
.ai-chat-beta-limit-modal button { font-family: inherit; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-close { position: absolute; right: 16px; top: 16px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-back { --btn-icon-size: 24px; --btn-icon-bg: var(--ai-chat-back-bg); --btn-icon-color: var(--ai-chat-faint-text); left: 20px; position: absolute; top: 16px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-back-icon { transform: rotate(180deg); }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-hero { align-items: center; background: var(--ai-chat-mark-bg); border-radius: 4px; color: var(--ai-chat-mark-color); display: flex; height: 48px; justify-content: center; width: 48px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-step-icon { align-items: center; background: var(--ai-chat-coming-soon-bg); border-radius: 50%; color: var(--ai-chat-mark-color); display: flex; height: 84px; justify-content: center; width: 84px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-title { color: var(--secondary-text); font-size: 22px; font-weight: 600; line-height: 30px; margin: 13px 0px 0px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-subtitle { color: var(--secondary-text-subtle); font-size: 14px; line-height: 20px; margin: 4px 0px 0px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-choose { color: var(--secondary-text); font-size: 14px; font-weight: 600; line-height: 20px; margin: 34px 0px 12px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-container { display: block; width: 100%; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-container + .ai-chat-beta-limit-option-container { margin-top: 13px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option { background: var(--bg-modal); border: 1px solid var(--ai-chat-option-border); border-radius: 8px; cursor: pointer; display: flex; font-weight: 400; height: 68px; line-height: normal; padding: 0px 14px 0px 12px; text-align: left; transition: none; width: 100%; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option > span { align-items: center; display: flex; flex: 1 1 auto; gap: 12px; min-width: 0px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option:hover { background: var(--ai-chat-prompt-hover-bg); }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option:focus-visible { outline: revert; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-icon { align-items: center; background: var(--ai-chat-mark-bg); border-radius: 4px; color: var(--ai-chat-option-icon); display: flex; flex: 0 0 auto; height: 44px; justify-content: center; width: 44px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-text { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-title { color: var(--secondary-text); font-size: 14px; font-weight: 700; line-height: 20px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-subtitle { color: var(--secondary-text-subtle); font-size: 14px; line-height: 20px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-option-chevron { color: var(--ai-chat-faint-text); flex: 0 0 auto; }
.ai-chat-beta-limit-modal.is-coming-soon .ai-chat-beta-limit-title { margin-top: 32px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-body { color: var(--secondary-text); font-size: 16px; letter-spacing: 0.3px; line-height: 22px; margin: 9px 0px 0px; max-width: 372px; }
.ai-chat-beta-limit-modal.is-own_api_key .ai-chat-beta-limit-body { max-width: 340px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-notify-container { margin-top: 36px; }
.ai-chat-beta-limit-modal .ai-chat-beta-limit-notify.btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; padding: 0px 24px; }
.ai-chat-beta-limit-modal.is-api-provider { align-items: stretch; padding: 32px 30px; text-align: left; width: 550px; }
.ai-chat-beta-limit-modal.is-api-provider .ai-chat-beta-limit-close { top: 35px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-header { align-items: flex-start; display: flex; gap: 16px; padding-right: 32px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-header .ai-chat-beta-limit-back { flex: 0 0 auto; margin-top: 3px; position: static; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-title { color: var(--secondary-text); font-size: 18px; font-weight: 600; line-height: 30px; margin: 0px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-list { display: flex; flex-direction: column; gap: 14px; margin-top: 32px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-option { background: var(--bg-modal); border: 1px solid var(--line-seprator-color); border-radius: 8px; padding: 0px 16px 0px 18px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-option.is-selected { border-color: var(--chip-selected-border); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-head { align-items: center; cursor: pointer; display: flex; font-weight: 400; gap: 10px; margin: 0px; min-height: 56px; }
.ai-chat-beta-limit-modal .has-name-field .ai-chat-api-provider-head { min-height: 44px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-radio { appearance: none; background: var(--bg-modal); border: 1.5px solid var(--ai-chat-radio-border); border-radius: 50%; cursor: pointer; flex: 0 0 auto; height: 16px; margin: 0px; width: 16px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-radio:checked { background: var(--ai-chat-mark-color); border-color: var(--ai-chat-mark-color); box-shadow: inset 0 0 0 2.5px var(--bg-modal); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-radio:focus-visible { outline: 2px solid var(--ai-chat-mark-color); outline-offset: 2px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-name { color: var(--secondary-text); flex: 1 1 auto; font-size: 15px; font-weight: 500; line-height: 20px; min-width: 0px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-logo { align-items: center; border-radius: 4px; display: flex; flex: 0 0 auto; height: 36px; justify-content: center; width: 36px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-logo.is-openai { background: var(--ai-chat-openai-logo-bg); color: var(--ai-chat-openai-logo-fg); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-logo.is-anthropic { background: var(--ai-chat-anthropic-logo-bg); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-name-field { background: var(--ai-chat-input-bg); border: 1px solid var(--ai-chat-input-border); border-radius: 4px; box-sizing: border-box; color: var(--secondary-text); display: block; font-size: 15px; height: 44px; line-height: 20px; margin: 0px 0px 12px 26px; outline: none; padding: 0px 14px; width: calc(100% - 26px); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-name-field::placeholder { color: var(--ai-chat-input-placeholder); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-name-field:focus { border-color: var(--chip-selected-border); }
.ai-chat-beta-limit-modal .ai-chat-api-provider-continue-container { align-self: center; margin-top: 32px; }
.ai-chat-beta-limit-modal .ai-chat-api-provider-continue.btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; padding: 0px 24px; }
.ai-chat-credits-bar { align-items: center; display: flex; flex-wrap: wrap; gap: 4px 10px; min-width: 0px; }
.ai-chat-credits-track { background: var(--ai-chat-progress-track); border-radius: 999px; flex: 0 0 56px; height: 5px; overflow: hidden; }
.ai-chat-credits-fill { background: var(--ai-chat-progress-fill); border-radius: 999px; height: 100%; }
.ai-chat-credits-label, .ai-chat-credits-title { color: var(--ai-chat-muted-text); flex: 0 0 auto; font-size: 12px; line-height: 16px; overflow-wrap: break-word; }
.ai-chat-credits-title { max-width: 50%; text-align: left; }
.ai-chat-credits-label { font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
.ai-chat-credits-get-more-container { flex: 0 1 auto; font-size: 12px; line-height: 16px; margin-left: auto; min-width: 0px; }
.ai-chat-credits-get-more { --btn-ghost-gap: 8px; --btn-ghost-padding: 0; --btn-ghost-color: var(--ai-chat-accent); --btn-ghost-hover-bg: #0000; font-family: inherit; min-width: 0px; overflow-wrap: break-word; }
.ai-chat-credits-get-more::before { background: var(--line-seprator-color); content: ""; flex: 0 0 auto; height: 10px; width: 1px; }
.ai-chat-credits-get-more:hover { text-decoration: underline; }
.ai-chat-credits-bar .btn.ai-chat-credits-get-more { text-align: right; }
.ai-chat-credits-bar.is-exhausted .ai-chat-credits-fill { display: none; }
@keyframes ai-chat-composer-context-in { 
  0% { margin-bottom: 0px; max-height: 0px; opacity: 0; }
  100% { margin-bottom: 6px; max-height: 24px; opacity: 1; }
}
.ai-chat-composer { box-sizing: border-box; flex: 0 0 auto; max-width: 100%; min-width: 0px; padding: 12px 16px 16px; }
.ai-chat-composer .ai-chat-composer-box { align-items: flex-start; border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; display: flex; flex-direction: column; min-width: 0px; padding: 8px; }
.ai-chat-composer .ai-chat-composer-box:focus-within { border-color: var(--ai-chat-accent); }
.ai-chat-composer .ai-chat-composer-box.is-too-long { border-color: var(--ai-chat-error); }
.ai-chat-composer > .ai-chat-composer-too-long, .ai-chat-composer > .ai-chat-credits-bar { margin-top: 8px; padding: 0px 9px; }
.ai-chat-composer > .ai-chat-credits-bar { padding-right: 0px; }
.ai-chat-composer .ai-chat-composer-too-long { color: var(--ai-chat-error); font-size: 12px; line-height: 16px; }
.ai-chat-composer .ai-chat-composer-row { align-items: flex-end; display: flex; gap: 8px; min-width: 0px; width: 100%; }
.ai-chat-composer .ai-chat-composer-input { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color); flex: 1 1 auto; font-family: inherit; font-size: 14px; line-height: 20px; max-height: 92px; min-height: 32px; min-width: 0px; outline: none; overflow-y: auto; padding: 6px 0px; resize: none; }
.ai-chat-composer .ai-chat-composer-input::placeholder { color: var(--ai-chat-input-placeholder); }
.ai-chat-composer .ai-chat-composer-context-slot { animation: 0.14s ease-out 0s 1 normal none running ai-chat-composer-context-in; margin-bottom: 6px; max-width: 100%; min-width: 0px; overflow: hidden; width: 100%; }
.ai-chat-composer .ai-chat-composer-context { align-items: center; background: var(--ai-chat-card-row-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 4px; display: flex; gap: 8px; justify-content: space-between; max-width: 100%; min-width: 0px; padding: 4px 8px; }
.ai-chat-composer .ai-chat-composer-context-main { align-items: center; display: flex; flex: 1 1 auto; gap: 6px; min-width: 0px; }
.ai-chat-composer .ai-chat-composer-context-icon { color: var(--ai-chat-muted-text); flex: 0 0 auto; }
.ai-chat-composer .ai-chat-composer-context-subject { color: var(--ai-chat-muted-text); font-size: 12px; line-height: 16px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-composer .ai-chat-composer-context-remove { flex: 0 0 auto; opacity: 0; transition: opacity 0.12s; }
.ai-chat-composer .ai-chat-composer-context:focus-within .ai-chat-composer-context-remove, .ai-chat-composer .ai-chat-composer-context:hover .ai-chat-composer-context-remove { opacity: 1; }
.ai-chat-composer .ai-chat-composer-send { --btn-icon-size: 32px; --btn-icon-bg: var(--ai-chat-send-bg); --btn-icon-color: var(--ai-chat-send-fg); --btn-icon-hover-bg: var(--ai-chat-send-bg-hover); }
@media (prefers-reduced-motion: reduce) {
  .ai-chat-composer .ai-chat-composer-context-slot { animation: auto ease 0s 1 normal none running none; }
}
.ai-chat-panel-header { align-items: center; background-color: var(--bg-primary-color); border-bottom: 1px solid var(--line-seprator-color); display: flex; flex-shrink: 0; justify-content: space-between; padding: 12px 16px; }
.ai-chat-panel-header .ai-chat-header-title-container { align-items: center; display: flex; gap: 8px; min-width: 0px; }
.ai-chat-panel-header .ai-chat-header-text { display: flex; flex-direction: column; min-width: 0px; }
.ai-chat-panel-header .ai-chat-header-title-row { align-items: center; display: flex; gap: 10px; min-width: 0px; }
.ai-chat-panel-header .ai-chat-header-beta { border: 1px solid var(--ai-chat-bubble-border); border-radius: 4px; color: var(--ai-chat-faint-text); flex: 0 0 auto; font-size: 11px; font-weight: 500; line-height: 14px; padding: 2px 6px; }
.ai-chat-panel-header .ai-chat-header-tagline { color: var(--ai-chat-faint-text); font-size: 12px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-panel-header .ai-chat-header-title { color: var(--text-color); font-size: 16px; font-weight: 700; line-height: 1.5; }
.ai-chat-panel-header .ai-chat-header-actions { align-items: center; display: flex; flex-shrink: 0; gap: 20px; }
.ai-chat-panel-header .ai-chat-header-action { --btn-icon-size: 24px; --btn-icon-color: var(--icon-secondary-color); --btn-icon-hover-bg: var(--ai-chat-icon-box-bg); }
.ai-chat-panel-header .ai-chat-header-action svg { transform: translateY(1px); }
.ai-chat-widget { background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; display: flex; flex-direction: column; gap: 8px; max-width: 100%; min-width: 0px; padding: 12px; }
.ai-chat-widget .ai-chat-widget-title { color: var(--text-color); font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.ai-chat-widget .ai-chat-widget-row { display: flex; font-size: 12.5px; gap: 8px; min-width: 0px; }
.ai-chat-widget .ai-chat-widget-key { color: var(--ai-chat-muted-text); flex: 0 0 auto; }
.ai-chat-widget .ai-chat-widget-val { color: var(--text-color); min-width: 0px; word-break: break-word; }
.ai-chat-widget .ai-chat-widget-faint { color: var(--ai-chat-faint-text); font-size: 12px; word-break: break-word; }
.layout-message-preview { border-radius: 8px; gap: 16px; padding: 16px; }
.layout-message-preview .ai-chat-widget-title { font-size: 14px; line-height: 18px; }
.ai-chat-widget-body { color: var(--text-color); font-size: 13px; line-height: 1.3; max-height: 260px; overflow-y: auto; padding: 0px; white-space: pre-wrap; word-break: break-word; }
.ai-chat-widget-body p { margin: 0px 0px 8px; }
.ai-chat-widget-body p:last-child { margin-bottom: 0px; }
.ai-chat-msg-preview-divider { align-self: stretch; border-top: 1px solid var(--ai-chat-bubble-border); flex-shrink: 0; }
.ai-chat-msg-preview-head { display: flex; flex-direction: column; gap: 12px; min-width: 0px; }
.ai-chat-msg-preview-head .ai-chat-widget-title { color: var(--text-color); overflow-wrap: anywhere; }
.ai-chat-msg-preview-field { font-size: 13px; line-height: 16px; min-width: 0px; overflow-wrap: anywhere; }
.ai-chat-msg-preview-field-label { color: var(--text-color); font-weight: 500; }
.ai-chat-msg-preview-field-value { color: var(--ai-chat-muted-text); }
.layout-rule-preview .ai-chat-rule-preview-group { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.layout-rule-preview .ai-chat-rule-preview-group + .ai-chat-rule-preview-group { border-top: 1px solid var(--ai-chat-bubble-border); padding-top: 8px; }
.layout-rule-preview .ai-chat-widget-key { min-width: 92px; }
.ai-chat-widgets { display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
@keyframes ai-chat-sparkle-twinkle { 
  0% { transform: scale(1) rotate(0deg); }
  12% { transform: scale(0.6) rotate(45deg); }
  25%, 100% { transform: scale(1) rotate(90deg); }
}
@keyframes ai-chat-sparkle-twinkle-hover { 
  0% { transform: scale(1) rotate(0deg); }
  12% { transform: scale(0.6) rotate(45deg); }
  25%, 100% { transform: scale(1) rotate(90deg); }
}
.ai-chat-tia-mark { overflow: visible; }
.ai-chat-tia-mark .ai-chat-tia-mark-bubble { fill: currentcolor; }
.ai-chat-tia-mark .ai-chat-tia-mark-dot, .ai-chat-tia-mark .ai-chat-tia-mark-sparkle { fill: var(--ai-chat-mark-bg); transform-box: fill-box; transform-origin: center center; }
.ai-chat-tia-mark .ai-chat-tia-mark-dot { opacity: 0; }
.ai-chat-tia-mark-cutout { overflow: visible; }
.ai-chat-tia-mark-cutout .ai-chat-tia-mark-cutout-bubble { fill: currentcolor; }
.ai-chat-tia-mark-cutout .ai-chat-tia-mark-cutout-sparkle { transform-box: fill-box; transform-origin: center center; }
@keyframes ai-chat-avatar-sparkle-out { 
  100% { transform: scale(0) rotate(90deg); }
}
@keyframes ai-chat-avatar-type { 
  0%, 100% { opacity: 0.45; transform: translateY(0px) scale(1); }
  35% { opacity: 1; transform: translateY(-1.6px) scale(1.15); }
}
@keyframes ai-chat-avatar-halo { 
  0% { box-shadow: 0 0 0 0 color-mix(in srgb,var(--ai-chat-mark-color) 28%,#0000); }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 8px; }
}
@keyframes ai-chat-avatar-dot-merge { 
  0% { opacity: 1; transform: translateX(0px) scale(1); }
  100% { opacity: 0; transform: translateX(var(--ai-chat-dot-merge-x,0)) scale(.3); }
}
@keyframes ai-chat-avatar-sparkle-in { 
  0% { transform: scale(0) rotate(-90deg); }
  60% { transform: scale(1.3) rotate(20deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes ai-chat-avatar-settle { 
  0% { transform: scale(1.125); }
  100% { transform: scale(1); }
}
@keyframes ai-chat-avatar-shake { 
  0%, 100% { transform: translateX(0px); }
  20%, 60% { transform: translateX(-3px); }
  40%, 80% { transform: translateX(3px); }
}
@keyframes ai-chat-avatar-dot-drop { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(2px); }
}
@keyframes ai-chat-avatar-sparkle-return { 
  0% { opacity: 0.35; transform: scale(0); }
  40% { opacity: 0.35; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}
.ai-chat-avatar { align-items: center; background: var(--ai-chat-mark-bg); border-radius: 50%; color: var(--ai-chat-mark-color); display: flex; flex: 0 0 auto; height: 40px; justify-content: center; width: 40px; }
.ai-chat-avatar .ai-chat-tia-mark { transition: transform 0.25s ease-out; }
.ai-chat-avatar.is-working { animation: 1.6s ease-out 0s infinite normal none running ai-chat-avatar-halo; }
.ai-chat-avatar.is-working .ai-chat-tia-mark { transform: scale(1.125); }
.ai-chat-avatar.is-working .ai-chat-tia-mark-sparkle { animation: 0.25s ease-in 0s 1 normal forwards running ai-chat-avatar-sparkle-out; }
.ai-chat-avatar.is-working .ai-chat-tia-mark-dot { animation: 1s ease-in-out 0s infinite normal both running ai-chat-avatar-type; }
.ai-chat-avatar.is-working .ai-chat-tia-mark-dot:nth-of-type(2) { animation-delay: 0.15s; }
.ai-chat-avatar.is-working .ai-chat-tia-mark-dot:nth-of-type(3) { animation-delay: 0.3s; }
.ai-chat-avatar.is-landed .ai-chat-tia-mark { animation: 0.3s ease-out 0s 1 normal none running ai-chat-avatar-settle; }
.ai-chat-avatar.is-landed .ai-chat-tia-mark-dot { animation: 0.25s ease-in 0s 1 normal forwards running ai-chat-avatar-dot-merge; }
.ai-chat-avatar.is-landed .ai-chat-tia-mark-dot:first-of-type { --ai-chat-dot-merge-x: 4px; }
.ai-chat-avatar.is-landed .ai-chat-tia-mark-dot:nth-of-type(3) { --ai-chat-dot-merge-x: -4px; }
.ai-chat-avatar.is-landed .ai-chat-tia-mark-sparkle { animation: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s 1 normal both running ai-chat-avatar-sparkle-in; }
.ai-chat-avatar.is-error { animation: 0.42s ease-in-out 0.15s 1 normal none running ai-chat-avatar-shake; }
.ai-chat-avatar.is-error .ai-chat-tia-mark { animation: 0.3s ease-out 0s 1 normal none running ai-chat-avatar-settle; }
.ai-chat-avatar.is-error .ai-chat-tia-mark-dot { animation: 0.25s ease-in 0s 1 normal forwards running ai-chat-avatar-dot-drop; }
.ai-chat-avatar.is-error .ai-chat-tia-mark-sparkle { animation: 0.9s ease-out 0s 1 normal both running ai-chat-avatar-sparkle-return; }
@media (prefers-reduced-motion: reduce) {
  .ai-chat-avatar, .ai-chat-avatar .ai-chat-tia-mark, .ai-chat-avatar .ai-chat-tia-mark-dot, .ai-chat-avatar .ai-chat-tia-mark-sparkle { animation: auto ease 0s 1 normal none running none; transition: none; }
  .ai-chat-avatar.is-working .ai-chat-tia-mark { transform: none; }
}
.ai-chat-failed-bubble { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.ai-chat-failed-text { color: var(--ai-chat-muted-text); font-size: 13px; line-height: 1.45; }
.ai-chat-failed-retry { background: var(--ai-chat-card-row-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 4px; color: var(--text-color); cursor: pointer; font-size: 12.5px; font-weight: 600; padding: 6px 12px; }
.ai-chat-failed-retry:hover:not(:disabled) { background: var(--ai-chat-prompt-hover-bg); border-color: var(--ai-chat-prompt-hover-border); }
.ai-chat-failed-retry:disabled { cursor: default; opacity: 0.6; }
.feedback-form-modal { background: var(--bg-modal); border-radius: 8px; width: 100%; }
.feedback-form-header { align-items: center; display: flex; justify-content: space-between; padding: 20px 24px 16px; position: relative; }
.feedback-form-header .close-btn { position: absolute; right: 16px; top: 16px; }
.feedback-form-header .feedback-form-title { color: var(--text-color); font-size: 18px; font-weight: 500; margin: 0px; }
.feedback-form-content { padding: 0px 24px; }
.feedback-form-content .feedback-options { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.feedback-form-content .feedback-option-chip { background-color: var(--chip-unselected-background); border: 1px solid var(--chip-unselected-border); border-radius: 16px; color: var(--text-color); cursor: pointer; font-size: 14px; padding: 6px 8px; transition: 0.2s; }
.feedback-form-content .feedback-option-chip:hover { background-color: var(--chip-hover-background); border-color: var(--chip-hover-border); }
.feedback-form-content .feedback-option-chip.selected { background-color: var(--chip-selected-background); border-color: var(--chip-selected-border); color: var(--chip-selected-text); }
.feedback-form-content .feedback-textarea-wrapper { position: relative; }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea { background: rgba(0, 0, 0, 0); border: 1px solid var(--line-seprator-color); border-radius: 4px; color: var(--text-color); font-family: inherit; font-size: 14px; min-height: 100px; padding: 12px; resize: vertical; width: 100%; }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea.ant-input-status-error { background: rgba(0, 0, 0, 0); border-color: var(--line-seprator-color); }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea.ant-input-status-error:focus, .feedback-form-content .feedback-textarea-wrapper .feedback-textarea.ant-input-status-error:focus-within, .feedback-form-content .feedback-textarea-wrapper .feedback-textarea.ant-input-status-error:hover { background: rgba(0, 0, 0, 0); border-color: var(--link-color); box-shadow: none; }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea::placeholder { color: var(--secondary-header-text); }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea:focus, .feedback-form-content .feedback-textarea-wrapper .feedback-textarea:focus-within { background: rgba(0, 0, 0, 0); border-color: var(--link-color); box-shadow: none; outline: none; }
.feedback-form-content .feedback-textarea-wrapper .feedback-textarea-error { color: var(--error-color,#ff4d4f); font-size: 14px; line-height: 1.4; margin-top: 8px; }
.feedback-form-footer { display: flex; gap: 12px; justify-content: flex-end; padding: 20px 24px; }
.nike-antd-popover .nike-antd-popover-container { background-color: var(--bg-modal); padding: 16px; }
.feedback-popover-form { background-color: var(--bg-modal); border-radius: 8px; min-width: 320px; }
.feedback-popover-form .feedback-popover-form-header { align-items: center; color: var(--text-color); display: flex; gap: 16px; justify-content: space-between; margin-bottom: 16px; position: relative; }
.feedback-popover-form .feedback-popover-form-header .feedback-popover-form-title { font-size: 14px; font-weight: 600; line-height: 1.5; }
.feedback-popover-form .feedback-popover-form-header button.feedback-popover-close-btn { position: absolute; right: -4px; top: -4px; }
.feedback-popover-form .feedback-popover-quick-options { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.feedback-popover-form .feedback-popover-quick-options .feedback-popover-option-chip { background-color: var(--chip-unselected-background); border: 1px solid var(--chip-unselected-border); border-radius: 16px; color: var(--text-color); cursor: pointer; font-size: 14px; padding: 4px 8px; transition: 0.2s; }
.feedback-popover-form .feedback-popover-quick-options .feedback-popover-option-chip:hover { background-color: var(--chip-hover-background); border-color: var(--chip-hover-border); }
.feedback-popover-form .feedback-popover-quick-options .feedback-popover-option-chip.selected { background-color: var(--chip-selected-background); border-color: var(--chip-selected-border); color: var(--chip-selected-text); }
.feedback-popover-form .feedback-popover-textarea-wrapper { margin-bottom: 12px; position: relative; }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea { background: rgba(0, 0, 0, 0); border: 1px solid var(--secondary-line-separator); border-radius: 4px; color: var(--text-color); font-family: inherit; font-size: 14px; height: 65px; padding: 8px; resize: none; width: 100%; }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea.nike-antd-input-status-error { background: rgba(0, 0, 0, 0); border-color: var(--secondary-line-separator); }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea.nike-antd-input-status-error:focus, .feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea.nike-antd-input-status-error:focus-within, .feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea.nike-antd-input-status-error:hover { background: rgba(0, 0, 0, 0); border-color: var(--link-color); box-shadow: none; }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea::placeholder { color: var(--secondary-header-text); }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea:focus, .feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea:focus-within { background: rgba(0, 0, 0, 0); border-color: var(--link-color); box-shadow: none; outline: none; }
.feedback-popover-form .feedback-popover-textarea-wrapper .feedback-popover-textarea-error { color: var(--error-color,#ff4d4f); font-size: 12.04px; line-height: 1.4; margin-top: 8px; }
.feedback-popover-form .feedback-popover-submit-btn { box-shadow: none; cursor: pointer; display: block; margin-left: auto; }
.feedback-popover-form .feedback-popover-submit-btn, .feedback-popover-form .feedback-popover-submit-btn:hover { background-color: var(--ctm-brand-color,var(--header-underline)); border-color: var(--ctm-brand-color,var(--header-underline)); }
.feedback-popover-form .feedback-popover-submit-btn:hover { opacity: 0.9; }
.feedback-popover-form .feedback-popover-submit-btn:disabled, .feedback-popover-form .feedback-popover-submit-btn[disabled] { opacity: 1; pointer-events: none; background-color: var(--btn-disabled) !important; border: 1px solid var(--btn-disabled) !important; color: var(--primary-disabled-text) !important; }
.personalize-now-card { box-sizing: border-box; flex-shrink: 0; max-width: 100%; width: 438px; }
.personalize-now-card .personalize-now-card-header { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 16px; }
.personalize-now-card .personalize-now-card-title { color: var(--text-color); font-size: 15.96px; font-weight: 600; }
.personalize-now-card .personalize-now-card-body { align-items: flex-start; background: var(--personalize-card-content-background); border-radius: 8px; box-sizing: border-box; display: flex; gap: 6px; margin-bottom: 16px; min-width: 0px; padding: 12px 12px 16px; width: 100%; }
.personalize-now-card .personalize-now-card-icon { color: var(--personalize-card-icon-color); flex-shrink: 0; }
.personalize-now-card .personalize-now-card-text { color: var(--text-color); display: flex; flex: 1 1 0%; flex-direction: column; gap: 4px; min-width: 0px; overflow-wrap: anywhere; }
.personalize-now-card .personalize-now-card-heading { font-size: 15px; font-weight: 600; }
.personalize-now-card .personalize-now-card-description { font-size: 14px; font-weight: 400; line-height: 1.3; }
.personalize-now-card .personalize-now-card-cta-container { display: flex; justify-content: flex-end; }
.personalize-now-card .btn.btn-outline.personalize-now-card-cta { font-weight: 600; height: 32px; line-height: normal; padding: 0px 16px; }
.thumbs-down-feedback-button { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.thumbs-down-feedback-button:hover { background-color: var(--hover-color); color: var(--tertiary-text-three); }
.thumbs-down-feedback-button.is-selected { color: var(--link-color); }
.thumbs-down-feedback-button.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-down-feedback-button > span { align-items: center; display: flex; justify-content: center; }
.thumbs-down-feedback-button.thumbs-down-feedback-button--search { color: var(--icon-secondary-color); height: 24px; width: 24px; }
.thumbs-down-feedback-button.thumbs-down-feedback-button--search:hover { color: var(--icon-secondary-color); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--search.is-selected { color: var(--link-color); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--search.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--search svg { height: 24px; width: 24px; }
.thumbs-down-feedback-button.thumbs-down-feedback-button--improve-writing:hover { background-color: var(--feedback-btn-hover-color); color: var(--tertiary-text-three); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--improve-writing svg { height: 28px; width: 28px; }
.thumbs-down-feedback-button.thumbs-down-feedback-button--smart-write-bar { color: var(--smart-write-bar-icon-color,var(--icon-secondary-color)); height: 27px; width: 27px; }
.thumbs-down-feedback-button.thumbs-down-feedback-button--smart-write-bar:hover { color: var(--smart-write-bar-icon-color,var(--icon-secondary-color)); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--smart-write-bar.is-selected { color: var(--link-color); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--smart-write-bar.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-down-feedback-button.thumbs-down-feedback-button--smart-write-bar svg { height: 27px; width: 27px; }
.thumbs-down-feedback-button-anchor { display: inline-flex; }
.feedback-modal-personalize-step { display: flex; justify-content: center; padding: 20px 24px; }
.feedback-modal-form-step { width: 100%; }
.thumbs-up-feedback-button { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.thumbs-up-feedback-button:hover { background-color: var(--hover-color); color: var(--tertiary-text-three); }
.thumbs-up-feedback-button.is-selected { color: var(--link-color); }
.thumbs-up-feedback-button.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-up-feedback-button > span { align-items: center; display: flex; justify-content: center; }
.thumbs-up-feedback-button.thumbs-up-feedback-button--improve-writing:hover { background-color: var(--feedback-btn-hover-color,var(--hover-color)); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--improve-writing.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--improve-writing svg { height: 28px; width: 28px; }
.thumbs-up-feedback-button.thumbs-up-feedback-button--search { color: var(--icon-secondary-color); height: 24px; width: 24px; }
.thumbs-up-feedback-button.thumbs-up-feedback-button--search:hover { color: var(--icon-secondary-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--search.is-selected { color: var(--link-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--search.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--search svg { height: 24px; width: 24px; }
.thumbs-up-feedback-button.thumbs-up-feedback-button--smart-write-bar { color: var(--smart-write-bar-icon-color,var(--icon-secondary-color)); height: 27px; width: 27px; }
.thumbs-up-feedback-button.thumbs-up-feedback-button--smart-write-bar:hover { color: var(--smart-write-bar-icon-color,var(--icon-secondary-color)); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--smart-write-bar.is-selected { color: var(--link-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--smart-write-bar.is-selected:hover { background-color: initial; color: var(--link-color); }
.thumbs-up-feedback-button.thumbs-up-feedback-button--smart-write-bar svg { height: 27px; width: 27px; }
.ai-chat-message-feedback { align-items: center; display: flex; gap: 4px; }
.ai-chat-assistant-message { --btn-chip-border: var(--ai-chat-bubble-border); --btn-chip-bg: var(--ai-chat-card-row-bg); --btn-chip-color: var(--text-color); --btn-chip-hover-bg: var(--ai-chat-prompt-hover-bg); --btn-chip-hover-border: var(--ai-chat-prompt-hover-border); align-self: flex-start; display: flex; flex-direction: column; gap: 16px; max-width: 92%; min-width: 0px; }
.ai-chat-assistant-message .ai-chat-assistant-body { display: flex; flex-direction: column; gap: 10px; min-width: 0px; }
.ai-chat-assistant-message .ai-chat-assistant-bubble { border: 1px solid var(--ai-chat-bubble-border); border-radius: 2px 8px 8px; color: var(--text-color); font-size: 14px; line-height: 1.5; max-width: 100%; min-width: 0px; overflow-wrap: anywhere; padding: 14.328px 14.328px 16.533px 15.431px; word-break: break-word; }
.ai-chat-message-options { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; max-width: 100%; min-width: 0px; }
.ai-chat-message-options.is-answered .ai-chat-message-option:not(.is-chosen) { opacity: 0.55; }
.ai-chat-message-option { --btn-chip-font-size: 14px; --btn-chip-font-weight: 500; --btn-chip-line-height: 20px; --btn-chip-disabled-opacity: 1; --btn-chip-focus-outline: none; }
.ai-chat-message-option.is-chosen { --btn-chip-bg: var(--ai-chat-option-chosen-bg); --btn-chip-border: var(--ai-chat-option-chosen-border); --btn-chip-color: var(--ai-chat-option-chosen-fg); }
.ai-chat-message-option.is-chosen::before { color: var(--ai-chat-accent-fg); content: "✓"; margin-right: 5px; }
.inline-text-button { cursor: pointer; }
.ai-chat-contact-chip { color: var(--ai-chat-link-color); text-decoration: none; text-underline-offset: 2px; }
.ai-chat-contact-chip:hover { color: var(--ai-chat-accent-hover); text-decoration: underline; }
.ai-chat-markdown { display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.ai-chat-markdown .ai-chat-md-paragraph { margin: 0px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ai-chat-markdown .ai-chat-md-heading { font-weight: 600; line-height: 1.35; }
.ai-chat-markdown .ai-chat-md-heading.level-1, .ai-chat-markdown .ai-chat-md-heading.level-2 { font-size: 14.5px; }
.ai-chat-markdown strong { font-weight: 600; }
.ai-chat-markdown .ai-chat-md-list { margin: 0px; padding-left: 18px; }
.ai-chat-markdown .ai-chat-md-list li { margin: 2px 0px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ai-chat-markdown .ai-chat-md-list .ai-chat-md-list { padding-left: 16px; }
.ai-chat-markdown .ai-chat-md-code { background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 4px; font-family: monospace; font-size: 12.5px; padding: 1px 4px; }
.ai-chat-markdown .ai-chat-md-code-block { background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; font-size: 12.5px; margin: 0px; overflow-x: auto; padding: 8px 10px; white-space: pre; }
.ai-chat-markdown .ai-chat-inline-action { color: var(--ai-chat-link-color); text-decoration: none; text-underline-offset: 2px; }
.ai-chat-markdown .ai-chat-inline-action:hover { color: var(--ai-chat-accent-hover); text-decoration: underline; }
.ai-chat-event-card { align-items: stretch; background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; box-sizing: border-box; color: inherit; display: flex; max-width: 100%; min-width: 0px; overflow: hidden; padding: 0px; text-align: left; width: 100%; }
.ai-chat-event-card .ai-chat-event-card-open { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; display: block; font: inherit; min-width: 0px; padding: 0px; text-align: left; width: 100%; }
.ai-chat-event-card.is-interactive .ai-chat-event-card-open { cursor: pointer; }
.ai-chat-event-card .ai-chat-event-date-card { background-color: var(--bg-modal); border-right: 1px solid var(--ai-chat-bubble-border); display: block; flex: 0 0 auto; padding: 10px; }
.ai-chat-event-card .ai-chat-event-calendar-box { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--secondary-shadow); display: block; font-weight: 600; overflow: hidden; padding-bottom: 3px; text-align: center; width: 48px; }
.ai-chat-event-card .ai-chat-event-calendar-box > span { display: block; }
.ai-chat-event-card .ai-chat-event-calendar-box .c-month { background-color: var(--btn-default-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); font-size: 10px; letter-spacing: 0.04em; padding: 3px 0px; text-transform: uppercase; }
.ai-chat-event-card .ai-chat-event-calendar-box .c-date { color: var(--text-color); font-size: 20px; line-height: 26px; }
.ai-chat-event-card .ai-chat-event-calendar-box .c-day { color: var(--ai-chat-muted-text); font-size: 10px; line-height: 12px; }
.ai-chat-event-card .ai-chat-event-body { align-items: flex-start; display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0px; padding: 10px 12px; }
.ai-chat-event-card .ai-chat-event-title { color: var(--text-color); display: block; font-size: 13px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.ai-chat-event-card .ai-chat-event-itinerary { display: block; margin-top: 8px; }
.ai-chat-event-card .ai-chat-event-itinerary .ai-chat-event-row { display: flex; font-size: 12px; gap: 6px; line-height: 1.4; }
.ai-chat-event-card .ai-chat-event-itinerary .ai-chat-event-row + .ai-chat-event-row { margin-top: 4px; }
.ai-chat-event-card .ai-chat-event-itinerary .ai-chat-event-key { color: var(--ai-chat-muted-text); flex: 0 0 auto; font-weight: 400; }
.ai-chat-event-card .ai-chat-event-itinerary .ai-chat-event-val { color: var(--text-color); min-width: 0px; word-break: break-word; }
.ai-chat-event-card .ai-chat-event-itinerary .ai-chat-event-row.is-notes .ai-chat-event-val { display: -webkit-box; -webkit-box-orient: vertical; color: var(--ai-chat-muted-text); -webkit-line-clamp: 2; overflow: hidden; }
.ai-chat-event-card .ai-chat-event-guests-toggle { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; cursor: pointer; display: inline-flex; font: inherit; gap: 4px; margin: 8px 0px 0px -6px; max-width: 100%; padding: 3px 6px; text-align: left; }
.ai-chat-event-card .ai-chat-event-guests-toggle:hover { background: var(--ai-chat-card-row-bg); }
.ai-chat-event-card .ai-chat-event-guests-toggle[aria-expanded="true"] .ai-chat-event-guests-chevron { transform: rotate(-90deg); }
.ai-chat-event-card .ai-chat-event-guests-count { color: var(--text-color); font-size: 12px; font-weight: 600; min-width: 0px; }
.ai-chat-event-card .ai-chat-event-guests-chevron { color: var(--ai-chat-muted-text); flex: 0 0 auto; transform: rotate(90deg); transition: transform 0.15s; }
.ai-chat-event-card .ai-chat-event-guests-list { box-sizing: border-box; margin-top: 2px; max-height: 132px; overflow-y: auto; width: 100%; }
.ai-chat-event-card .ai-chat-event-guest { align-items: center; display: flex; gap: 8px; min-width: 0px; padding: 3px 0px; }
.ai-chat-event-card .ai-chat-event-guest .email-icon-container, .ai-chat-event-card .ai-chat-event-guest .profile-icon { border-radius: 50%; flex: 0 0 auto; }
.ai-chat-event-card .ai-chat-event-guest .email-icon-container { align-items: center; display: flex; justify-content: center; }
.ai-chat-event-card .ai-chat-event-guest .nike-antd-skeleton { flex: 0 0 auto; line-height: 0; }
.ai-chat-event-card .ai-chat-event-guest-email { color: var(--text-color); flex: 1 1 auto; font-size: 12px; line-height: 1.4; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-message-action-card { align-items: center; display: flex; gap: 8px; min-width: 0px; padding: 8px 7px 7px 8px; width: 280px; }
.ai-chat-message-action-card .ai-chat-message-action-card-main-container { flex: 1 1 auto; }
.ai-chat-message-action-card .ai-chat-message-action-card-main { --btn-ghost-gap: 8px; --btn-ghost-padding: 0; --btn-ghost-hover-bg: #0000; flex: 1 1 auto; min-width: 0px; }
.ai-chat-message-action-card .ai-chat-message-action-card-main .email-icon-container, .ai-chat-message-action-card .ai-chat-message-action-card-main .profile-icon { border-radius: 50%; flex: 0 0 auto; }
.ai-chat-message-action-card .ai-chat-message-action-card-main .email-icon-container { align-items: center; display: flex; justify-content: center; }
.ai-chat-message-action-card .ai-chat-message-action-card-main .nike-antd-skeleton { flex: 0 0 auto; line-height: 0; }
.ai-chat-message-action-card-text { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0px; }
.ai-chat-message-action-card-subject { color: var(--text-color); font-size: 12.5px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-message-action-card-snippet { color: var(--ai-chat-muted-text); display: -webkit-box; font-size: 12px; -webkit-line-clamp: 2; line-height: 1.4; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ai-chat-message-action-card-new-tab { align-items: center; color: var(--ai-chat-muted-text); display: flex; flex: 0 0 auto; justify-content: center; padding: 3px; text-decoration: none; }
.ai-chat-message-action-card-new-tab:hover { color: var(--link-color); text-decoration: none; }
.ai-chat-message-action-popover .nike-antd-popover-container, .ai-chat-message-action-popover .nike-antd-popover-content { padding: 2px; }
.ai-chat-message-sources { align-items: stretch; display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ai-chat-message-sources-toggle-container { align-self: flex-start; margin-left: -6px; }
.ai-chat-message-sources-toggle { --btn-ghost-focus-outline: none; }
.ai-chat-message-sources-toggle[aria-expanded="true"] .ai-chat-message-sources-chevron { transform: rotate(-90deg); }
.ai-chat-message-sources-icon { color: var(--ai-chat-muted-text); flex: 0 0 auto; }
.ai-chat-message-sources-label { color: var(--text-color); font-size: 13px; font-weight: 500; line-height: 1.4; min-width: 0px; }
.ai-chat-message-sources-chevron { color: var(--ai-chat-muted-text); flex: 0 0 auto; transform: rotate(90deg); transition: transform 0.15s; }
.ai-chat-message-sources-list { border-left: 1px solid var(--ai-chat-bubble-border); max-height: 260px; overflow-y: auto; padding-left: 8px; }
.ai-chat-message-actions, .ai-chat-message-sources-list { align-items: stretch; display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ai-chat-message-actions { max-width: 100%; }
.ai-chat-message-action { width: 100%; --btn-chip-bg: var(--bg-primary-color); --btn-chip-hover-bg: var(--hover-color); --btn-chip-padding: 6px 11px; --btn-chip-font-size: 12.5px; --btn-chip-font-weight: 600; --btn-chip-text-align: left; --btn-chip-focus-outline: none; }
.ai-chat-message-action-row { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; cursor: pointer; display: flex; gap: 8px; min-width: 0px; padding: 4px 6px; text-align: left; }
.ai-chat-message-action-row:hover { background: var(--hover-color); }
.ai-chat-message-action-row .email-icon-container, .ai-chat-message-action-row .profile-icon { border-radius: 50%; flex: 0 0 auto; }
.ai-chat-message-action-row .email-icon-container { align-items: center; display: flex; justify-content: center; }
.ai-chat-message-action-row .nike-antd-skeleton { flex: 0 0 auto; line-height: 0; }
.ai-chat-message-action-row-subject { color: var(--text-color); flex: 1 1 auto; font-size: 12.5px; font-weight: 600; line-height: 1.4; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-message-action-row-icon { color: var(--ai-chat-accent-fg); flex: 0 0 auto; }
.ai-chat-message-action-row-date { color: var(--ai-chat-muted-text); flex: 0 0 auto; font-size: 11px; line-height: 1.4; white-space: nowrap; }
.ai-chat-message-action-link { align-items: center; border-radius: 4px; color: var(--text-color); display: flex; gap: 8px; min-width: 0px; padding: 4px 6px; text-decoration: none; }
.ai-chat-message-action-link:hover { background: var(--hover-color); text-decoration: none; }
.ai-chat-message-action-link-external, .ai-chat-message-action-link-icon { color: var(--ai-chat-muted-text); flex: 0 0 auto; }
.ai-chat-message-action-link-text { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0px; }
.ai-chat-message-action-link-title { color: var(--text-color); font-size: 12.5px; font-weight: 600; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-message-action-link-host { color: var(--ai-chat-muted-text); }
.ai-chat-message-action-link-description, .ai-chat-message-action-link-host { font-size: 11px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-message-action-link-description { color: var(--ai-chat-faint-text); }
.ai-chat-message-action-event-popover .nike-antd-popover-container, .ai-chat-message-action-event-popover .nike-antd-popover-content { padding: 0px; }
.ai-chat-message-action-event-popover .ai-chat-event-card, .ai-chat-message-action-event-popover .nike-antd-popover-content { border-radius: inherit; }
.ai-chat-message-action-event-popover .ai-chat-event-card { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 360px; }
.ai-chat-suggested-prompts { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; min-width: 0px; }
.ai-chat-suggested-prompt { --btn-chip-bg: #0000; --btn-chip-color: var(--ai-chat-muted-text); --btn-chip-hover-color: var(--text-color); --btn-chip-font-size: 13px; --btn-chip-text-align: left; --btn-chip-focus-outline: none; }
.ai-chat-update-notice { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.ai-chat-update-notice-text { color: var(--ai-chat-muted-text); font-size: 13px; line-height: 1.45; }
.ai-chat-update-notice-refresh { --btn-chip-font-size: 12.5px; --btn-chip-font-weight: 600; --btn-chip-radius: 7px; --btn-chip-focus-outline: none; }
.ai-chat-widget.layout-task-preview { background: var(--ai-chat-task-card-bg); }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-header { align-items: center; display: flex; gap: 8px; min-width: 0px; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-icon { flex: 0 0 auto; }
.ai-chat-widget.layout-task-preview .ai-chat-widget-title { line-height: 18px; min-width: 0px; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--ai-chat-muted-text); font-size: 12.5px; line-height: 18px; overflow: hidden; white-space: pre-wrap; word-break: break-word; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-pills { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0px; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-pill { align-items: center; background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 12px; color: var(--text-color); display: inline-flex; font-family: inherit; font-size: 12px; gap: 6px; line-height: 16px; max-width: 100%; min-width: 0px; padding: 3px 10px; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-pill-icon { color: var(--ai-chat-muted-text); flex: 0 0 auto; }
.ai-chat-widget.layout-task-preview .ai-chat-task-preview-pill-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-chat-user-message { background: var(--ai-chat-user-bubble-bg); border-radius: 8px 8px 2px; color: var(--ai-chat-user-bubble-text); font-size: 14px; line-height: 1.45; max-width: 82%; min-width: 0px; padding: 12px 16px; white-space: pre-wrap; word-break: break-word; }
.ai-chat-user-message.is-pending { opacity: 0.7; }
@keyframes ai-chat-hero-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes ai-chat-hero-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ai-chat-sparkle-fly-in { 
  0% { opacity: 0; transform: translate(14px, -14px) scale(0.4) rotate(-200deg); }
  70% { opacity: 1; transform: translate(0px) scale(1.45) rotate(10deg); }
  100% { opacity: 1; transform: translate(0px) scale(1) rotate(0deg); }
}
@keyframes ai-chat-hero-flash { 
  0% { opacity: 0.5; transform: scale(0.4) rotate(0deg); }
  100% { opacity: 0; transform: scale(1.2) rotate(45deg); }
}
@keyframes ai-chat-hero-spark { 
  0% { opacity: 0; transform: translate(0px) scale(0.4); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--ai-chat-spark-x),var(--ai-chat-spark-y)) scale(1); }
}
@keyframes ai-chat-hero-glint { 
  0% { transform: translateX(-120%) skewX(-18deg); }
  100% { transform: translateX(320%) skewX(-18deg); }
}
@keyframes ai-chat-empty-rise { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero { animation: 0.25s ease-out 0.15s 1 normal backwards running ai-chat-hero-fade; }
.ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero .ai-chat-tia-mark-sparkle { animation: 0.65s cubic-bezier(0.3, 1.5, 0.6, 1) 0.3s 1 normal both running ai-chat-sparkle-fly-in, 3.2s ease-in-out 1.75s infinite normal none running ai-chat-sparkle-twinkle; }
.ai-chat-empty-state.is-grand-entrance .ai-chat-empty-greeting { animation: 0.4s ease-out 0.7s 1 normal both running ai-chat-empty-rise; }
.ai-chat-empty-state.is-grand-entrance .ai-chat-empty-subtext { animation: 0.4s ease-out 0.82s 1 normal both running ai-chat-empty-rise; }
.ai-chat-empty-hero-burst, .ai-chat-empty-hero-glint { border-radius: inherit; inset: 0px; overflow: hidden; pointer-events: none; position: absolute; }
.ai-chat-empty-hero-burst svg { fill: var(--ai-chat-mark-color); left: 50%; opacity: 0; position: absolute; top: 50%; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-flash { animation: 0.5s ease-out 0.77s 1 normal both running ai-chat-hero-flash; height: 30px; margin: -15px; width: 30px; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-spark { animation: 0.55s ease-out 0.77s 1 normal both running ai-chat-hero-spark; height: 6px; margin: -3px; width: 6px; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-spark:nth-of-type(2) { --ai-chat-spark-x: -12px; --ai-chat-spark-y: -10px; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-spark:nth-of-type(3) { --ai-chat-spark-x: 12px; --ai-chat-spark-y: -12px; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-spark:nth-of-type(4) { --ai-chat-spark-x: 12px; --ai-chat-spark-y: 10px; }
.ai-chat-empty-hero-burst .ai-chat-empty-hero-spark:nth-of-type(5) { --ai-chat-spark-x: -11px; --ai-chat-spark-y: 11px; }
.ai-chat-empty-hero-glint::before { animation: 0.7s ease-in-out 0.9s 1 normal both running ai-chat-hero-glint; background: linear-gradient(100deg,#0000,color-mix(in srgb,var(--white) 60%,#0000),#0000); bottom: -20%; content: ""; left: 0px; position: absolute; top: -20%; transform: translateX(-120%) skewX(-18deg); width: 35%; }
.ai-chat-empty-state { align-items: flex-start; display: flex; flex-direction: column; gap: 6px; padding: 8px 0px 6px; }
.ai-chat-empty-state .ai-chat-empty-hero { align-items: center; animation: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running ai-chat-hero-in; background: var(--ai-chat-mark-bg); border-radius: 4px; color: var(--ai-chat-mark-color); display: flex; height: 40px; justify-content: center; position: relative; transition: transform 0.2s ease-out; width: 40px; }
.ai-chat-empty-state .ai-chat-empty-hero .ai-chat-tia-mark { position: relative; z-index: 1; }
.ai-chat-empty-state .ai-chat-empty-hero .ai-chat-empty-hero-glint { z-index: 2; }
.ai-chat-empty-state .ai-chat-empty-hero .ai-chat-tia-mark-sparkle { animation: 3.2s ease-in-out 0.5s infinite normal none running ai-chat-sparkle-twinkle; }
.ai-chat-empty-state .ai-chat-empty-hero:hover { transform: scale(1.15); }
.ai-chat-empty-state .ai-chat-empty-hero:hover .ai-chat-tia-mark-sparkle { animation: 1.2s ease-in-out 0s infinite normal none running ai-chat-sparkle-twinkle-hover; }
.ai-chat-empty-state .ai-chat-empty-greeting { color: var(--text-color); font-size: 20px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; margin-top: 16px; overflow-wrap: anywhere; }
.ai-chat-empty-state .ai-chat-empty-subtext { color: var(--ai-chat-muted-text); font-size: 14px; line-height: 1.5; }
.ai-chat-empty-state .ai-chat-empty-label { color: var(--ai-chat-faint-text); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; margin-top: 32px; text-transform: uppercase; }
.ai-chat-empty-state .ai-chat-prompt-list { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; width: 100%; }
.ai-chat-empty-state .ai-chat-prompt { align-items: center; animation: 0.22s ease 0s 1 normal both running ai-chat-prompt-in; background: var(--ai-chat-card-bg); border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; color: var(--text-color); cursor: pointer; display: flex; font-size: 14px; gap: 10px; line-height: 1.4; min-width: 0px; padding: 12px; text-align: left; transition: background 0.12s, border-color 0.12s, transform 0.12s; width: 100%; }
.ai-chat-empty-state .ai-chat-prompt:hover { border-color: var(--ai-chat-accent); color: var(--ai-chat-accent); transform: translateY(-1px); }
.ai-chat-empty-state .ai-chat-prompt:active { transform: translateY(0px); }
.ai-chat-empty-state .ai-chat-prompt:focus-visible { outline: 2px solid var(--ai-chat-accent); outline-offset: 1px; }
.ai-chat-empty-state .ai-chat-prompt-icon { align-items: center; background: var(--ai-chat-mark-bg); border-radius: 4px; color: var(--ai-chat-mark-color); display: flex; flex: 0 0 auto; height: 28px; justify-content: center; width: 28px; }
.ai-chat-empty-state .ai-chat-prompt-label { flex: 1 1 auto; min-width: 0px; overflow-wrap: anywhere; }
@keyframes ai-chat-prompt-in { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .ai-chat-empty-state .ai-chat-empty-hero, .ai-chat-empty-state .ai-chat-empty-hero .ai-chat-tia-mark-sparkle, .ai-chat-empty-state .ai-chat-prompt { animation: auto ease 0s 1 normal none running none; transition: none; }
  .ai-chat-empty-state .ai-chat-empty-hero .ai-chat-tia-mark-sparkle:hover, .ai-chat-empty-state .ai-chat-empty-hero:hover, .ai-chat-empty-state .ai-chat-prompt:hover { transform: none; }
  .ai-chat-empty-state .ai-chat-empty-hero:hover .ai-chat-tia-mark-sparkle, .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-greeting, .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero, .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero .ai-chat-tia-mark-sparkle, .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-subtext { animation: auto ease 0s 1 normal none running none; }
  .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero-burst, .ai-chat-empty-state.is-grand-entrance .ai-chat-empty-hero-glint { display: none; }
}
.ai-chat-new-reply { align-items: center; background: var(--ai-chat-accent); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 999px; box-shadow: var(--ai-chat-modal-shadow); color: var(--ai-chat-accent-contrast); display: flex; font-size: 13.02px; gap: 7px; padding: 4px 10px; white-space: nowrap; }
.ai-chat-new-reply:focus-visible { outline: 2px solid var(--ai-chat-accent); outline-offset: 2px; }
.ai-chat-new-reply svg { transform: rotate(90deg); }
.ai-chat-scroll-to-bottom { --btn-icon-border: 1px solid var(--ai-chat-bubble-border); --btn-icon-radius: 50%; --btn-icon-bg: var(--ai-chat-card-bg); --btn-icon-color: var(--text-color); --btn-icon-shadow: var(--ai-chat-modal-shadow); --btn-icon-focus-outline: 2px solid var(--ai-chat-accent); --btn-icon-focus-outline-offset: 2px; }
.ai-chat-scroll-to-bottom svg { transform: rotate(90deg); }
@keyframes ai-chat-thinking-shimmer { 
  0% { background-position: 100% 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes ai-chat-thinking-step-in { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
.ai-chat-thinking { align-items: flex-start; }
.ai-chat-thinking .ai-chat-thinking-bubble { align-items: center; border: 1px solid var(--ai-chat-bubble-border); border-radius: 2px 8px 8px; color: var(--ai-chat-muted-text); display: flex; font-size: 13px; overflow: hidden; padding: 10px 14px; }
.ai-chat-thinking .ai-chat-thinking-label { animation: 0.25s ease-out 0s 1 normal none running ai-chat-thinking-step-in; display: block; }
@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text) {
  .ai-chat-thinking .ai-chat-thinking-label { animation: 1.8s linear 0s infinite normal none running ai-chat-thinking-shimmer, 0.25s ease-out 0s 1 normal none running ai-chat-thinking-step-in; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; background-size: 250% 100%; color: rgba(0, 0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .ai-chat-thinking .ai-chat-thinking .ai-chat-thinking-label { animation: auto ease 0s 1 normal none running none; background: none; color: var(--ai-chat-muted-text); }
}
.ai-chat-panel { background-color: var(--bg-primary-color); display: flex; flex-direction: column; height: 100%; min-width: 0px; overflow: hidden; width: 100%; }
.ai-chat-panel button:enabled { cursor: pointer; }
.ai-chat-panel .ai-chat-scroll-area { display: flex; flex: 1 1 0%; flex-direction: column; gap: 16px; min-height: 0px; min-width: 0px; overflow: hidden auto; padding: 16px; }
.ai-chat-panel .ai-chat-scroll-area > *, .ai-chat-panel .ai-chat-scroll-area > .chat-row > * { max-width: 100%; min-width: 0px; }
.ai-chat-panel .ai-chat-error { border: 1px solid var(--ai-chat-bubble-border); border-radius: 8px; color: var(--ai-chat-muted-text); flex: 0 0 auto; font-size: 12.5px; line-height: 1.45; margin: 0px 12px; padding: 8px 12px; }
.preferences-wrap { background-color: var(--bg-modal); color: var(--text-color); display: flex; height: 100%; width: 100%; }
.preferences-wrap .preferences-content-container { display: flex; flex-direction: column; height: 100%; min-width: 0px; width: 100%; }
.preferences-wrap .preferences-content-container .sticky-button-div { bottom: 0px; position: sticky; }
.preferences-wrap .preferences-content-container .preference-close-btn { margin-left: 10px; }
.preferences-wrap .account-switcher { align-items: center; border-bottom: 1px solid var(--modal-line-separator); display: flex; height: 56px; justify-content: space-between; padding: 16px 36px; }
.preferences-wrap .account-switcher .title-container { align-items: center; display: flex; justify-content: center; }
.preferences-wrap .account-switcher .preferences-title { font-size: 20px; font-weight: 600; line-height: 33px; }
.preferences-wrap .preferences-offline-banner { align-items: center; background-color: var(--notification-offline); bottom: 0px; color: var(--notification-color); display: flex; font-size: 13.02px; font-weight: 600; gap: 8px; justify-content: center; padding: 8px 12px; position: sticky; }
.preferences-wrap .preferences-offline-banner .preferences-offline-banner__text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preferences-wrap .container-preference-tabs { background-color: var(--preferences-sidebar-bg-color); border-right: 1px solid var(--modal-line-separator); display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden auto; width: 260px; }
.preferences-wrap .container-preference-tabs .preferences-tabs .preference-tab-group-header { color: var(--tertiary-text-three); font-size: 11px; font-weight: 600; line-height: 20px; margin-top: 24px; overflow: hidden; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; width: 200px; }
.preferences-wrap .container-preference-tabs .preferences-tabs .preference-tab-group-header.account_and_security { margin-top: 12px; }
.preferences-wrap .container-preference-tabs .preferences-tabs .item { align-items: center; cursor: pointer; display: flex; padding: 6px 20px; }
.preferences-wrap .container-preference-tabs .preferences-tabs .item .tab-icon { color: var(--preferences-tab-icon); height: 24px; margin-right: 5px; width: 24px; }
.preferences-wrap .container-preference-tabs .preferences-tabs .item.active { background: var(--preferences-active-tab); }
.preferences-wrap .container-preference-tabs .preferences-tabs .item.active .name { font-weight: 600; }
.preferences-wrap .container-preference-tabs .preferences-tabs .item .name { color: var(--preferences-tab-text); font-size: 14px; line-height: 1.43; overflow: hidden; text-align: initial; text-overflow: ellipsis; white-space: nowrap; width: 150px; }
.preferences-wrap .container-preference-tabs .back-button-container { align-items: center; border-bottom: 1px solid var(--modal-line-separator); color: var(--link-color); cursor: pointer; display: flex; font-weight: 700; height: 56px; padding-left: 13px; padding-right: 20px; }
.preferences-wrap .container-preference-tabs .back-button-container .back-button-icon { height: 30px; margin-right: -1px; transform: rotate(90deg); width: 30px; }
.preferences-wrap .container-preference-tabs .back-button-container .name { align-items: center; display: flex; }
.preferences-wrap .container-preference-tabs .whats-new-container { font-size: 13px; font-weight: 400; margin-left: 10px; margin-top: auto; }
.preferences-wrap .container-preference-tabs .whats-new-container .whats-new-text { margin-right: 5px; }
.preferences-wrap .container-preference-tabs .app-version { margin-top: auto; padding-bottom: 6px; padding-left: 20px; }
.preferences-wrap input[type="checkbox"] { margin: 4px 7px 0px 0px; position: relative; width: auto; }
.preferences-wrap .checkbox, .preferences-wrap .radio { margin: 2px 7px 0px 0px; position: relative; width: auto; }
.preferences-wrap .checkbox.is-checked::before, .preferences-wrap .radio.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.preferences-wrap .checkbox.checkable::before, .preferences-wrap .radio.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.preferences-wrap .radio.is-checked::before { background-color: inherit; background-image: var(--radio-check-on-icon); height: 20px; width: 20px; }
.preferences-wrap .radio.checkable::before { background-image: var(--radio-check-off-icon); height: 20px; width: 20px; }
.preferences-wrap .radio { display: flex; margin: 0px 7px 0px 0px; position: relative; }
.preferences-wrap .display-language .account-label { margin-top: 24px; }
.preferences-wrap section:first-child h6:first-child { margin-top: 0px; }
.preferences-wrap section { margin-top: -9px; padding-bottom: 5px; }
.preferences-wrap section .item { padding-bottom: 4px; padding-top: 4px; }
.preferences-wrap .horizontal-divider { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-top: 24px; }
.preferences-wrap .preference-account .account-settings-heading { color: var(--text-color); font-size: 15.96px; font-weight: 600; margin-bottom: 24px; }
.preferences-wrap .preference-account .account-item:first-child { padding-top: 0px; }
.preferences-wrap .preference-account .account-label { color: var(--text-color); font-size: 14px; font-weight: 600; }
.preferences-wrap .preference-account .account-label.first-child-preference { color: var(--text-color); font-size: 14px; font-weight: 600; margin-bottom: 8px; margin-top: 0px; }
.preferences-wrap .preference-account .name-label-container { display: flex; flex-direction: column; }
.preferences-wrap .preference-account .account-sub-label { color: var(--text-color); font-size: 14px; }
.preferences-wrap .preference-account .profile-input-background { background-color: var(--input-uneditable); border-radius: 4px; color: var(--input-text-color); display: flex; height: 32px; margin-top: 8px; white-space: nowrap; width: 300px; }
.preferences-wrap .preference-account .profile-alternate-email, .preferences-wrap .preference-account .profile-name { align-content: center; display: flex; }
.preferences-wrap .preference-account .profile-label { overflow: hidden; padding: 6px 12px; text-overflow: ellipsis; }
.preferences-wrap .preference-account .profile-label:empty::before { color: var(--tertiary-text-three); content: attr(data-placeholder); }
.preferences-wrap .preference-account .edit-link { align-items: center; cursor: pointer; display: flex; margin-left: 12px; margin-top: 8px; }
.preferences-wrap .preference-account .edit-icon { color: var(--link-color); height: 20px; margin-right: 5px; vertical-align: middle; width: 20px; }
.preferences-wrap .preference-account .btn-edit { color: var(--link-color); cursor: pointer; font-size: 12.04px; }
.preferences-wrap .preference-account .profile-editor .profile-text { border-radius: 4px; display: inline-block; height: 32px; margin-right: 12px; margin-top: 8px; padding: 6px 12px; width: 300px; }
.preferences-wrap .preference-account .profile-editor button { min-width: 70px; }
.preferences-wrap .preference-account .error-state { color: var(--error-color); font-size: 12.04px; height: 14px; letter-spacing: -0.1px; }
.preferences-wrap .preference-account .error-state.hidden { display: none; }
.preferences-wrap .preference-account .profile-pic-label, .preferences-wrap .preference-account .quota-label { color: var(--text-color); font-size: 14px; margin-top: 8px; }
.preferences-wrap .preference-account .profile-pic-label.profile-pic-text, .preferences-wrap .preference-account .quota-label.profile-pic-text { align-items: center; background: var(--preferences-info-color); border-radius: 4px; display: flex; font-size: 12.04px; height: 36px; line-height: 16px; margin-top: 10px; width: 327px; }
.preferences-wrap .preference-account .profile-pic-label.profile-pic-text .info-icon, .preferences-wrap .preference-account .quota-label.profile-pic-text .info-icon { color: var(--preferences-info-icon); margin-left: 8px; margin-right: 5px; }
.preferences-wrap .preference-account .profile-pic-label.profile-pic-text .bold, .preferences-wrap .preference-account .quota-label.profile-pic-text .bold { font-weight: 600; }
.preferences-wrap .preference-account .name-label { display: inline-block; }
.preferences-wrap .preference-account .buttons-div { display: flex; flex-direction: row; margin-top: 16px; }
.preferences-wrap .preference-account .buttons-div .account-buttons { margin-right: 12px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preferences-wrap .preference-account .buttons-div .account-buttons.logout-button { margin: 0px; }
.preferences-wrap .preferences-content { background-color: var(--bg-modal); flex: 8 1 0%; }
.preferences-wrap .preferences-content .account-item { margin-bottom: 35px; }
.preferences-wrap .preferences-content .account-item.highlight { background-color: var(--preferences-highlighter); border-radius: 1px; box-shadow: 0 0 0 8px var(--preferences-highlighter); }
.preferences-wrap .preferences-content.emailAlias .scroll-region-content { margin-bottom: 20px; padding-bottom: 0px; padding-top: 10px; }
.preferences-wrap .preferences-content .scroll-region-content { padding-left: 36px; padding-top: 27px; padding-right: 38px !important; }
.preferences-wrap .preferences-content .scroll-region-content-inner { padding-right: 20px; }
.preferences-wrap .preferences-content .container-dropdown { margin: 5px 0px; }
.preferences-wrap .preferences-content .container-dropdown .dropdown { padding-left: 10px; }
.preferences-wrap .preferences-content.company_branding .scroll-region-content, .preferences-wrap .preferences-content.security .scroll-region-content, .preferences-wrap .preferences-content.titan_ai .scroll-region-content { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 34px !important; }
.preferences-wrap .preferences-content.company_branding .scroll-region-content-inner, .preferences-wrap .preferences-content.security .scroll-region-content-inner, .preferences-wrap .preferences-content.titan_ai .scroll-region-content-inner { height: 99%; padding: 0px; }
.preferences-wrap .filter-rule-container .scroll-region-content, .preferences-wrap .filter-rule-container .scroll-region-content-inner { padding: 0px; }
.preferences-wrap .container-general .account-label { color: var(--text-color); font-size: 14px; font-weight: 600; }
.preferences-wrap .container-general label { color: var(--preferences-subtitle); margin-right: 8px; }
.preferences-wrap .container-general .email-tracking-heading { font-size: 15.96px; font-weight: 600; margin-bottom: 12px; }
.preferences-wrap .container-general .email-tracking { display: flex; }
.preferences-wrap .container-general .upgrade-hook-button { font-weight: 400; left: 100%; margin: 12px 0px 0px 12px; padding: 2px 8px; position: absolute; top: 31px; }
.preferences-wrap .container-general .item { margin-top: 12px; }
.preferences-wrap .container-general .item .preferences-reading_pane-item-label { max-width: 290px; min-width: 290px; }
.preferences-wrap .container-general .item .preferences-reading_pane-item-label .icon-tooltip-label-container { font-weight: 400; }
.preferences-wrap .container-general .preferences-reading_pane-container { align-items: center; display: flex; justify-content: space-between; margin-top: 16px; width: 480px; }
.preferences-wrap .container-general .message-order-highlight { background-color: var(--preferences-highlighter); border-radius: 1px; box-shadow: 0 0 0 8px var(--preferences-highlighter); }
.preferences-wrap .container-general .item select { height: 32px; width: 206px; }
.preferences-wrap .container-general .font-change-dropdown-container { margin-top: 12px; }
.preferences-wrap .container-general .font-change-dropdown-container .font-family-item { align-items: baseline; display: flex; justify-content: space-between; width: 280px; }
.preferences-wrap .container-general .font-change-dropdown-container .font-family-item .font-family-wrapper { margin-left: 16px; }
.preferences-wrap .container-general .font-change-dropdown-container .font-family-item .font-size-wrapper { margin-left: 4px; }
.preferences-wrap .container-general .font-change-dropdown-container .font-family-item select { height: 32px; width: 117px; }
.preferences-wrap .container-general .config-item { display: flex; margin-top: 12px; }
.preferences-wrap .container-general .config-item label.desc { color: var(--tertiary-text-three); font-size: 12.04px; }
.preferences-wrap .container-general .pref-undo-timer-container { margin-bottom: 44px; position: relative; width: fit-content; }
.preferences-wrap .container-general .pref-undo-timer-container .account-item { margin-left: -10px; padding: 10px 10px 0px; }
.preferences-wrap .container-general .pref-undo-timer-container .pref-undo-timer { display: flex; }
.preferences-wrap .container-general .pref-undo-timer-container a { display: flex; font-weight: 400; padding-top: 12px; }
.preferences-wrap .container-general .pref-undo-timer-container a svg { margin-left: 5px; }
.preferences-wrap .container-general .pref-undo-timer-container .undo-timer-tooltip { position: relative; }
.preferences-wrap .container-general .pref-undo-timer-container .undo-timer-tooltip::before { background-color: var(--bg-tooltip); border-radius: 4px; bottom: -40px; color: var(--primary-text); content: attr(data-tooltip); display: none; font-size: 12.04px; left: 100%; margin-left: 15px; padding: 3px 8px; position: absolute; text-align: center; transform: translate(-75%); width: 348px; z-index: 1; }
.preferences-wrap .container-general .pref-undo-timer-container .undo-timer-tooltip:hover::before { display: block; }
.preferences-wrap .container-general .display-language label { margin-right: 0px; }
.preferences-wrap .container-general .composer-writing label { margin-right: 8px; }
.preferences-wrap .container-general .writing-section-pane { display: flex; flex-direction: column; gap: 16px; }
.preferences-wrap.blurred { filter: blur(2px); }
.allow-notif-info { display: flex; flex-direction: column; }
.allow-notif-info__title { font-weight: 600; line-height: 1.33; }
.allow-notif-info .allow-notif-info-row2 { align-items: flex-start; display: flex; }
.allow-notif-info .allow-notif-info-col2 { align-items: flex-start; margin-left: 8px; }
.allow-notif-info .allow-notif-info-cross { align-self: flex-end; margin-top: -12px; position: absolute; right: -1px; }
.allow-notif-info .allow-notif-info-cross:hover { cursor: pointer; }
.allow-notif-info .allow-notif-info-desc { display: flex; flex-direction: column; margin-top: 16px; }
.allow-notif-info .allow-notif-info-desc img { margin-left: 43px; margin-top: 8px; width: 194px; }
.allow-notif-info .allow-notif-info-desc__step2 { margin-top: 16px; }
.single-threaded-toggle-container { margin-bottom: 28px; padding-bottom: 8px; padding-top: 8px; }
.single-threaded-toggle-container .single-threaded-toggle-checkbox-container { display: flex; font-weight: 400; margin-top: 12px; }
.single-threaded-toggle-container.highlight { background-color: var(--preferences-highlighter); border-radius: 4px; margin-left: -9px; padding-left: 9px; }
.icon-tooltip-label-container { font-weight: 600; }
.icon-tooltip-label-container .icon-container { display: inline-block; vertical-align: middle; white-space: nowrap; }
.icon-tooltip-label-container .icon-container .info-icon { color: rgb(136, 136, 136); margin-bottom: -3px; margin-left: 5px; }
.icon-tooltip-label-container .icon-container .info-icon:hover { cursor: pointer; }
.enum-description-select-caret { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: contain; display: inline-block; height: 16px; width: 16px; }
.enum-description-select.ant-select { background: var(--bg-modal); border: 1px solid var(--dropdown-border-color); border-radius: 4px; color: var(--text-color); box-shadow: none !important; }
.enum-description-select.ant-select.ant-select-focused:not(.ant-select-disabled) .ant-select-selector { box-shadow: none !important; }
.enum-description-select.ant-select.ant-select-open .ant-select-content-value { color: var(--text-color) !important; }
.enum-description-select-popup { background: var(--bg-dropdown); border-radius: 4px; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 8px); padding: 0px; width: 352px; --ant-select-option-active-bg: #0000; }
.enum-description-select-popup .ant-select-item { border-radius: 0px; height: auto; }
.enum-description-select-popup .ant-select-item-option + .ant-select-item-option { background: none; border-top: 1px solid var(--secondary-line-separator); }
.enum-description-select-popup .ant-select-item-option { align-items: flex-start; padding: 16px 16px 14px; }
.enum-description-select-popup .ant-select-item-option .ant-select-item-option-content { white-space: normal; }
.enum-description-select-popup .ant-select-item-option.ant-select-item-option-selected:not(.ant-select-item-option-disabled), .enum-description-select-popup .ant-select-item-option:hover { background-color: var(--dropdown-hover-color); border-radius: 0px; }
.enum-description-select-popup .ant-select-item-option.ant-select-item-option-active:not(.ant-select-item-option-selected):not(:hover) { background-color: initial !important; }
.enum-description-select-popup .ant-select-item-option.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { font-weight: 400; }
.enum-description-select-popup .enum-description-option { align-items: flex-start; display: flex; gap: 8px; }
.enum-description-select-popup .enum-description-option__tick { align-items: center; color: var(--tertiary-text-three); display: flex; flex: 0 0 auto; height: 24px; justify-content: center; width: 24px; }
.enum-description-select-popup .enum-description-option__text { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.enum-description-select-popup .enum-description-option .option-label { color: var(--text-color); font-size: 14px; font-weight: 500; line-height: 120%; }
.enum-description-select-popup .enum-description-option .option-description { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; line-height: 130%; white-space: normal; }
.error-msg-wrapper > .error-msg { color: var(--error-color); font-size: 12.04px; line-height: 15px; margin-left: 2px; margin-top: 4px; }
.key-commands-region { height: 100%; position: relative; width: 100%; }
.tokenizing-field { display: block; margin: 0px; padding: 0px; position: relative; }
.tokenizing-field.disabled { opacity: 0.7; }
.tokenizing-field.disabled .token:hover, .tokenizing-field.disabled .tokenizing-field-input:hover { cursor: default; }
.tokenizing-field .content-container { background-color: var(--bg-dropdown-color); border: var(--dropdown-border); border-radius: 2px; box-shadow: var(--dropdown-shadow-one); position: absolute; z-index: 2; }
.tokenizing-field .content-container.empty { border: 0px; box-shadow: none; display: none; }
.tokenizing-field .footer-container, .tokenizing-field .header-container { background-color: initial; border: 0px; margin: 0px; padding: 0px; }
.tokenizing-field .token-editing-input { font-size: 14px; line-height: 17px; margin: 3px 6px 6px 1px; max-width: 100%; padding: 2em 1.5em 2em 2em; }
.tokenizing-field .token, .tokenizing-field .token-container { display: inline-block; position: relative; }
.tokenizing-field .token { background: rgba(0, 0, 0, 0); border-radius: 2.4px; color: var(--text-color); line-height: 1.9em; margin: 1px 5px 1px 1px; max-width: 100%; padding: 0px 1.5em 0px 10.5px; vertical-align: middle; }
.tokenizing-field .token .action { background-color: initial; border: 0px; color: var(--tertiary-text-three); font-size: 10.5px; margin: 0px; padding: 0px; position: absolute; right: 7px; }
.tokenizing-field .token:hover { background-color: var(--icon-hover-state); cursor: default; }
.tokenizing-field .token.invalid { background: rgba(0, 0, 0, 0); border: 1px dashed var(--error-color); margin-bottom: -1px; }
.tokenizing-field .token.dragging, .tokenizing-field .token.selected { background-color: var(--icon-hover-state); margin: 0px 4px 0px 0px; }
.tokenizing-field .token.dragging .participant-secondary, .tokenizing-field .token.dragging .secondary, .tokenizing-field .token.selected .participant-secondary, .tokenizing-field .token.selected .secondary { color: var(--tertiary-text-three); }
.tokenizing-field .token.dragging { cursor: -webkit-grabbing; }
.tokenizing-field .tokenizing-field-label { color: var(--tertiary-text-three); display: block; float: left; padding-top: 12px; text-transform: capitalize; }
.tokenizing-field .tokenizing-field-label:hover { cursor: default; }
.tokenizing-field.empty .tokenizing-field-input:not(.at-max-tokens) { align-items: center; display: flex; flex-wrap: wrap; }
.tokenizing-field.empty .tokenizing-field-input:not(.at-max-tokens) > span:not(:has(> input.token-editing-input)) { flex: 1 1 0%; min-width: 0px; }
.tokenizing-field.empty .tokenizing-field-input:not(.at-max-tokens) > span:not(:has(> input.token-editing-input)) > input { width: 100%; }
.tokenizing-field.empty .tokenizing-field-input:not(.at-max-tokens) > span:has(> input.token-editing-input) { flex: 0 0 auto; }
.tokenizing-field .tokenizing-field-input { margin-left: 2.8em; padding-bottom: 3px; padding-top: 9px; position: relative; }
.tokenizing-field .tokenizing-field-input:hover { cursor: text; }
.tokenizing-field .tokenizing-field-input.at-max-tokens { cursor: default; }
.tokenizing-field .tokenizing-field-input.at-max-tokens input.noop-input { opacity: 0; }
.tokenizing-field .tokenizing-field-input.at-max-tokens input.noop-input:hover { cursor: default; }
.tokenizing-field .tokenizing-field-input input { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: inline-block; max-width: 100%; min-width: 0.5em; padding: 0.3em 0px; vertical-align: top; width: auto; }
.tokenizing-field .tokenizing-field-input input.noop-input { box-shadow: none; margin-right: 0px; min-width: 0px; padding-left: 0px; position: absolute; }
.tokenizing-field .tokenizing-field-input input.noop-input:focus { box-shadow: none; }
.tokenizing-field .tokenizing-field-input input:focus { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.tokenizing-field .tokenizing-field-input .btn-remove-token { cursor: pointer; float: right; margin-bottom: 1px; margin-right: -10px; opacity: 0.8; padding-left: 2px; }
.tokenizing-field .tokenizing-field-input .btn-remove-token svg { vertical-align: middle; }
.tokenizing-field .tokenizing-field-input .composer-header-actions { padding-top: 4px; }
.tokenizing-field .placeholder { color: var(--tertiary-text-three); left: 8px; margin-top: -0.75em; position: absolute; top: 50%; }
.auto-clean-rule-form { width: 574px; }
.auto-clean-rule-form .error-msg-wrapper { max-width: 100%; }
.auto-clean-rule-form .error-msg-wrapper > .error-msg { height: 45px; margin-bottom: -30px; }
.auto-clean-rule-form .sub-head { font-size: 14px; font-weight: 600; line-height: 20px; }
.auto-clean-rule-form .rule-name { background-color: var(--bg-modal-active-item); border-radius: 4px; padding: 8px; }
.auto-clean-rule-form .rule-name .rule-name-input { border-radius: 4px; height: 32px; padding: 4px 8px; }
.auto-clean-rule-form .rule-name .rule-name-input:focus { border-color: var(--link-color); }
.auto-clean-rule-form .rule-name .rule-name-input.error { border-color: var(--error-color); }
.auto-clean-rule-form .conditions-container { margin-top: 32px; }
.auto-clean-rule-form .conditions-wrapper { background-color: var(--bg-modal-active-item); border-radius: 4px; display: flex; flex-direction: column; gap: 16px; padding: 8px 44px 8px 8px; }
.auto-clean-rule-form .conditions { align-items: center; display: flex; gap: 12px; height: 32px; }
.auto-clean-rule-form .conditions.error { margin-bottom: 20px; }
.auto-clean-rule-form .conditions.error .error-message-hoc { margin-top: 20px; }
.auto-clean-rule-form .conditions .error-message-hoc { flex: 1 1 0%; }
.auto-clean-rule-form .conditions .label { align-items: center; background: var(--input-bg); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); display: flex; height: 100%; min-width: 180px; padding: 4.5px 8px; }
.auto-clean-rule-form .conditions .email-select-input { flex: 1 1 0%; }
.auto-clean-rule-form .conditions .composer-participant-field { min-height: 32px; width: 100%; }
.auto-clean-rule-form .conditions .composer-participant-field .tokenizing-field .token { margin: 2px 0px 0px; }
.auto-clean-rule-form .conditions .composer-participant-field .tokenizing-field .token .btn-remove-token { height: 16px; margin-top: 1px; }
.auto-clean-rule-form .conditions .composer-participant-field::after { height: 0px; }
.auto-clean-rule-form .conditions .auto-clean-dropdown, .auto-clean-rule-form .conditions .auto-clean-duration-picker, .auto-clean-rule-form .conditions .auto-clean-folder-picker, .auto-clean-rule-form .conditions .dropdown-picker, .auto-clean-rule-form .conditions .dropdown-picker .menu .item, .auto-clean-rule-form .conditions .dropdown-picker .only-item, .auto-clean-rule-form .conditions .dropdown-picker .secondary-items { width: 100%; }
.auto-clean-rule-form .conditions .tokenizing-field-wrap { background-color: var(--input-bg); border-radius: 4px; padding: 0px; }
.auto-clean-rule-form .conditions .tokenizing-field-wrap .tokenizing-field-input { height: 30px; margin: 0px; overflow: hidden; padding: 0px 0px 0px 6px; }
.auto-clean-rule-form .conditions .tokenizing-field-wrap .tokenizing-field-input > span span { max-width: 90%; }
.form-footer { display: flex; gap: 12px; margin-top: 40px; }
.form-footer button:hover { cursor: pointer; }
.rule-delete-dialog { padding: 24px; width: 100%; }
.rule-delete-dialog .title { font-size: 15.96px; font-weight: 600; line-height: 20px; margin-bottom: 8px; }
.rule-delete-dialog .buttons { display: flex; gap: 20px; justify-content: flex-end; margin-top: 40px; }
.rule-delete-dialog .buttons button { min-height: 32px; }
.rule-list-container { display: flex; flex-direction: column; height: 100%; margin-right: 16px; }
.rule-list-container .rule-list-header { align-items: center; display: flex; justify-content: space-between; }
.rule-list-container .rule-list-header .header-description { font-size: 15.96px; font-weight: 600; }
.rule-list-container .rule-list-desc { color: var(--inactive-text-label); margin-bottom: 8px; margin-top: 32px; }
.rule-list-container:last-child { border-bottom: 1px solid var(--modal-line-separator); }
.rule-list-container.empty:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.rule-list-container .empty-container { align-items: center; display: flex; flex-direction: column; gap: 16px; height: 600px; justify-content: center; }
.rule-list-container .empty-container .empty-msg { color: var(--tertiary-text-three); }
.rule-list-container .auto-clean-rule-item { border-top: 1px solid var(--modal-line-separator); line-height: 50px; }
.rule-list-container .auto-clean-rule-item .toggle-switch { color: var(--link-color); cursor: pointer; font-weight: 500; margin-left: 8px; }
.rule-list-container .auto-clean-rule-item .btn-toolbar { padding: 0px 2px 2px; }
.rule-list-container .auto-clean-rule-item .btn-toolbar:first-of-type { padding-left: 8px; padding-right: 8px; }
.rule-list-container .auto-clean-rule-summary-container { padding-bottom: 16px; }
.rule-list-container .auto-clean-rule-summary-container span.label { font-weight: 500; }
.auto-clean-paywall-container { background: var(--preferences-auto-clean-paywall-bg); border: 1px solid var(--border-spell-checker-pref-paywall); border-radius: 4px; display: flex; font-size: 14px; gap: 8px; justify-content: space-between; padding: 20px; width: 952px; }
.auto-clean-paywall-container .content-container { display: flex; flex-direction: column; justify-content: space-between; max-width: 50%; }
.auto-clean-paywall-container .content-container .description-text { align-items: baseline; display: flex; }
.auto-clean-paywall-container .content-container .paywall-header { color: var(--text-spell-checker-pref-paywall); font-size: 15.96px; font-weight: 600; }
.auto-clean-paywall-container .content-container .auto-clean-upgrade-btn { margin-top: 16px; width: fit-content; }
.auto-clean-paywall-container .content-container .auto-clean-upgrade-btn button { padding: 8px 22px; }
.auto-clean-paywall-container .content-container .tick-icon svg { color: var(--tick-mark); }
.auto-clean-paywall-container .image-container { align-items: center; background-color: var(--preferences-paywall-image-bg); border-radius: 4px; height: fit-content; margin-bottom: auto; margin-top: auto; padding: 20px; width: fit-content; }
.auto-clean-paywall-container .image-container img { border-radius: 8px; height: 145px; width: 355px; }
.offline-guard-placeholder { align-items: center; color: var(--secondary-text); display: flex; flex: 1 1 0%; flex-direction: column; gap: 12px; justify-content: center; padding: 24px; text-align: center; width: 100%; }
.offline-guard-placeholder .offline-guard-message { font-size: 14px; margin: 0px; }
.preferences-iframe-container { height: 100%; }
.preferences-iframe-container .loading { align-items: center; background-color: var(--bg-modal); inset: 0px; display: flex; justify-content: center; position: absolute; }
.discard-options-menu-container { align-items: flex-start; background-color: var(--bg-discard-options); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 16px; color: var(--text-color); display: flex; flex-direction: column; font-size: 14px; font-weight: 400; line-height: 21px; min-width: 120px; padding: 4px; position: absolute; right: 6px; top: 40px; width: fit-content; }
.discard-options-menu-container.arrow-up::after, .discard-options-menu-container.arrow-up::before { border-top: 11px solid rgba(0, 0, 0, 0); border-right: 11px solid rgba(0, 0, 0, 0); border-left: 11px solid rgba(0, 0, 0, 0); border-image: initial; border-bottom: 11px solid var(--bg-discard-options); bottom: calc(100% - 1px); content: ""; left: calc(100% - 25px); position: absolute; }
.discard-options-menu-container.arrow-down::after, .discard-options-menu-container.arrow-down::before { border-right: 11px solid rgba(0, 0, 0, 0); border-bottom: 11px solid rgba(0, 0, 0, 0); border-left: 11px solid rgba(0, 0, 0, 0); border-image: initial; border-top: 11px solid var(--bg-discard-options); content: ""; left: calc(100% - 25px); position: absolute; top: calc(100% - 1px); }
.discard-options-menu-container button { font-weight: 500; width: 100%; }
.discard-options-menu-container button:hover { cursor: pointer; opacity: 0.9; }
body.theme-light { --composer-banner-info-bg: #f1f7ff; --composer-banner-info-border: #e9f2ff; --composer-banner-info-text-color: #000; --composer-banner-info-close-color: #888; --composer-banner-upgrade-bg: #f7f7f7; --composer-banner-upgrade-border: #f4f4f4; --composer-banner-upgrade-close-color: #9c9c9c; --composer-banner-success-bg: #eef9f0; --composer-banner-success-border: #b3dfbd; --composer-banner-warning-bg: #fff8e5; --composer-banner-warning-border: #f4d57a; --composer-banner-error-bg: #ffeef0; --composer-banner-error-border: #f5bcc3; }
body.theme-dark { --composer-banner-info-bg: #425265; --composer-banner-info-border: #4b5e75; --composer-banner-info-text-color: #f2f2f2; --composer-banner-info-close-color: #fff; --composer-banner-upgrade-bg: #1f1f1f; --composer-banner-upgrade-border: #303030; --composer-banner-upgrade-close-color: #9c9c9c; --composer-banner-success-bg: #1c3525; --composer-banner-success-border: #2d5c3a; --composer-banner-warning-bg: #2d2a14; --composer-banner-warning-border: #5c5020; --composer-banner-error-bg: #2d1618; --composer-banner-error-border: #5c2830; }
.composer-banner-shell { align-items: center; display: flex; position: relative; }
.composer-banner-shell-left { align-items: center; display: flex; flex: 1 1 0%; gap: 8px; min-width: 0px; }
.composer-banner-shell-icon-wrap { align-items: center; display: flex; flex-shrink: 0; }
.composer-banner-shell-body { align-items: center; display: flex; flex: 1 1 0%; min-width: 0px; }
.composer-banner-shell-content { color: var(--composer-banner-text-color,var(--text-color)); flex: 1 1 0%; min-width: 0px; }
.composer-banner-shell-action { flex-shrink: 0; }
.composer-banner-shell-close { align-items: center; background: rgba(0, 0, 0, 0); border: 0px; cursor: pointer; display: flex; line-height: 0; opacity: 0.6; padding: 0px; position: absolute; right: 16px; top: 8px; }
.composer-banner-shell-close svg path { --close-icon-color: var(--composer-banner-close-color); }
.composer-banner-shell-close:hover { opacity: 1; }
.composer-banner-shell-dismiss-menu { position: absolute; right: 8px; top: calc(100% + 4px); z-index: 10; }
.composer-banner-shell-dismiss-menu .discard-options-menu-container { position: relative; right: auto; top: auto; }
.composer-banner-shell-dismiss-menu .discard-options-menu-container.arrow-down::after, .composer-banner-shell-dismiss-menu .discard-options-menu-container.arrow-down::before, .composer-banner-shell-dismiss-menu .discard-options-menu-container.arrow-up::after, .composer-banner-shell-dismiss-menu .discard-options-menu-container.arrow-up::before { left: auto; right: 9px; }
.composer-banner-shell--top { margin-top: 10px; }
.composer-banner-shell--bottom { position: relative; }
.composer-banner-shell--bottom .composer-banner-shell-dismiss-menu { bottom: calc(100% + 17px); top: auto; }
.composer-banner-shell--info { --composer-banner-text-color: var(--composer-banner-info-text-color); --composer-banner-close-color: var(--composer-banner-info-close-color); background: var(--composer-banner-info-bg); border-bottom: 1px solid var(--composer-banner-info-border); border-top: 1px solid var(--composer-banner-info-border); }
.composer-banner-shell--success { background: var(--composer-banner-success-bg); border-bottom: 1px solid var(--composer-banner-success-border); border-top: 1px solid var(--composer-banner-success-border); }
.composer-banner-shell--warning { background: var(--composer-banner-warning-bg); border-bottom: 1px solid var(--composer-banner-warning-border); border-top: 1px solid var(--composer-banner-warning-border); }
.composer-banner-shell--error { background: var(--composer-banner-error-bg); border-bottom: 1px solid var(--composer-banner-error-border); border-top: 1px solid var(--composer-banner-error-border); }
.composer-banner-shell--upgrade { --composer-banner-close-color: var(--composer-banner-upgrade-close-color); background: var(--composer-banner-upgrade-bg); border-bottom: 1px solid var(--composer-banner-upgrade-border); border-top: 1px solid var(--composer-banner-upgrade-border); }
.adaptive-button-group-container { display: flex; justify-content: space-between; width: 100%; }
.adaptive-button-group-container .visible-button-container { display: flex; width: 96%; }
.adaptive-button-group-container .visible-button-container .visible-button-outer { display: inline-flex; }
.adaptive-button-group-container .visible-button-container .visible-button-outer.invisible { opacity: 0; pointer-events: none; }
.adaptive-button-group-container .btn-more { padding: 0px; }
.adaptive-button-group-container .buttons-shown-wrapper { display: flex; }
.hidden-button-overflow-menu { background-color: var(--bg-modal); }
.hidden-button-overflow-menu .hidden-button-dropdown-item:first-child:hover { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.hidden-button-overflow-menu .hidden-button-dropdown-item:last-child:hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.hidden-button-overflow-menu .hidden-button-dropdown-item:not(:last-child) { border-bottom: 1px solid var(--secondary-line-separator); }
.hidden-button-overflow-menu.menu .item.hidden-button-dropdown-item { padding: 0px; }
.composer-footer-overflow.hidden-button-overflow-menu { padding: 2px; }
.composer-footer-overflow.hidden-button-overflow-menu .item.hidden-button-dropdown-item { display: flex; justify-content: center; padding: 1px 0px; }
.composer-footer-overflow.hidden-button-overflow-menu .item.hidden-button-dropdown-item .btn { padding: 0px; }
.composer-feature-manager { display: flex; flex-direction: column; width: 100%; }
.composer-feature-manager .header-container { align-items: flex-start; display: flex; justify-content: space-between; padding: 20px 24px 0px; width: 100%; }
.composer-feature-manager .header-container .header-txt { color: var(--text-color); font-size: 24px; font-weight: 600; }
.composer-feature-manager .header-container .sub-header-txt { color: var(--secondary-text); font-size: 14px; font-weight: 400; margin-top: 4px; }
.composer-feature-manager .header-container .close-btn { align-self: baseline; }
.composer-feature-manager .settings-container { display: flex; flex-direction: column; margin-top: 20px; padding: 0px 24px; }
.composer-feature-manager .settings-container .header-txt { color: var(--text-color); font-size: 14px; font-weight: 600; margin-bottom: 16px; }
.composer-feature-manager .settings-container .reorder-and-preview { align-items: center; display: flex; gap: 25px; justify-content: space-between; margin-bottom: 28px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list-loader { display: flex; justify-content: center; width: 321px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list { align-items: flex-end; display: flex; flex-direction: column; gap: 12px; margin: 0px; max-width: 280px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list.no-enabled-features { gap: 0px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .disabled-features-container, .composer-feature-manager .settings-container .reorder-and-preview .feature-list .enabled-features-container, .composer-feature-manager .settings-container .reorder-and-preview .feature-list .locked-features-container { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item { align-items: center; background: var(--bg-modal); border: 1px solid var(--quick-action-border-color); border-radius: 8px; display: flex; height: 52px; justify-content: space-between; padding: 14px 10px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item .feature-details { align-items: center; display: flex; gap: 4px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item .feature-details .drag-icon { align-items: center; color: var(--drag-icon-color); cursor: move; display: flex; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item .feature-details .drag-icon svg { width: 15px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item .feature-details .feature-icon { color: var(--tertiary-text-three); }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item.disabled { opacity: 1; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .feature-item.disabled .feature-details .disabled.drag-icon { color: var(--btn-disabled); height: 24px; }
.composer-feature-manager .settings-container .reorder-and-preview .feature-list .locked-features-container .feature-item { background: var(--locked-feature-background); }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview { background: var(--bg-menu); border-radius: 8px; height: 410px; width: 610px; zoom: 0.7; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .header { align-items: center; background: var(--flyout-bg-color); border-radius: 8px 8px 0px 0px; color: rgb(255, 255, 255); display: flex; font-weight: 600; justify-content: space-between; padding: 8px 12px; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .header .header-actions { display: flex; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .form { padding: 6px 12px; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .row { border-bottom: 1px solid var(--quick-action-border-color); color: var(--tertiary-text-three); padding: 8px 0px; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .flex.justify-content-space-between { align-items: center; display: flex; justify-content: space-between; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .flex.justify-content-space-between .margin-left-8 { margin-left: 8px; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .toolbar { background: var(--preview-pane-bg); border-radius: 8px; display: flex; gap: 10px; margin: 0px 12px; padding: 6px 0px; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .toolbar .btn.btn-toolbar { cursor: default !important; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .toolbar .btn.btn-toolbar:hover { background: none; }
.composer-feature-manager .settings-container .reorder-and-preview .composer-preview .pill { align-items: center; color: var(--tertiary-text-three); cursor: default; display: inline-flex; margin-left: 6px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.composer-feature-manager .footer-button-container { align-items: center; background-color: var(--bg-modal); border-top: 1px solid var(--line-seprator-color); bottom: 0px; display: flex; justify-content: space-between; padding: 20px 24px; position: sticky; }
.composer-feature-manager .footer-button-container .reset-to-default-content { align-items: center; display: flex; font-weight: 400; gap: 4px; }
.composer-feature-manager .footer-button-container .reset-to-default-content .reset-icon-container { height: 20px; }
.manage-composer-toolbar-button { background: none; font-weight: 400; padding: 8px 8px 8px 10px; width: 100%; }
.manage-composer-toolbar-button .button-content { align-items: center; display: flex; gap: 4px; }
.manage-composer-toolbar-button .button-content .icon-wrapper { align-self: flex-start; height: 24px; }
.manage-composer-toolbar-button .button-content .icon-wrapper svg { color: var(--tertiary-text-three); }
.manage-composer-toolbar-button .button-content .text-wrapper { line-height: 1.5; text-align: left; }
.contact-list-popover { border-radius: 4px; font-size: 14px; line-height: 1.43; padding: 8px 0px; width: 300px; }
.contact-list-popover .upper-container { max-height: 235px; overflow: auto; }
.contact-list-popover .header-container { align-items: center; display: flex; padding: 8px 16px 8px 20px; }
.contact-list-popover .header-container .menu-title { align-items: center; color: var(--text-color); cursor: default; display: flex; font-size: 12.04px; font-weight: 600; overflow: hidden; text-transform: uppercase; }
.contact-list-popover .header-container .tooltip-icon-container { height: 24px; }
.contact-list-popover .content-container { max-height: 350px; overflow: scroll; width: 100%; }
.contact-list-popover .content-container .item { cursor: default; padding: 10px 6px 10px 46px; position: relative; width: 100%; }
.contact-list-popover .content-container .item.no-contact-list { color: var(--tertiary-text-three); }
.contact-list-popover .content-container .item .menu-items { align-items: center; display: flex; height: 20px; justify-content: space-between; }
.contact-list-popover .content-container .item .menu-items .content { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 20px); }
.contact-list-popover .content-container .item .menu-items .action-items { display: none; }
.contact-list-popover .content-container .item .menu-items .action-items button { height: 100%; line-height: normal; padding: 0px 3px; }
.contact-list-popover .content-container .item .menu-items .action-items button .icon { margin-right: 0px; vertical-align: middle; }
.contact-list-popover .content-container .item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; text-decoration: none; }
.contact-list-popover .content-container .item:hover .action-items { display: flex; }
.contact-list-popover .content-container .item:active { color: var(--text-color); }
.contact-list-popover .content-container .paywall-text-container { background: var(--bg-inline-paywall); border: 1px solid var(--inline-paywall-border); border-radius: 4px; cursor: pointer; display: flex; line-height: 14px; margin-left: 12px; margin-top: 4px; padding: 11px; }
.contact-list-popover .content-container .paywall-text-container:hover { background-color: var(--inline-paywall-hover); }
.contact-list-popover .content-container .paywall-text-container .icon-container { align-items: center; display: flex; margin-right: 8px; }
.contact-list-popover .content-container .paywall-text-container .text-style { font-size: 12.04px; font-weight: 400; }
.contact-list-popover .content-container .paywall-text-container .text-style .link { color: var(--link-color); cursor: pointer; }
.contact-list-popover .footer-container .footer-item { align-items: center; border-top: 1px solid var(--dropdown-border-color); display: flex; justify-content: space-between; overflow: hidden; padding: 8px 16px; width: 100%; }
.contact-list-popover .footer-container .footer-item .icon { margin-right: 5px; }
.contact-list-popover .footer-container .footer-item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.contact-list-popover .footer-container .footer-item .footer-item-container { align-items: center; display: flex; }
.contact-list-popover .footer-container .footer-item .icon-container { height: 24px; }
.contact-list-popover .icon { color: var(--icon-secondary-color); }
.feature-popover.contact-list-submenu.menu-open-left.block .menu .content-container { padding: 0px; width: 100%; }
.feature-popover.contact-list-submenu.menu-open-left.block .menu .content-container .contact-list-overflow:not(.active):not(.selected):not(.readonly):not(.disable):hover { background: none; }
.feature-popover.contact-list-submenu.menu-open-left.block .menu .content-container .contact-list-overflow { padding: 0px; }
.feature-popover.contact-list-submenu.menu-open-left.block .menu .content-container .contact-list-popover .item { padding-left: 46px; }
.btn.btn-contact { align-items: center; background: rgba(0, 0, 0, 0); box-shadow: none; color: var(--text-color); display: flex; font-weight: 400; line-height: 10px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.btn.btn-contact.btn-enabled { background-color: var(--icon-hover-state) !important; }
.btn.btn-contact:hover { background-color: var(--icon-hover-state); }
.btn.btn-contact:hover .icon { color: rgb(216, 117, 237); }
.btn.btn-contact:focus { box-shadow: none; }
.contact-list-composer-button { display: flex; position: relative; }
.contact-list-composer-button .icon { color: var(--icon-secondary-color); }
.contact-list-composer-button .btn-template { line-height: 18px; white-space: normal; }
.contact-list-composer-button .btn-template span { flex: 1 1 0%; }
.email-backup-settings { display: flex; flex-direction: column; height: 800px; overflow: hidden; }
.email-backup-settings .backup-settings { background: var(--email-backup-settings-bg); border: 1px solid var(--email-backup-settings-border); border-radius: 8px; display: flex; gap: 64px; max-width: 100%; min-width: 780px; padding: 28px; width: max-content; }
.email-backup-settings .backup-settings .backup-content { display: flex; flex-direction: column; justify-content: space-between; }
.email-backup-settings .backup-settings .backup-content .backup-details { display: flex; flex-direction: column; }
.email-backup-settings .backup-settings .backup-content .backup-details .header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 28px; }
.email-backup-settings .backup-settings .backup-content .backup-details .header h1 { align-items: center; color: var(--text-color); display: flex; font-size: 15.96px; font-weight: 600; margin: 0px; }
.email-backup-settings .backup-settings .backup-content .backup-details .header h1 .icon { align-items: center; background-color: rgb(13, 153, 25); border-radius: 50%; display: flex; height: 18px; justify-content: center; margin-left: 12px; width: 18px; }
.email-backup-settings .backup-settings .backup-content .backup-details .header h1 .icon svg { color: rgb(255, 255, 255); }
.email-backup-settings .backup-settings .backup-content .backup-details .header p { color: var(--secondary-text-subtle); font-size: 14px; margin: 0px; }
.email-backup-settings .backup-settings .backup-content .backup-details .features { display: flex; flex-direction: column; gap: 16px; }
.email-backup-settings .backup-settings .backup-content .backup-details .features .feature-item { align-items: center; display: flex; gap: 4px; }
.email-backup-settings .backup-settings .backup-content .backup-details .features .feature-item .check-icon { color: var(--btn-default-color); }
.email-backup-settings .backup-settings .backup-content .backup-details .features .feature-item .feature-text { color: var(--secondary-text-subtle); }
.email-backup-settings .backup-settings .backup-content .backup-button { margin-top: 34px; }
.email-backup-settings .backup-settings .backup-content .backup-button .backup-button-loader { align-items: center; display: flex; min-height: 40px; }
.email-backup-settings .backup-settings .backup-content .backup-button .buy-email-backup-button { align-items: center; background-color: var(--background-color-for-upgrade); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-for-upgrade); display: flex; justify-content: center; min-height: 40px; padding: 8px 22px; }
.email-backup-settings .backup-settings .backup-content .backup-button .buy-email-backup-button span { font-size: 14px; font-weight: 600; }
.email-backup-settings .backup-settings .backup-content .backup-button .buy-email-backup-button:hover { background-color: var(--upgrade-hook-hover-color); }
.email-backup-settings .backup-settings .backup-content .upgrade-btn .upgrade-hook-button { font-weight: 400; min-height: 40px; }
.email-backup-settings .backup-settings .backup-content .backup-video-container { padding-bottom: 16px; padding-right: 16px; padding-top: 16px; }
.email-backup-settings .backup-settings .backup-illustration { border: 1px solid var(--email-backup-trash-upgrade-bar-bg); border-radius: 4px; height: 316px; width: 316px; }
.email-backup-settings .backup-settings .backup-illustration.hidden { display: none; }
.email-designer-nudge-container { border-radius: 8px; box-shadow: var(--invoice-builder-nudge-shadow); display: flex; flex-direction: column; width: 394px; }
.email-designer-nudge-container .email-designer-nudge-media-content { background-color: rgb(136, 177, 250); border-radius: 8px 8px 0px 0px; position: relative; width: 100%; }
.email-designer-nudge-container .email-designer-nudge-media-content img { border-radius: 3px 3px 0px 0px; margin-top: 45px; width: 100%; }
.email-designer-nudge-container .email-designer-nudge-media-content .closeIconContainer { color: rgb(85, 85, 85); cursor: pointer; position: absolute; right: 12px; top: 12px; }
.email-designer-nudge-container .email-designer-nudge-media-content .closeIconContainer button { align-items: center; background-color: initial; display: flex; height: 24px; justify-content: center; padding: 0px; width: 24px; }
.email-designer-nudge-container .email-designer-nudge-content { align-items: center; display: flex; flex-direction: column; font-size: 15.96px; gap: 16px; justify-content: center; line-height: normal; padding: 16px 25px 32px; text-align: center; white-space: normal; width: 100%; }
.email-designer-nudge-container .email-designer-nudge-content .email-designer-nudge-title { font-size: 23.94px; font-weight: 600; }
.email-designer-nudge-container .email-designer-nudge-content .email-designer-nudge-cta-button { font-size: 14px; height: 40px; width: 100%; }
.email-designer-nudge-container .email-designer-nudge-content .email-designer-nudge-cta-button button { border-radius: 5px; min-height: 40px; min-width: 320px; }
.email-designer-nudge-container .email-designer-nudge-footer { align-items: center; display: flex; flex-direction: column; font-weight: 600; gap: 16px; justify-content: center; margin-top: 16px; }
.email-designer-nudge-container .email-designer-nudge-footer .do-not-show-me-again-button .btn { font-weight: 600; }
.feature-popover.email-designer-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-designer-nudge-overflow:not(.active):not(.selected):not(.readonly):not(.disable):hover { background: none; }
.feature-popover.email-designer-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-designer-nudge-overflow { padding: 0px; }
.feature-popover.email-designer-contextual-nudge-submenu.menu-open-left.block .menu .content-container { padding: 0px; width: 100%; }
.feature-popover.email-designer-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-designer-nudge-overflow { padding-left: 0px; }
.designer-modal-container { background: var(--bg-modal); }
.animation { height: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 24px; }
.designer-error-container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
.designer-error-container .error-text { font-weight: 600; }
.email-designer-container { align-items: center; background: rgba(0, 0, 0, 0); border-radius: 2px; box-shadow: none; color: var(--text-color); cursor: pointer; display: flex; font-weight: 400; line-height: 10px; margin-left: 8px; white-space: nowrap; }
.email-designer-container .btn-animation { display: none; }
.email-designer-container:hover { background-color: var(--icon-hover-state); border-radius: 4px; }
.email-designer-container:hover .btn-animation { display: inline; height: 24px; width: 24px; }
.email-designer-container:hover .icon { display: none; }
.email-designer-container.offline:hover .icon { display: inline; }
.email-designer-container .btn.btn-designer-mode { align-items: center; background: rgba(0, 0, 0, 0); box-shadow: none; color: var(--text-color); display: flex; font-weight: 400; line-height: 10px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.carousel { height: 100%; position: relative; width: 100%; }
.carousel .carousel-slide { animation: 0.3s ease-out 0s 1 normal none running fadeOut; display: none; }
.carousel .carousel-slide.active { animation: 0.3s ease-in 0s 1 normal none running fadeIn; display: block; }
.carousel .to-next, .carousel .to-prev { cursor: pointer; }
.carousel .carousel-control > [class^="to-"] { align-items: center; background: var(--bg-folder-selected); border-radius: 50%; cursor: pointer; display: flex; height: 40px; text-align: center; width: 40px; }
.carousel .carousel-control > [class^="to-"] [class^="icon-"] { filter: brightness(100); }
.carousel .carousel-control .icon-left { margin-left: -3px; transform: rotate(180deg); }
.carousel .carousel-control .icon-right { margin-left: 16px; }
.carousel .carousel-pager ul { align-items: center; display: flex; justify-content: center; list-style: none; margin-top: 15px; padding: 0px; }
.carousel .carousel-pager li { border: 1px solid var(--tertiary-text-three); border-radius: 8px; display: inline-block; height: 8px; list-style: none; margin-right: 12px; padding: 0px; width: 8px; }
.carousel .carousel-pager li.active { background: var(--tertiary-text-three); }
.carousel .carousel-pager li:last-child { margin-right: 0px; }
@keyframes fadeIn { 
  0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}
@keyframes fadeOut { 
  0% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
.feature-placeholder { border: 1px solid var(--tertiary-text-three); border-radius: 8px; color: rgb(189, 189, 189); font-size: 14px; padding: 24px; text-align: left; }
.feature-placeholder label { display: block; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.feature-placeholder .table .row { display: flex; justify-content: space-between; margin: 7px 0px 0px; }
.feature-placeholder .table .row .col:last-child:not(:first-child) { font-size: 12px; }
.titan-max-nudge { background: var(--bg-color-titan-max); border-radius: 4px; color: var(--primary-text); padding: 24px; position: relative; width: 420px; }
.titan-max-nudge.max-nudge-main { padding: 32px; width: 420px; }
.titan-max-nudge.max-nudge-main .header .header-left .title { font-size: 24px; line-height: 32px; }
.titan-max-nudge.max-nudge-for-feature { width: 350px; }
.titan-max-nudge.max-nudge-for-feature .titan-max-action-container .titan-max-btn { width: 100%; }
.titan-max-nudge.max-nudge-for-feature .titan-max-action-container .auto-charge-msg { text-align: center; }
.titan-max-nudge.max-nudge-in-modal { padding-left: 50px; padding-right: 50px; text-align: center; width: 100%; }
.titan-max-nudge.max-nudge-in-modal .header-left .logo { justify-content: center; }
.titan-max-nudge.max-nudge-in-modal .features-container .features-list { column-count: 2; display: block; margin-left: auto; margin-right: auto; width: 70%; }
.titan-max-nudge.max-nudge-in-modal .features-container .features-list .feature { width: auto; }
.titan-max-nudge .nudge-dismiss { color: var(--icon-secondary-color); cursor: pointer; position: absolute; right: 12px; top: 12px; }
.titan-max-nudge .header { align-items: center; display: flex; justify-content: space-between; }
.titan-max-nudge .header .header-left .logo { align-items: center; display: flex; margin-bottom: 12px; }
.titan-max-nudge .header .header-left .logo .icon { margin-right: 4px; }
.titan-max-nudge .header .header-left .title { font-size: 23.94px; font-weight: 400; line-height: 26px; }
.titan-max-nudge .header .header-left .title::first-letter { text-transform: capitalize; }
.titan-max-nudge .header .header-right { align-items: flex-end; display: flex; height: 55px; justify-content: center; position: relative; width: 55px; }
.titan-max-nudge .header .header-right .nudge-calendar-icon { left: 0px; position: absolute; top: 0px; }
.titan-max-nudge .header .header-right .calendar-days { color: var(--nudge-calendar-days-color); font-size: 23.94px; font-weight: 600; height: 32px; line-height: 32px; z-index: 1; }
.titan-max-nudge .header .header-right .calendar-days.expired { color: var(--error-color); }
.titan-max-nudge .features-container { color: var(--feature-container-color); margin: 35px 0px 0px; }
.titan-max-nudge .features-container .feature-header { font-weight: 600; line-height: 20px; margin-bottom: 8px; }
.titan-max-nudge .features-container .feature-header .icon { margin-right: 4px; vertical-align: middle; }
.titan-max-nudge .features-container .features-list { display: flex; flex-wrap: wrap; }
.titan-max-nudge .features-container .features-list .feature { display: flex; margin-bottom: 4px; min-height: 24px; width: 140px; }
.titan-max-nudge .features-container .features-list .feature .feature-icon { color: var(--titan-max-nudge-feature-icon); flex-shrink: 0; margin-right: 4px; }
.titan-max-nudge .features-container .features-list .feature .feature-name { line-height: 24px; }
.titan-max-nudge .titan-max-action-container .titan-max-btn { padding: 8px 16px; }
.titan-max-nudge .titan-max-action-container .auto-charge-msg { color: var(--feature-container-color); }
.titan-max-nudge[data-ft="read_receipts"] .header .icon { color: var(--read-receipt); }
.titan-max-nudge[data-ft="email_templates"] .header .icon { color: var(--email-template-green); }
.titan-max-nudge[data-ft="email_reminders"] .header .icon { color: var(--reminder-color); }
.titan-max-nudge[data-ft="send_later"] .header .icon { color: var(--scheduled-blue); }
.template-title { color: var(--text-color); font-size: 20.02px; line-height: 20px; text-align: center; }
body.theme-dark .template-editor-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.template-editor-container { background-color: var(--bg-editor); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; flex-direction: column; height: 414px; margin-top: 30px; }
.template-editor-container .participant-wrapper { border-bottom: 1px solid var(--border-color-default); }
.template-editor-container .upper-section { margin: 0px 16px; }
.template-editor-container .upper-section .name-wrap { align-items: center; border-bottom: 1px solid var(--border-color-default); display: flex; flex-direction: row; padding: 8px 0px; position: relative; }
.template-editor-container .upper-section .name-wrap input[type="text"] { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color); font-size: 14px; height: auto; min-height: 32px; position: relative; width: 100%; }
.template-editor-container .upper-section .name-wrap .label { margin-right: 5px; white-space: nowrap; }
.template-editor-container .upper-section .name-wrap.error { border-bottom: 1px solid var(--error-color); }
.template-container { display: flex; flex-direction: column; flex-grow: 1; padding: 33px 40px; width: 100%; }
.template-container .email-designer-banner { margin-top: 20px; }
.template-container .actions { margin-top: 34px; }
.template-container .action-btn { margin-right: 15px; }
.template-container button.disabled { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; pointer-events: none; }
.template-editor-wrapper { flex: 1 1 0%; overflow: hidden; }
.template-editor-wrapper .fr-box .fr-wrapper { min-height: unset; }
.template-editor-wrapper .fr-box .fr-wrapper .fr-view { padding: 5px 24px; }
.template-editor-wrapper .fr-box .fr-toolbar.fr-bottom { bottom: 0px !important; }
.template-blocking-modal-container { width: 100%; }
.template-blocking-modal-container .template-header { background-color: var(--bg-color-titan-max); color: var(--tertiary-text-three); padding: 24px 51px 0px; }
.template-blocking-modal-container .template-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; line-height: 19px; text-align: center; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px 4px 0px 0px; box-sizing: border-box; margin-top: 24px; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-title { border-bottom: 1px solid var(--secondary-line-separator); color: var(--tertiary-text-three); font-size: 14px; line-height: 17px; padding: 16px; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-content-wrapper { padding: 18px 23px 19px 16px; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-content-wrapper .placeholder-shimmer { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; position: relative; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-content-wrapper .placeholder-shimmer:not(:last-child) { margin-bottom: 16px; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-content-wrapper .placeholder-shimmer.col-100 { width: 100%; }
.template-blocking-modal-container .template-header .header-placeholder-wrapper .placeholder-content-wrapper .placeholder-shimmer.col-75 { width: 75%; }
.template-blocking-modal-container .template-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.template-blocking-modal-container .template-content-wrapper { background-color: var(--bg-secondary-color-titan-max); padding: 24px 50px; }
.template-blocking-modal-container .template-content-wrapper:empty { display: none; }
.template-blocking-modal-container .template-content-wrapper .template-content-msg { color: var(--heading-color-titan-max); font-size: 20.02px; line-height: 26px; padding-top: 8px; text-align: center; }
.banner-container { align-items: center; background: var(--generic-banner-bg); border-radius: 4px; cursor: pointer; display: flex; height: 36px; }
.banner-container .designer-banner-icon { color: rgb(55, 136, 122); margin-bottom: 5px; margin-left: 5px; }
.banner-container .sparkle-icon { margin-left: 4px; padding-top: 2px; }
.banner-container .banner-text { color: var(--banner-text-color); margin-left: 5px; }
.template-collapsed-participants .participant-field { border-bottom: 1px solid var(--border-color-default); min-height: 46px; padding: 12px 0px; }
.template-collapsed-participants .participant-field:last-of-type { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.template-collapsed-participants .participant-field .participant-contact-field { position: relative; }
.template-collapsed-participants .participant-field .participant-contact-field .contact-wrapper { display: inline-block; max-width: 250px; overflow: hidden; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; }
.template-collapsed-participants .participant-field .participant-contact-field .contact-wrapper:not(:last-of-type)::after { content: ","; }
.template-collapsed-participants .participant-field .participant-contact-field .remaining-count { display: inline-block; max-width: 250px; overflow: hidden; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; }
.template-collapsed-participants .participant-field .participant-contact-field .contact-container { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.template-collapsed-participants .participant-field .participant-contact-field .contact-container .has-placeholder { width: calc(100% - 173px); }
.template-collapsed-participants .participant-field .participant-subject-field { position: relative; }
.template-collapsed-participants .participant-field .participant-subject-field .content { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; }
.template-collapsed-participants .participant-field .separator { padding-top: 8px; }
.template-collapsed-participants .placeholder-text { color: var(--tertiary-text-three); }
.template-collapsed-participants .placeholder-text:hover { color: var(--btn-default-color); }
.template-collapsed-participants .placeholder-text.fixed { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.template-subject-wrap { position: relative; }
.template-subject-wrap input[type="text"] { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-size: 14px; height: auto; min-height: 32px; padding: 16px 0px 16px 70px; position: relative; width: 100%; }
.template-subject-wrap input[type="text"]:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.template-subject-wrap label { color: var(--tertiary-text-three); left: 0px; position: absolute; top: 50%; transform: translateY(-50%); }
.template-participant-field .tokenizing-field, .template-participant-field .tokenizing-field .header-container { background-color: initial; }
.template-participant-field .tokenizing-field .token { background: none; border: 1px solid var(--border-color-default); border-radius: 25px; box-shadow: none; color: var(--text-color); margin: 0px 5px 5px 0px; overflow: hidden; padding: 0px 12px; vertical-align: top; }
.template-participant-field .tokenizing-field .token.selected { background: var(--icon-hover-state); }
.template-participant-field .tokenizing-field .token:hover { background: var(--icon-hover-state); border-color: var(--border-color-default); box-shadow: none; }
.template-participant-field .tokenizing-field .token.invalid, .template-participant-field .tokenizing-field .token.invalid:hover { border-color: var(--error-color); }
.template-participant-field .tokenizing-field .token.invalid.selected { background: var(--error-color); }
.template-participant-field .tokenizing-field .token img.btn-remove-token { cursor: pointer; float: right; margin-right: -10px; margin-top: 1px; opacity: 0.8; padding-left: 2px; }
.template-participant-field .tokenizing-field .token .participant { align-items: center; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.template-participant-field .tokenizing-field .tokenizing-field-label { color: var(--tertiary-text-three); }
.template-participant-field .tokenizing-field .tokenizing-field-input { max-height: 84px; overflow: auto; }
.fr-command[data-cmd="composeWithAi"], .fr-command[data-cmd="customSelectAll"], .fr-command[data-cmd="replyWithAi"] { display: none; }
::highlight(improve-writing-inserted-1) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 100%,#0000); }
::highlight(improve-writing-inserted-2) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 83%,#0000); }
::highlight(improve-writing-inserted-3) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 66%,#0000); }
::highlight(improve-writing-inserted-4) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 49%,#0000); }
::highlight(improve-writing-inserted-5) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 33%,#0000); }
::highlight(improve-writing-inserted-6) { background-color: color-mix(in srgb,var(--improve-writing-highlight-bg) 16%,#0000); }
.fr-advanced-tracking-container { align-items: center; display: flex; }
.fr-advanced-tracking-container .fr-checkbox, .fr-advanced-tracking-container .fr-checkbox .fr-link-attr, .fr-advanced-tracking-container .fr-toggle, .fr-advanced-tracking-container .fr-toggle span, .fr-advanced-tracking-container .fr-toggle svg { height: 18px; width: 34px; }
.fr-advanced-tracking-container .fr-checkbox { padding-left: 0px; }
.fr-advanced-tracking-container .fr-checkbox .fr-link-attr { left: inherit; top: inherit; }
.fr-advanced-tracking-container .fr-checkbox input:checked + div .toggle-on, .fr-advanced-tracking-container .fr-checkbox input:not(:checked) + div .toggle-off, .fr-advanced-tracking-container .fr-toggle svg { display: block; }
.fr-advanced-tracking-container .fr-checkbox input:checked + div .toggle-off, .fr-advanced-tracking-container .fr-checkbox input:not(:checked) + div .toggle-on { display: none; }
.fr-advanced-tracking-container .fr-toggle span { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.flyout-wrap.composer-flyout.open.expand .fr-command[data-cmd="indentation"], .flyout-wrap.composer-flyout.open.expand .fr-command[data-cmd="listFormat"], .flyout-wrap.composer-flyout.open.expand .fr-command[data-cmd="moreButtons"] { display: none; }
.fr-box.fr-basic .fr-element { color: var(--text-color); font-family: var(--default-font-family); line-height: 1.4; max-height: none; overflow: auto hidden; }
.fr-box.fr-basic .fr-element img { padding: unset; }
.fr-modal .fr-command.fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-dropdown::after, .fr-toolbar .fr-command.fr-btn.fr-dropdown::after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--tertiary-text-three); right: 5px; top: 50%; transform: translateY(-50%); }
.fr-tooltip { background: var(--bg-tooltip); border-radius: 4px; font-size: 12.04px; }
.fr-box.fr-basic { background-color: var(--bg-editor); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; flex-direction: column; height: 100%; }
.fr-box.fr-basic .fr-wrapper { background-color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; height: 100%; min-height: calc(100% - 49px); overflow-y: auto; }
.fr-box.fr-basic .fr-wrapper .fr-placeholder { color: var(--tertiary-text-three); font-family: inherit; }
.fr-box.fr-basic .fr-wrapper .fr-code { background-color: var(--bg-editor); color: var(--text-color); padding: 20px; }
.fr-box.fr-basic .fr-wrapper .fr-code:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.fr-box.fr-basic .fr-wrapper .fr-view { min-height: 100%; padding: 24px; }
.fr-box.fr-basic .fr-wrapper .fr-view h1 { font-size: 2em; margin: 0.67em 0px; }
.fr-box.fr-basic .fr-wrapper .fr-view h2 { font-size: 1.5em; font-weight: 700; }
.fr-box.fr-basic .fr-wrapper .fr-view h3 { font-size: 1.17em; font-weight: 700; }
.fr-box.fr-basic .fr-wrapper .fr-view h4 { font-size: unset; }
.fr-box.fr-basic .fr-wrapper .fr-view table td { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.fr-box.fr-basic .fr-wrapper .fr-view table.inserted-table td { border: 1px solid var(--border-color-default); }
.fr-box.fr-basic .fr-wrapper .fr-view table th { background: inherit; }
.fr-box.fr-basic .fr-wrapper .fr-view table.inserted-table.fr-alternate-rows tbody tr:nth-child(2n) { background: rgb(245, 245, 245); }
.fr-box.fr-basic .fr-wrapper .fr-view table.inserted-table.fr-dashed-borders td { border-style: dashed; }
.fr-box.fr-basic .fr-wrapper .fr-view blockquote, .fr-box.fr-basic .fr-wrapper .fr-view blockquote blockquote, .fr-box.fr-basic .fr-wrapper .fr-view blockquote blockquote blockquote { color: inherit; }
.fr-box.fr-basic .fr-wrapper .fr-view ol, .fr-box.fr-basic .fr-wrapper .fr-view ul { list-style-position: outside; }
.fr-box.fr-basic .fr-wrapper a { color: rgb(76, 140, 246); }
.fr-box.fr-basic .fr-second-toolbar, .fr-box.fr-basic .fr-sticky-dummy { display: none; }
.fr-toolbar { background-color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--icon-secondary-color); font-family: inherit; }
.fr-toolbar .fr-newline { background: none; border-top: 1px solid var(--border-color-default); margin: 0px; }
.fr-toolbar.fr-bottom { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: sticky; z-index: 1; bottom: 50px !important; width: 100% !important; }
.fr-toolbar .fr-btn-grp { margin: 0px; }
.fr-toolbar .fr-btn-grp .fr-float-left { float: left; }
.fr-toolbar .fr-btn-grp:first-child::before { content: none; }
.fr-toolbar .fr-command.fr-btn { background: no-repeat; border-radius: 4px; color: var(--icon-secondary-color); font-weight: 600; height: auto; margin: 8px 2px; min-width: unset; padding: 6px; }
.fr-toolbar .fr-command.fr-btn.fr-active, .fr-toolbar .fr-command.fr-btn:hover { background: var(--icon-hover-state); }
.fr-toolbar .fr-command.fr-btn img { margin: 0px; width: unset; }
.fr-toolbar .fr-command.fr-btn.fr-dropdown { background-color: initial; }
.fr-toolbar .fr-command.fr-btn.fr-dropdown img { margin: 0px 6px 0px 0px; }
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active { background: var(--icon-hover-state); }
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: var(--icon-hover-state); }
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup { background-color: var(--icon-hover-state); }
.fr-toolbar .fr-command.fr-btn.fr-dropdown > span:not(.fr-sr-only) { color: var(--tertiary-text-three); height: 20px; line-height: 20px; margin: 0px 2px 0px 0px; }
.fr-toolbar .fr-command.fr-btn svg.fr-svg { height: 18px; margin: 0px; width: 18px; }
.fr-toolbar .fr-command.fr-btn.hide, .fr-toolbar .fr-command[data-cmd="emoticons"], .fr-toolbar .fr-command[data-cmd="moreButtons"]::after { display: none; }
.fr-toolbar .fr-command[data-cmd="moreButtons"] img { margin: 0px; }
.fr-toolbar .fr-btn[data-cmd="html"] { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; height: 32px; }
.fr-toolbar .fr-btn[data-cmd="html"] span { font-weight: inherit; }
.fr-popup { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); z-index: 32 !important; }
.fr-popup .fr-command.fr-btn { background: no-repeat; border-radius: 4px; color: var(--icon-secondary-color); font-weight: 600; height: auto; margin: 8px 2px; min-width: unset; padding: 6px; }
.fr-popup .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn:hover { background: var(--icon-hover-state); }
.fr-popup .fr-command.fr-btn img { margin: 0px; width: unset; }
.fr-popup .fr-command.fr-btn.fr-dropdown { background-color: initial; }
.fr-popup .fr-command.fr-btn.fr-dropdown img { margin: 0px 6px 0px 0px; }
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { background: var(--icon-hover-state); }
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: var(--icon-hover-state); }
.fr-popup .fr-command.fr-btn.fr-btn-active-popup { background-color: var(--icon-hover-state); }
.fr-popup .fr-command.fr-btn.fr-dropdown > span:not(.fr-sr-only) { color: var(--tertiary-text-three); height: 20px; line-height: 20px; margin: 0px 2px 0px 0px; }
.fr-popup .fr-command.fr-btn svg.fr-svg { height: 18px; margin: 0px; width: 18px; }
.fr-popup .fr-command.fr-btn.hide { display: none; }
.fr-popup .fr-color-set > span { border: 1px solid var(--border-color-default); border-radius: 2px; cursor: pointer; height: 15px; margin: 2px; width: 15px; }
.fr-popup .fr-color-set .fr-remove-color { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 24px; padding: 5px; position: absolute; width: 110px; }
.fr-popup .fr-color-set .fr-remove-color img { bottom: 2px; position: relative; }
.fr-popup .fr-color-set .fr-remove-color .subtitle { color: var(--tertiary-text-three); display: inline-block; font-size: 12.04px; font-weight: 500; height: 14px; line-height: 14px; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 85px; }
.fr-popup .fr-color-set .fr-remove-color:hover { background: var(--composer-no-color-hover-bg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; }
.fr-popup .fr-color-set > span .fr-selected-color { line-height: 11px; }
.fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg { height: 18px; line-height: 18px; margin: 0px; width: 18px; }
.fr-popup .fr-color-set.fr-selected-set { padding: 0px; }
.fr-popup .toolbar-color-pickers-separator { border: 1px solid var(--border-color-default); display: inline-block; height: 125px; }
.fr-popup .fr-color-set-container { display: inline-block; margin: 15px 0px 35px; padding: 0px 15px; }
.fr-popup .fr-color-set-container:first-child { border-right: 1px solid var(--border-color-default); }
.fr-popup .fr-color-set-container .fr-picker-label { color: var(--tertiary-text-three); font-size: 10.5px; font-weight: 600; margin-bottom: 8px; padding-left: 4px; text-transform: uppercase; }
.fr-popup .fr-link-insert-layer { margin: 0px; padding: 10px; width: 220px; }
.fr-popup .fr-link-insert-layer .fr-input-line { padding: 15px 0px 0px; }
.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"] { background: rgba(0, 0, 0, 0); border: 1px solid var(--dropdown-border-color); border-radius: 4px; color: var(--text-color); height: 32px; transition: none; }
.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"]:focus { border: 1px solid var(--dropdown-border-color); box-shadow: none; }
.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"] + label { background: var(--bg-dropdown-color); color: var(--tertiary-text-three); top: 22px; }
.fr-popup .fr-link-insert-layer .fr-input-line input[type="text"].fr-not-empty + label { top: 9px; }
.fr-popup .fr-link-insert-layer .fr-input-line input:-webkit-autofill, .fr-popup .fr-link-insert-layer .fr-input-line input:-webkit-autofill:active, .fr-popup .fr-link-insert-layer .fr-input-line input:-webkit-autofill:focus, .fr-popup .fr-link-insert-layer .fr-input-line input:-webkit-autofill:hover { box-shadow: 0 0 0 1000px var(--bg-dropdown-color) inset !important; -webkit-text-fill-color: var(--text-color); }
.fr-popup .fr-link-insert-layer .fr-action-buttons { height: auto; margin-top: 4px; }
.fr-popup .fr-link-insert-layer .fr-action-buttons button.fr-command { color: var(--btn-secondary-color); height: auto; padding: 6px; }
.fr-popup .fr-link-insert-layer .fr-action-buttons button.fr-command:hover { background: rgba(0, 0, 0, 0); color: var(--btn-secondary-color); }
.fr-popup .fr-link-insert-layer .fr-checkbox-line .fr-tracking-label-text { color: var(--text-color); display: block; line-height: normal; }
.fr-popup .fr-buttons:not(.fr-tabs) { padding: 5px; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn { background: no-repeat; border-radius: 4px; color: var(--icon-secondary-color); font-weight: 600; height: auto; margin: 0px; padding: 6px; vertical-align: middle; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn:hover { background: var(--icon-hover-state); }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn img { margin: 0px; width: unset; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dropdown { background-color: initial; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dropdown img { margin: 0px 6px 0px 0px; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dropdown.fr-active { background: var(--icon-hover-state); }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dropdown.fr-active::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: var(--icon-hover-state); }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-btn-active-popup { background-color: var(--icon-hover-state); }
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn[data-cmd="linkOpen"] .link-url { max-width: 200px; min-width: 100px; }
.fr-popup .fr-buttons.format-list-popup { padding: 3px; }
.fr-popup .fr-buttons.format-list-popup .fr-command.fr-btn { display: block; }
.fr-command.fr-btn + .fr-dropdown-menu { background: var(--bg-small-dropdowns); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { background-color: var(--bg-small-dropdowns); color: var(--text-color); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { min-width: unset; padding: 3px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { border-radius: 4px; font-size: 14px; padding: 0px 10px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover { background-color: var(--dropdown-hover-color); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn { background: no-repeat; border-radius: 4px; color: var(--icon-secondary-color); float: none; font-weight: 600; height: auto; margin: 0px; padding: 6px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-active, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn:hover { background: var(--icon-hover-state); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn img { margin: 0px; width: unset; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-dropdown { background-color: initial; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-dropdown img { margin: 0px 6px 0px 0px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-dropdown.fr-active { background: var(--icon-hover-state); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-dropdown.fr-active::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: var(--icon-hover-state); }
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list .fr-command.fr-btn.fr-btn-active-popup { background-color: var(--icon-hover-state); }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] { margin-right: 8px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"].fr-active:hover { background-color: var(--icon-hover-state); }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] > span::after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--tertiary-text-three); content: ""; height: 0px; margin-left: 5px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.3s; width: 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"]::after { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color-default); content: ""; height: 26px; position: absolute; right: -6px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"].fr-active > span::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"].fr-active::after { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color-default); }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] > span::after { right: 5px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] + .fr-dropdown-menu .fr-dropdown-wrapper { width: 160px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list { padding: 10px 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li { position: relative; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li a { border-radius: unset; padding: 0px 10px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li a.fr-active::after { background-image: url("https://hostinger.titan.email/mail/assets/static/media/selected-tick.6f85ef564a39b31d392f.svg"); background-repeat: no-repeat; content: ""; display: inline-block; height: 15px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 15px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontFamily"].fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { overflow: auto; height: 200px !important; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] { margin-right: 8px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"].fr-active:hover { background-color: var(--icon-hover-state); }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] > span::after { border-left: 3px solid rgba(0, 0, 0, 0); border-right: 3px solid rgba(0, 0, 0, 0); border-top: 4px solid var(--tertiary-text-three); content: ""; height: 0px; margin-left: 5px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.3s; width: 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"]::after { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color-default); content: ""; height: 26px; position: absolute; right: -6px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"].fr-active > span::after { border-bottom: 4px solid var(--icon-secondary-color); border-top: 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"].fr-active::after { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left: 1px solid var(--border-color-default); }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper { width: 50px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list { padding: 3px 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li { position: relative; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li a { padding-left: 5px; padding-right: 20px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li a.fr-active { font-weight: 500; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list li a.fr-active::after { background-image: url("https://hostinger.titan.email/mail/assets/static/media/selected-tick.6f85ef564a39b31d392f.svg"); background-repeat: no-repeat; content: ""; display: inline-block; height: 15px; left: 20px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 15px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="fontSize"].fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { overflow: auto; height: 129px !important; }
.fr-command.fr-btn.fr-dropdown[data-cmd="customAlign"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list a, .fr-command.fr-btn.fr-dropdown[data-cmd="direction"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list a, .fr-command.fr-btn.fr-dropdown[data-cmd="imageAlign"] + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-list a { border-radius: 4px; color: var(--icon-secondary-color); font-weight: 600; padding: 6px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="moreButtons"] img { margin: 0px; }
.fr-command.fr-btn.fr-dropdown[data-cmd="moreButtons"] + .fr-dropdown-menu { margin-left: -15px; }
.fr-box .quoted-styles.quoted-styles * div, .fr-box .quoted-styles.quoted-styles * ol, .fr-box .quoted-styles.quoted-styles * p, .fr-box .quoted-styles.quoted-styles * table, .fr-box .quoted-styles.quoted-styles * ul, .fr-box .quoted-styles.quoted-styles.quoted-styles * div, .quoted-styles.quoted-styles.quoted-styles * { font-family: inherit; font-size: inherit; }
.email-template-paste-popover { border-radius: 4px; display: inline-block; padding: 32px 24px 24px; position: relative; width: 320px; }
.email-template-paste-popover .btn { padding: 0px; }
.email-template-paste-popover button.btn-close { position: absolute; right: 8px; top: 8px; }
.email-template-paste-popover .email-template-banner { display: block; height: 75px; margin: 0px auto 16px; width: 125px; }
.email-template-paste-popover .heading { font-size: 20.02px; margin-bottom: 10px; text-align: center; }
.email-template-paste-popover .sub-heading { line-height: 20px; text-align: center; }
.email-template-paste-popover .actionable { display: flex; justify-content: center; margin-top: 25px; }
.email-template-paste-popover .actionable button { padding-bottom: 6px; padding-top: 6px; width: 165px; }
.email-template-paste-popover .actionable-dismiss { align-items: center; color: var(--tertiary-text-three); display: flex; font-weight: 500; justify-content: center; margin-top: 16px; text-align: center; }
.email-template-paste-popover .actionable-dismiss span { cursor: pointer; }
.feature-popover.email-template-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-template-nudge-overflow:not(.active):not(.selected):not(.readonly):not(.disable):hover { background: none; }
.feature-popover.email-template-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-template-nudge-overflow { padding: 0px; }
.feature-popover.email-template-contextual-nudge-submenu.menu-open-left.block .menu .content-container { padding: 0px; width: 100%; }
.feature-popover.email-template-contextual-nudge-submenu.menu-open-left.block .menu .content-container .email-template-nudge-overflow { padding-left: 0px; }
.template-popover { border-radius: 4px; font-size: 14px; line-height: 1.43; padding: 8px 0px; width: 300px; }
.template-popover .upper-container { max-height: 235px; overflow: auto; padding-bottom: 12px; }
.template-popover .paywall-text-container { background: var(--bg-inline-paywall); border: 1px solid var(--inline-paywall-border); border-radius: 4px; cursor: pointer; display: flex; line-height: 14px; margin-left: 9px; margin-right: 12px; margin-top: 4px; padding: 11px; }
.template-popover .paywall-text-container:hover { background-color: var(--inline-paywall-hover); }
.template-popover .paywall-text-container .icon-container { align-items: center; display: flex; margin-right: 8px; }
.template-popover .paywall-text-container .text-style { font-size: 12.04px; font-weight: 400; }
.template-popover .paywall-text-container .text-style .link { color: var(--link-color); cursor: pointer; }
.template-popover .header-container { padding: 8px 16px 8px 20px; }
.template-popover .header-container .menu-title { align-items: center; color: var(--text-color); cursor: default; display: flex; font-size: 14px; font-weight: 600; overflow: hidden; text-transform: uppercase; width: 100%; }
.template-popover .content-container { width: 100%; }
.template-popover .content-container .item { cursor: default; padding: 10px 6px 10px 46px; position: relative; width: 100%; }
.template-popover .content-container .item.no-template { color: var(--tertiary-text-three); }
.template-popover .content-container .item .menu-items { align-items: center; display: flex; height: 20px; justify-content: space-between; }
.template-popover .content-container .item .menu-items .content { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 20px); }
.template-popover .content-container .item .menu-items .action-items { display: none; }
.template-popover .content-container .item .menu-items .action-items button { height: 100%; line-height: normal; padding: 0px 3px; }
.template-popover .content-container .item .menu-items .action-items button .icon { margin-right: 0px; vertical-align: middle; }
.template-popover .content-container .item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; text-decoration: none; }
.template-popover .content-container .item:hover .action-items { display: flex; }
.template-popover .content-container .item:active { color: var(--text-color); }
.template-popover .footer-container .footer-item { align-items: center; border-top: 1px solid var(--dropdown-border-color); display: flex; overflow: hidden; padding: 8px 16px; width: 100%; }
.template-popover .footer-container .footer-item .icon { margin-right: 5px; }
.template-popover .footer-container .footer-item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.template-popover .icon { color: var(--icon-secondary-color); }
.feature-capping-nudge-outer .blocking-popover-container.modal-feature-capping-blocking-nudge { margin: initial; }
.feature-capping-nudge-outer .header-container { padding: 8px 16px 8px 20px; }
.feature-popover.email-template-submenu.menu-open-left.block .menu .content-container .email-template-overflow:not(.active):not(.selected):not(.readonly):not(.disable):hover { background: none; }
.feature-popover.email-template-submenu.menu-open-left.block .menu .content-container .email-template-overflow { padding: 0px; }
.feature-popover.email-template-submenu.menu-open-left.block .menu .content-container { padding: 0px; width: 100%; }
.feature-popover.email-template-submenu.menu-open-left.block .menu .content-container .email-template-overflow { padding-left: 0px; }
.feature-popover.email-template-submenu.menu-open-left.block .menu .content-container .template-popover .item { padding-left: 46px; }
.email-template-blocking-popover-container { width: 320px; }
.email-template-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px; }
.email-template-blocking-popover-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.email-template-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; }
.email-template-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; margin: 10px 0px 0px; }
.email-template-blocking-popover-container .popover-header .action-item-placeholders .separator { border-bottom: 1px solid var(--tertiary-line-separator); margin: 10px 0px; }
.email-template-blocking-popover-container .popover-content-wrapper { background-color: var(--contact-group-blocking-nudge-bg); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.email-template-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); }
.email-template-blocking-popover-container .email-template-watch-demo-cta { margin-top: 20px; }
.email-templates-btn-wrapper { display: flex; }
.btn.btn-template { align-items: center; background: rgba(0, 0, 0, 0); box-shadow: none; color: var(--text-color); display: flex; font-weight: 400; line-height: 10px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.btn.btn-template.btn-enabled { background-color: var(--icon-hover-state) !important; }
.btn.btn-template:hover { background-color: var(--icon-hover-state); }
.btn.btn-template:hover .icon { color: var(--composer-template-icon-hover); }
.btn.btn-template:focus { box-shadow: none; }
.read-receipt-consent-modal { align-items: stretch; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; height: auto; padding: 20px 20px 28px; width: 431px; }
.read-receipt-consent-modal__header { align-items: flex-start; display: flex; gap: 20px; justify-content: space-between; }
.read-receipt-consent-modal__title { color: var(--text-color); font-size: 20px; font-weight: 600; line-height: 140%; margin: 0px; }
.read-receipt-consent-modal__content { display: flex; flex-direction: column; gap: 16px; }
.read-receipt-consent-modal__body { color: var(--text-color); display: flex; flex-direction: column; font-size: 15px; line-height: 150%; }
.read-receipt-consent-modal__credits-highlight { font-weight: 600; }
.read-receipt-consent-modal__disclaimer { color: var(--secondary-text-subtle); font-size: 16px; line-height: 130%; margin: 0px; }
.read-receipt-consent-modal__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.read-receipt-consent-modal__actions button { white-space: nowrap; }
.modal-container-inner:has(.read-receipt-consent-modal) { border-radius: 8px; }
.read-receipt-consent-popover { align-items: center; box-sizing: border-box; color: var(--text-color-primary); display: flex; flex-direction: column; font-size: 14px; gap: 16px; padding: 12px 24px 20px; position: relative; text-align: center; }
.read-receipt-consent-popover__close { position: absolute; right: 12px; top: 12px; }
.read-receipt-consent-popover__content { align-items: center; display: flex; flex-direction: column; gap: 12px; }
.read-receipt-consent-popover__heading { align-items: center; display: flex; flex-direction: column; gap: 4px; justify-content: center; }
.read-receipt-consent-popover__icon { height: 48px; padding: 5px; width: 48px; }
.read-receipt-consent-popover__title { font-size: 16px; font-weight: 600; line-height: 140%; }
.read-receipt-consent-popover__credits, .read-receipt-consent-popover__disclaimer { line-height: 140%; width: 282px; }
.read-receipt-consent-popover__credits { font-weight: 500; }
.read-receipt-consent-popover__credits-highlight { color: var(--attachment-tracking-credits-color); }
.read-receipt-consent-popover__disclaimer { color: var(--secondary-text-subtle); }
.advance-tracking-info { margin-top: 56px; }
.advance-tracking-info .info-container { background: var(--preferences-bg-tracking-info); border: 1px solid var(--preferences-tracking-border); border-radius: 4px; display: flex; }
.advance-tracking-info .info-container .tracking-text-container { padding-left: 16px; padding-top: 16px; }
.advance-tracking-info .info-container .tracking-text-container .file-track-info, .advance-tracking-info .info-container .tracking-text-container .link-track-info { margin-bottom: 36px; }
.advance-tracking-info .info-container .tracking-text-container .file-track-info .heading, .advance-tracking-info .info-container .tracking-text-container .link-track-info .heading { font-size: 15.96px; font-weight: 600; margin-bottom: 12px; }
.advance-tracking-info .info-container .tracking-text-container .file-track-info .desc, .advance-tracking-info .info-container .tracking-text-container .link-track-info .desc { margin-bottom: 16px; max-width: 479px; }
.advance-tracking-info .info-container .tracking-text-container .link-track-info .desc { max-width: 525px; }
.advance-tracking-info .info-container .tracking-text-container .hyper-link-text { color: var(--link-color); cursor: pointer; }
.advance-tracking-info .info-container .tracking-video-container { align-items: center; display: flex; justify-content: center; padding-bottom: 16px; padding-right: 16px; padding-top: 16px; }
.advance-tracking-info .info-label { align-items: center; background-color: var(--preferences-info-label); border-radius: 4px; display: flex; margin-top: 56px; padding: 10px; width: max-content; }
.advance-tracking-info .info-label .info-icon { bottom: 1px; margin-right: 6px; position: relative; }
.tracking-iframe-modal { align-items: center; background: var(--video-modal-bg); display: flex; justify-content: center; width: 100%; }
.tracking-iframe-modal .close-icon { position: absolute; right: 10px; top: 10px; }
.adv-tracking-paywall-container { background: var(--priority-preferences-paywall-background); border: 1px solid var(--priority-preferences-paywall-border); border-radius: 4px; display: flex; justify-content: space-between; margin-bottom: 56px; min-height: 260px; padding: 20px; width: 952px; }
.adv-tracking-paywall-container .paywall-left-container { display: flex; flex-direction: column; justify-content: space-between; width: 300px; }
.adv-tracking-paywall-container .paywall-left-container .btn.titan-max-btn { padding: 8px 22px; width: fit-content; }
.adv-tracking-paywall-container .paywall-left-container .text-container { display: flex; flex-direction: column; }
.adv-tracking-paywall-container .paywall-left-container .text-container .paywall-heading { font-size: 15.96px; font-weight: 600; }
.adv-tracking-paywall-container .paywall-left-container .text-container .paywall-desc { margin-top: 22px; }
.adv-tracking-paywall-container .paywall-left-container .text-container .paywall-desc .paywall-text { align-items: center; display: flex; font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 10px; }
.adv-tracking-paywall-container .paywall-left-container .text-container .paywall-desc .paywall-text .check-icon { color: rgb(86, 146, 246); position: relative; top: 5px; }
.adv-tracking-paywall-container .paywall-left-container .text-container .paywall-desc .paywall-text:first-child { margin-top: 0px; }
.adv-tracking-paywall-container .paywall-right-container img { height: 100%; width: 380px; }
.preferences-content.tracking .container-general .item { align-items: center; display: flex; gap: 4px; }
.preferences-content.tracking .container-general .upgrade-hook-button.upgrade-hook-button { font-weight: 400; margin: 0px; max-height: 36px; position: static; }
.preferences-content.tracking .container-general .email-tracking { line-height: 20px; width: auto; }
.preferences-content.tracking .container-general .email-tracking.is-disabled .checkbox { cursor: not-allowed; }
.drive-feature-blocking-nudge-container { width: 340px; }
.drive-feature-blocking-nudge-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); }
.drive-feature-blocking-nudge-container .popover-header .dismiss-btn { color: var(--tertiary-text-three); cursor: pointer; font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.drive-feature-blocking-nudge-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; padding: 20px 20px 10px; }
.drive-feature-blocking-nudge-container .popover-header .paywall-image { width: 100%; }
.drive-feature-blocking-nudge-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 15.96px; line-height: 26px; padding: 20px; }
.drive-feature-blocking-nudge-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); text-align: center; }
.drive-feature-blocking-nudge-container .popover-content-wrapper .watch-demo-btn { margin-top: 16px; }
.composer-banner-shell--info.composer-banner-shell--variant-attachment-tracking { align-items: center; box-sizing: border-box; display: flex; gap: 6px; height: 40px; min-height: 40px; padding: 8px 14px; width: 100%; --composer-banner-text-color: var(--brand-default-color); background: var(--composer-banner-info-bg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.composer-banner-shell--info.composer-banner-shell--variant-attachment-tracking .composer-banner-shell-left { gap: 6px; }
.composer-banner-shell--info.composer-banner-shell--variant-attachment-tracking .composer-banner-shell-body { align-items: center; display: flex; flex: 1 1 0%; height: 20px; min-width: 0px; }
.composer-banner-shell--info.composer-banner-shell--variant-attachment-tracking .composer-banner-shell-content { flex: 1 1 0%; height: 20px; min-width: 0px; padding-right: 36px; }
.attachment-tracking-banner-content { align-items: center; color: var(--secondary-text); display: flex; font-size: 14px; font-weight: 400; gap: 4px; height: 20px; line-height: 14px; width: 100%; }
.attachment-tracking-banner-inner { align-items: center; display: flex; flex: 1 1 0%; justify-content: space-between; min-width: 0px; }
.attachment-tracking-banner-cta { color: var(--composer-banner-info-action-color); cursor: pointer; flex-shrink: 0; font-size: 14px; font-weight: 500; line-height: 14px; }
.attachment-tracking-banner-icon { flex-shrink: 0; height: 20px; width: 20px; }
.activity-list-icon { color: var(--icon-secondary-color); height: 20px; vertical-align: middle; width: 20px; }
.activity-list-icon.active { color: var(--read-receipt); }
.open-tracking-message-status { color: var(--tertiary-text-three); cursor: pointer; margin-left: 10px; padding-top: 4px; }
.open-tracking-message-status.opened { cursor: pointer; }
.open-tracking-message-status span { position: relative; top: -2px; }
.open-tracking-message-status svg { color: var(--icon-secondary-color); height: 20px; margin-right: 2px; width: 20px; }
.open-tracking-message-status svg.opened { color: var(--read-receipt); }
.open-tracking-btn { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: inherit; display: flex; padding: 0px 8px 0px 4px; cursor: pointer !important; }
.open-tracking-btn.btn-enabled { background-color: var(--icon-hover-state); }
.open-tracking-btn .icon { color: var(--icon-secondary-color); height: 20px; width: 20px; }
.open-tracking-btn .icon.read { color: var(--read-receipt); }
.open-tracking-btn span { flex: 1 1 0%; line-height: 18px; margin: 5px 0px; }
.open-tracking-icon { margin: 0px 2px; width: 15px; }
.open-tracking-icon img { display: block; }
.open-tracking-icon .open-count { background-color: var(--btn-default-color); display: inline-block; font-size: 12.04px; font-weight: 700; left: -16px; position: relative; text-align: center; }
.open-tracking-message-popover { display: flex; flex-direction: column; max-height: 300px; width: 350px; }
.open-tracking-message-popover .open-tracking-header { font-weight: 600; padding: 23px 12px 0px 23px; text-align: left; }
.open-tracking-message-popover .open-history-container { display: flex; flex-direction: column; overflow: auto; padding: 23px; }
.open-tracking-message-popover .open-history-container .loader { margin: auto; }
.open-tracking-message-popover .open-history-container .open-action { white-space: nowrap; }
.open-tracking-message-popover .open-history-container .open-action .recipient { margin-right: 8px; overflow: hidden; text-overflow: ellipsis; width: 180px; }
.open-tracking-message-popover .open-history-container .open-action .spacer { flex: 1 1 0%; }
.open-tracking-message-popover .open-history-container .open-action .timestamp { color: var(--tertiary-text-three); flex-shrink: 0; }
.open-tracking-message-popover .read-receipt-capping-container { border-top: 1px solid var(--secondary-line-separator); display: flex; padding: 12px 16px; }
.open-tracking-message-popover .read-receipt-capping-container.upgrade-background { background-color: var(--yellow-banner); border-radius: 0px 0px 4px 4px; }
.popopver-toggle-tracking-link { margin-top: 24px; text-align: center; text-decoration: underline; }
.create-rule-message-control-container, .sidebar-apps-button { align-items: center; display: flex; }
.sidebar-apps-button { justify-content: center; position: relative; }
.sidebar-apps-notification-dot { background: var(--gru-app-badge-color); border: 1.5px solid var(--bg-primary-color); border-radius: 50%; height: 10px; pointer-events: none; position: absolute; right: 6px; top: 6px; width: 10px; }
.sidebar-apps-panel { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.sidebar-apps-header { align-items: center; border-bottom: 1px solid var(--border-color-default); display: flex; flex-shrink: 0; padding: 0px 8px; }
.sidebar-apps-header .sidebar-apps-close-btn.nike-antd-btn { background-color: initial; color: var(--icon-secondary-color); cursor: pointer; }
.sidebar-apps-header .sidebar-apps-close-btn.nike-antd-btn .nike-antd-btn-icon { align-items: center; display: flex; justify-content: center; }
.sidebar-apps-header .sidebar-apps-close-btn.nike-antd-btn:hover { background-color: initial; color: var(--icon-secondary-color); }
.sidebar-apps-mount-point { display: flex; flex-grow: 1; position: relative; width: 100%; }
.sidebar-apps-mount-point .visible { display: block; }
.sidebar-apps-tabs { flex: 1 1 0%; }
.sidebar-apps-tabs .nike-antd-tabs-nav { height: 48px; margin: 0px; }
.sidebar-apps-tabs .nike-antd-tabs-nav::before { border-bottom-color: rgba(0, 0, 0, 0); }
.sidebar-apps-tabs .nike-antd-tabs-tab { font-size: 14px; font-weight: 500; padding: 12px 16px; margin: 0px 0px 0px 12px !important; }
.sidebar-apps-tabs .nike-antd-tabs-tab:first-child { padding-left: 0px; }
.sidebar-apps-tabs .nike-antd-tabs-tab .nike-antd-tabs-tab-btn { color: var(--text-color-very-subtle); transition: color 0.3s; }
.sidebar-apps-tabs .nike-antd-tabs-tab:hover .nike-antd-tabs-tab-btn { color: var(--text-color); }
.sidebar-apps-tabs .nike-antd-tabs-tab.nike-antd-tabs-tab-active .nike-antd-tabs-tab-btn { color: var(--text-color); text-shadow: currentcolor 0px 0px 0.25px; }
.sidebar-apps-tabs .nike-antd-tabs-ink-bar { background: var(--ctm-brand-color,var(--header-underline)); }
@keyframes gru-loader-pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
.sidebar-apps-frame-container { background: var(--bg-primary-color); flex: 1 1 0%; overflow: hidden; position: relative; }
.sidebar-apps-frame-container:has(.sidebar-gru-frame.visible:not(.loaded))::before { background: var(--bg-primary-color); content: ""; inset: 0px; position: absolute; z-index: 10; }
.sidebar-apps-loading-icon { animation: 1.2s ease-in-out 0s infinite normal none running gru-loader-pulse; color: var(--add-to-task-yellow); display: none; height: 48px; left: 50%; margin: -24px 0px 0px -24px; pointer-events: none; position: absolute; top: 50%; width: 48px; z-index: 11; }
.sidebar-apps-mount-point:has(.sidebar-gru-frame.visible:not(.loaded)) .sidebar-apps-loading-icon { display: block; }
.sidebar-gru-frame { border: 0px; display: none; height: 100%; left: 0px; top: 0px; width: 100%; }
.sidebar-apps-error-overlay, .sidebar-gru-frame { background: var(--bg-primary-color); position: absolute; }
.sidebar-apps-error-overlay { align-items: center; display: flex; flex-direction: column; gap: 12px; inset: 0px; justify-content: center; z-index: 12; }
.sidebar-apps-error-overlay .sidebar-apps-error-message { color: var(--text-secondary-color,#555); font-size: 14px; padding: 0px 24px; text-align: center; }
.sidebar-apps-tab-label { align-items: center; display: inline-flex; gap: 6px; }
.sidebar-apps-tab-count { font-size: 14px; font-weight: 400; line-height: 1; }
.sidebar-apps-tab-dot { border-radius: 50%; height: 8px; width: 8px; }
.nudgeContainer { border-radius: 8px; box-shadow: var(--invoice-builder-nudge-shadow); display: flex; flex-direction: column; width: 394px; }
.mediaContent { background-color: rgb(168, 200, 254); border-radius: 8px 8px 0px 0px; position: relative; width: 100%; }
.mediaContent img { border-radius: 3px 3px 0px 0px; margin-top: 65px; width: 100%; }
.mediaContent .introBadge { align-items: center; background: linear-gradient(90deg, rgb(126, 50, 223), rgb(38, 45, 227)); border-radius: 16px; color: var(--white); display: flex; font-weight: 600; justify-content: center; left: 50%; line-height: 12px; max-width: 90%; padding: 8px 12px; position: absolute; top: 14px; transform: translateX(-50%); width: max-content; }
.mediaContent .closeIconContainer { color: rgb(85, 85, 85); position: absolute; right: 12px; top: 12px; }
.nudgeContent { align-items: center; display: flex; flex-direction: column; font-size: 15.96px; gap: 16px; justify-content: center; padding: 16px 25px 0px; text-align: center; width: 100%; }
.nudgeContent .ctaButton { font-size: 14px; height: 40px; width: 100%; }
.nudgeContent .ctaButton button { border-radius: 5px; min-height: 40px; min-width: 320px; }
.nudgeFooter { align-items: center; display: flex; font-weight: 600; gap: 8px; height: 40px; justify-content: center; margin-bottom: 16px; margin-top: 20px; padding: 0px 25px; width: 100%; }
.nudgeFooter .verticalDivider { background-color: var(--secondary-line-separator); height: 100%; margin-right: 8px; width: 1px; }
.nudgeFooter .learn-more-link-span:hover { cursor: pointer; }
.fixed-popover-container .fixed-popover.invoice-builder-nudge { box-shadow: none; }
.invoice-builder-modal-container { background: var(--bg-modal); width: 100%; }
.invoice-animation { height: 48px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 48px; }
.invoice-builder-error-container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
.invoice-builder-error-container .error-text { font-weight: 600; }
.invoice-builder-loader-modal { height: 200px; width: 300px; }
.invoice-builder-loader-modal .loading-icon { align-items: center; display: flex; flex-direction: column; gap: 16px; height: 100%; justify-content: center; width: 100%; }
.invoice-builder-loader-modal .loading-icon img { height: 40px; width: 40px; }
.invoice-builder-loader-modal .loading-icon span { font-size: 16px; font-weight: 500; }
.invoice-builder-btn-container { align-items: center; background: rgba(0, 0, 0, 0); border-radius: 2px; box-shadow: none; color: var(--text-color); cursor: pointer; display: flex; font-weight: 400; line-height: 10px; margin-left: 8px; white-space: nowrap; }
.invoice-builder-btn-container .btn-animation { display: none; }
.invoice-builder-btn-container button { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; color: var(--text-color); cursor: pointer; display: flex; font-weight: 400; line-height: 10px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.invoice-builder-btn-container button svg { color: rgb(136, 136, 136); }
.invoice-builder-btn-container:hover { background-color: var(--icon-hover-state); border-radius: 4px; }
.invoice-builder-btn-container:hover .btn-animation { display: inline; height: 24px; width: 24px; }
.invoice-builder-btn-container:hover .builder-icon { color: var(--composer-template-icon-hover); display: none; }
.invoice-builder-btn-container.offline:hover .builder-icon { display: inline; }
.feature-blocking-popover-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); width: 320px; }
.feature-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px 24px 20px; }
.feature-blocking-popover-container .popover-header .close-btn { position: absolute; right: 16px; top: 16px; }
.feature-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; white-space: normal; }
.feature-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; margin: 10px 0px 0px; white-space: normal; }
.feature-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .margin-bottom-medium { margin-bottom: 10px; }
.feature-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder.allow { display: block; white-space: pre-line; }
.feature-blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 0px 0px 4px 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.feature-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); padding-right: 20px; white-space: normal; }
.feature-popover .menu .content-container { padding: 10px 0px; width: 240px; }
.feature-popover .menu .content-container .item { padding-left: 17px; }
.feature-popover.menu-open-left { border-radius: 4px; box-shadow: var(--popover-shadow); left: auto; position: absolute; top: -15px; }
.feature-popover.menu-open-left.block { right: 105.5%; }
.feature-popover.menu-open-left.allow { right: 100%; }
.dialog-box-container .dialog-body { color: var(--text-color); overflow-wrap: break-word; }
.dialog-box-container .domain-warning-container { background: var(--yellow-banner); border-radius: 4px; color: var(--neo-icon-color); display: flex; font-size: 14px; line-height: 18px; margin-top: 16px; padding: 8px; }
.dialog-box-container .domain-warning-container .alert-icon-container { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 22px; padding: 0px; width: 22px; }
.dialog-box-container .domain-warning-container .alert-icon-container .icon { color: var(--attention-icon); height: 22px; margin: 3px 3px 0px 0px; width: 22px; }
.dialog-box-container .feature-warning-container { align-items: center; background: var(--yellow-banner); border-radius: 4px; color: var(--neo-icon-color); display: flex; font-size: 14px; line-height: 18px; margin-top: 16px; padding: 8px; width: 100%; }
.dialog-box-container .feature-warning-container .icon-container { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 22px; padding: 0px; width: 22px; }
.dialog-box-container .feature-warning-container .icon-container .info-icon { margin-top: 3px; }
.menu-btn { display: flex; }
.menu-btn > div > span { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-btn .btn-domain-name, .menu-btn .btn-sender-name { text-transform: capitalize; }
.menu-btn .menu-subscript { color: var(--tertiary-text-three); display: block; font-size: 12.04px; }
.message-actions-wrap .content-container { overflow: visible; }
.message-actions-wrap .allow-btn, .message-actions-wrap .block-btn { align-items: center; display: flex; gap: 10px; justify-content: space-between; width: 100%; }
.message-actions-wrap .allow-btn .chevron-right, .message-actions-wrap .block-btn .chevron-right { color: var(--icon-secondary-color); }
.spinner { margin: 0px; opacity: 1; pointer-events: none; text-align: center; transition: opacity 0.2s linear; width: 94px; }
.spinner.hidden { opacity: 0; }
.spinner.paused > div { animation-play-state: paused; }
.spinner-cover.hidden { opacity: 0; }
.spinner > div { animation: 1.1s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0s infinite normal both running bouncedelay; border: 1px solid var(--border-color-default); border-radius: 100%; display: inline-block; height: 14px; margin-left: 4px; margin-right: 4px; width: 14px; }
.spinner .bounce1 { animation-delay: -0.34s; }
.spinner .bounce2 { animation-delay: -0.22s; }
.spinner .bounce3 { animation-delay: -0.12s; }
.spinner .bounce4 { animation-delay: 0s; }
@keyframes bouncedelay { 
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
.view-original-message-container { flex-grow: 1; padding: 20px 24px 0px; }
.view-original-message-container .view-original-message-header-container { align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.view-original-message-container .view-original-message-header-container .view-original-message-header { font-size: 20px; margin: 0px; }
.view-original-message-container .view-original-message-header-container .view-original-message-header-actions { align-items: center; display: flex; gap: 16px; }
.view-original-message-container .view-original-message-header-container .view-original-message-header-actions .header-actions-button-container { display: flex; }
.view-original-message-container .view-original-message-header-container .view-original-message-header-actions .header-actions-button-container .header-actions-button { padding: 0px; }
.view-original-message-container .view-original-message-header-container .view-original-message-header-actions span { display: flex; }
.view-original-message-container .view-original-message-footer { align-items: center; color: var(--tertiary-text-three); display: flex; margin-top: 10px; padding-bottom: 20px; }
.view-original-message-container .view-original-message-footer .view-original-message-footer-icon { display: flex; }
.view-original-message-container .view-original-message-footer .view-original-message-footer-text { font-weight: 500; }
.view-original-message-container .original-message { border: 1px solid var(--signature-border); border-radius: 8px; height: 435px; padding: 10px; resize: none; width: 100%; }
.preferences-content { height: 100%; overflow-y: auto; }
.notifications-preferences-container { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; max-width: max-content; }
.notification-sub-header { color: var(--text-color); font-size: 15.96px; font-weight: 600; }
.email-pref-all-wrapper { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 20px; margin-bottom: 32px; }
.email-pref-all-wrapper .email-pref-title-wrapper { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; }
.email-pref-all-wrapper .email-pref-title-wrapper .email-pref-title { color: var(--text-color); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; margin: 0px; }
.email-pref-all-wrapper .email-pref-rows-container { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 12px; }
.email-pref-all-wrapper .email-pref-rows-container .email-noti-row { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.email-pref-all-wrapper .email-pref-rows-container .email-noti-row .email-row-content-wrapper { display: flex; padding: 4px 0px; }
.email-pref-all-wrapper .email-pref-rows-container .email-noti-row .email-row-content-wrapper .email-row-text { color: var(--preferences-subtitle); flex: 1 0 0%; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.43; }
.allow-notif-frame { align-items: flex-start; background: var(--bg-form-container); border: 1px solid var(--btn-disabled-icon-color); border-radius: 4px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; padding: 8px 0px; width: 754px; }
.allow-notif-inner { align-items: center; box-sizing: border-box; display: flex; gap: 12px; padding: 8px 16px; width: 752px; }
.allow-notif-steps-wrapper { display: flex; flex: 1 0 0%; flex-direction: column; height: 213px; justify-content: center; }
.allow-notif-content { display: flex; flex-direction: column; gap: 4px; }
.allow-notif-title-frame { align-items: center; display: flex; gap: 12px; }
.allow-notif-icon-wrapper { align-items: center; border-radius: 4px; box-sizing: initial; display: flex; flex-shrink: 0; gap: 10px; height: 19px; padding: 3px; width: 23px; }
.allow-notif-warning-icon { height: 16.597px; width: 20.125px; }
.allow-notif-title { font-size: 15px; font-style: normal; font-weight: 600; line-height: 24px; }
.allow-notif-step-row { align-items: center; align-self: stretch; display: flex; gap: 20px; padding-left: 41px; }
.allow-notif-step-text { font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; width: 315px; }
.allow-notif-gif-container { aspect-ratio: 353 / 213; border: 1px solid var(--btn-disabled-icon-color); border-radius: 4px; flex-shrink: 0; height: 213px; overflow: hidden; width: 353px; }
.allow-notif-gif { display: block; height: 100%; object-fit: cover; width: 100%; }
.electron-notification-settings { align-self: stretch; display: flex; flex-direction: column; }
.electron-notif-row { align-items: center; border-bottom: 1px solid var(--line-seperator-secondary-color); display: flex; flex-direction: row; gap: 16px; justify-content: space-between; padding: 16px 0px; }
.electron-notif-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.electron-notif-row-content { display: flex; flex: 1 1 0%; flex-direction: column; gap: 4px; min-width: 0px; }
.electron-notif-row-title { color: var(--text-color); font-size: 14px; font-weight: 600; line-height: 20px; }
.electron-notif-row-desc { color: var(--text-color-secondary); font-size: 13px; line-height: 18px; }
.electron-notif-btn { align-items: center; background: rgba(0, 0, 0, 0); border: 1px solid var(--btn-secondary-color); border-radius: 4px; color: var(--btn-secondary-color); display: inline-flex; flex-shrink: 0; font-size: 13px; font-weight: 500; gap: 6px; padding: 6px 14px; white-space: nowrap; cursor: pointer !important; }
.electron-notif-btn:hover { background: var(--btn-hover-color); border-color: var(--btn-hover-color); cursor: pointer !important; }
.electron-notif-btn:active, .electron-notif-btn:hover { color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.electron-notif-btn:active { background: var(--btn-clicked-color); border-color: var(--btn-clicked-color); }
.electron-notif-btn-icon { font-size: 12px; }
.push-row-container { align-items: flex-start; align-self: stretch; display: flex; flex-direction: column; gap: 16px; }
.push-row-container.push-row-disabled { opacity: 0.5; pointer-events: none; }
.push-row-container .push-row-inner-wrapper { align-items: center; align-self: stretch; display: flex; gap: 8px; }
.push-row-container .push-row-inner-wrapper .push-row-left { display: flex; }
.push-row-container .push-row-inner-wrapper .push-row-left .push-row-content-text { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 1.43; }
.push-row-container .push-row-inner-wrapper .push-row-right { display: flex; }
.push-row-container .push-row-inner-wrapper .push-row-right .folder-multi-select--disabled { pointer-events: none; }
.push-row-container .push-row-inner-wrapper .push-row-right:has(.folder-multi-select--disabled) { cursor: not-allowed; }
.push-row-container .push-expanded-content-wrapper { align-self: stretch; animation: 0.2s ease 0s 1 normal none running slideDown; display: flex; flex-direction: column; gap: 8px; padding: 0px 32px; }
.push-row-container .push-expanded-content-wrapper .push-expanded-section { color: var(--text-color); display: flex; flex-direction: column; gap: 6px; }
.push-row-container .push-expanded-content-wrapper .push-expanded-section .push-expanded-dropdown-row { align-items: center; display: flex; gap: 12px; }
@keyframes slideDown { 
  0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.sound-select-wrapper { align-items: center; display: flex; flex-direction: row; gap: 10px; min-height: 32px; }
.sound-select-wrapper .sound-toggle-row { align-items: center; display: flex; gap: 12px; }
.sound-select-wrapper .sound-toggle-row .push-expanded-description { color: var(--preferences-subtitle); font-size: 14px; font-weight: 400; }
.sound-select-wrapper .sound-dropdown-row { align-items: center; display: flex; height: 28px; }
.sound-select-wrapper .sound-dropdown-row .sound-dropdown-inner { align-items: center; display: flex; gap: 4px; }
.sound-select-wrapper .sound-dropdown-row .sound-dropdown-inner .ant-select-content-value { color: var(--text-color); }
.sound-select-wrapper .sound-dropdown-row .sound-dropdown-inner .sound-play-button { align-items: center; aspect-ratio: 1 / 1; cursor: pointer; display: flex; flex-direction: column; flex-shrink: 0; gap: 10px; height: 24px; justify-content: center; padding: 2px 1px; width: 24px; }
.sound-select-wrapper .sound-dropdown-row .sound-dropdown-inner .sound-play-button .sound-play-icon { flex-shrink: 0; stroke-width: 1px; color: var(--sound-icon-color) !important; }
.sound-select-wrapper .sound-dropdown-row .sound-dropdown-inner .sound-play-button:hover .sound-play-icon { color: var(--sound-icon-hover-color) !important; }
.sound-dropdown-row--hidden { pointer-events: none; visibility: hidden; }
.notification-sound-dropdown-menu { background: var(--bg-dropdown); border-radius: 4px; color: var(--tertiary-text-three); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 8px); padding: 0px; }
.notification-sound-dropdown-menu .rc-virtual-list-scrollbar { right: 3px !important; width: 4px !important; }
.notification-sound-dropdown-menu .rc-virtual-list-scrollbar:hover { right: 2px !important; width: 6px !important; }
.notification-sound-dropdown-menu .rc-virtual-list-scrollbar-thumb { background: var(--scrollbar-active-color) !important; border-radius: 2px !important; }
.notification-sound-dropdown-menu .rc-virtual-list-scrollbar-thumb:hover { border-radius: 4px !important; }
.notification-sound-dropdown-menu .ant-select-item-group { color: var(--tertiary-text-three); cursor: default; font-size: 12px; font-weight: 500; height: 36px; padding: 8px 12px; }
.notification-sound-list-item { align-items: center; font-size: 14px; font-weight: 400; color: var(--text-color) !important; padding: 0px 12px !important; }
.notification-sound-list-item.ant-select-item-option-selected { border-radius: 0px; background-color: var(--dropdown-hover-color) !important; font-weight: 400 !important; }
.notification-sound-list-item:hover { border-radius: 0px; background: var(--dropdown-hover-color) !important; }
.notification-sound-list-item + .ant-select-item-group { margin-top: 8px; }
.push-select-box { background: var(--bg-dropdown); border: var(--input-border); border-radius: 4px; color: var(--text-color); height: 28px; width: 156px; }
.push-select-box.ant-select { box-shadow: none !important; }
.push-select-box.ant-select-open .ant-select-content { color: var(--text-color) !important; }
.push-select-box.ant-select-focused:not(.ant-select-disabled) .ant-select-selector { box-shadow: none !important; }
.push-select-box .caret { align-items: center; display: flex; flex-shrink: 0; height: 24px; justify-content: center; transform: rotate(180deg); transition: transform 0.2s; width: 24px; color: var(--icon-secondary-color) !important; }
.push-select-box .caret svg { display: block; fill: none; stroke: var(--icon-secondary-color); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; }
.push-select-box.ant-select-open .caret { transform: rotate(0deg) !important; }
.push-email-entire-layout { gap: 32px; width: 100%; }
.entire-push-container, .push-email-entire-layout { align-items: flex-start; display: flex; flex-direction: column; }
.entire-push-container { align-self: stretch; min-width: 564px; padding-top: 24px; }
.push-title-wrapper { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; height: 20px; }
.push-title-wrapper .push-title-text { color: var(--text-color); font-size: 14px; font-weight: 600; line-height: 20px; margin: 0px; }
.push-notifications-wrapper { position: relative; }
.push-notifications-overlay { align-items: center; backdrop-filter: blur(1px); background: rgba(255, 255, 255, 0.7); display: flex; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 10; }
.push-component-rest { align-items: stretch; align-self: stretch; display: flex; flex-direction: column; }
.push-component-rest.push-notif-disabled { cursor: not-allowed !important; opacity: 0.6; }
.push-component-rest > * { border-bottom: 1px solid var(--line-seperator-secondary-color); padding: 16px 0px; }
.push-component-rest > :last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.folder-multi-select { height: 28px; overflow: visible; position: relative; width: 216px; }
.folder-multi-select.folder-multi-select--disabled { cursor: not-allowed; pointer-events: none; }
.folder-multi-select .folder-multi-select__dropdown { background: var(--bg-dropdown); border-radius: 4px; box-sizing: border-box; display: none; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 8px); flex-direction: column; left: 0px; max-height: 280px; overflow-y: auto; position: absolute; top: calc(100% + 4px); width: 100%; z-index: 9999; color: var(--icon-secondary-color) !important; }
.folder-multi-select .folder-multi-select__dropdown.open { display: flex; }
.folder-multi-select__trigger { align-items: center; background: var(--bg-new-read-receipt); border: var(--input-border); border-radius: 4px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: row; flex-shrink: 0; justify-content: space-between; max-height: 28px; outline: none; padding: 4px 10px; text-align: left; width: 216px; }
.folder-multi-select__trigger .label { color: var(--text-color); flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.folder-multi-select__trigger .label.placeholder { color: var(--multiselect-checkbox-focused); }
.folder-multi-select__trigger .caret { align-items: center; color: var(--icon-secondary-color); display: flex; flex-shrink: 0; height: 24px; justify-content: center; transform: rotate(180deg); transition: transform 0.2s; width: 24px; }
.folder-multi-select__trigger .caret svg { height: 4.95px; width: 9.899px; }
.folder-multi-select__trigger.open .caret { transform: rotate(0deg); }
.folder-multi-select__dropdown { background: var(--bg-dropdown); border-radius: 4px; box-sizing: border-box; color: var(--tertiary-text-three); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 8px); max-height: 280px; overflow-y: auto; position: fixed; z-index: 9999; }
.dropdown-scroll-area, .folder-multi-select__dropdown, .folder-tree-node { display: flex; flex-direction: column; width: 100%; }
.folder-tree-node { background: var(--bg-dropdown); }
.folder-tree-node .children-container { display: flex; flex-direction: column; width: 100%; }
.folder-row { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: row; gap: 10px; height: 30px; outline: none; text-align: left; transition: background 0.15s; width: 100%; }
.folder-row:hover { background-color: var(--dropdown-hover-color); }
.folder-row.selected { background-color: var(--dropdown-hover-color) !important; }
.folder-row .folder-content-main, .folder-row .folder-row-left-content { align-items: center; display: flex; flex: 1 1 0%; flex-direction: row; min-width: 0px; }
.folder-row .folder-content-main { gap: 4px; }
.folder-row .folder-icon { align-items: center; color: var(--tertiary-text-three); display: flex; flex-shrink: 0; height: 24px; justify-content: center; width: 24px; }
.folder-row .folder-icon img, .folder-row .folder-icon svg { height: 24px; width: 24px; }
.folder-row .folder-name { color: var(--text-color); flex: 1 1 0%; font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.folder-row .checkbox-wrapper { align-items: center; display: flex; flex-shrink: 0; height: 24px; justify-content: center; width: 24px; }
.folder-row .checkbox-wrapper .checkbox { border-radius: 2px; height: 16px; width: 16px; }
.folder-row .disclosure-wrap { align-items: center; appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: flex; flex-shrink: 0; height: 17px; justify-content: center; outline: none; padding: 0px; width: 17px; }
.folder-row .disclosure-wrap .disclosure-triangle { filter: invert(0.4); }
.folder-row .disclosure-spacer { display: inline-block; flex-shrink: 0; height: 20px; width: 20px; }
.empty-state { color: var(--multiselect-checkbox-focused); font-size: 15.96px; padding: 10px 14px; }
.smart-write-blocking-popover-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); width: 320px; }
.smart-write-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px 24px 20px; }
.smart-write-blocking-popover-container .popover-header .dismiss-btn { cursor: pointer; position: absolute; right: 8px; top: 6px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container { display: flex; flex-direction: column; padding: 8px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-one { border: 1px solid var(--paywall-border-prompt); border-radius: 5px; font-size: 12.04px; font-weight: 400; padding: 5px 7px 5px 6px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two { background: linear-gradient(0deg,var(--paywall-background-color),var(--paywall-background-color)),linear-gradient(0deg,var(--paywall-border-suggestion),var(--paywall-border-suggestion)); border: 2px solid var(--paywall-border-suggestion); border-radius: 11px; color: var(--paywall-text-color); font-size: 12.04px; font-weight: 400; margin-top: 14px; padding: 10px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .shimmer-placeholder-size-one { background: var(--smart-write-blocking-nudge-shimmer); border-radius: 8px; height: 7px; margin-left: 5px; width: 74px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .shimmer-placeholder-size-two { background: var(--smart-write-blocking-nudge-shimmer); border-radius: 8px; height: 7px; margin-left: 5px; width: 38px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .shimmer-row-two { align-items: baseline; display: flex; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .shimmer-row-four, .smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .shimmer-row-three { align-items: baseline; display: flex; height: 11px; margin-top: 8px; }
.smart-write-blocking-popover-container .popover-header .popover-header-container .header-style-two .no-margin { margin: 0px; }
.smart-write-blocking-popover-container .popover-app-switcher-header { background-color: var(--smart-write-paywall-header-bg); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); height: 250px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .dismiss-btn { cursor: pointer; position: absolute; right: 8px; top: 6px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .header-text { color: var(--primary-text); display: inline-block; font-size: 15.96px; font-weight: 600; margin-left: 24px; margin-top: 12px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container { background-color: var(--smart-write-paywall-bg); border-radius: 4px; display: flex; flex-direction: column; margin: 16px 24px 24px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-one { align-items: center; border: 1px solid var(--paywall-border-prompt); border-radius: 5px; color: var(--secondary-header-text); display: flex; font-size: 12.04px; font-weight: 400; height: 24px; justify-content: center; margin-left: 24px; margin-top: 24px; width: 255px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two { background: linear-gradient(0deg,var(--paywall-background-color),var(--paywall-background-color)),linear-gradient(0deg,var(--paywall-border-suggestion),var(--paywall-border-suggestion)); border: 2px solid var(--paywall-border-suggestion); border-radius: 11px; color: var(--paywall-text-color); font-size: 12.04px; font-weight: 400; margin-bottom: 24px; margin-left: 117px; margin-top: 18px; padding: 6px; width: 260px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .shimmer-placeholder-size-one { background: var(--smart-write-blocking-nudge-shimmer); border-radius: 8px; height: 7px; margin-left: 5px; width: 74px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .shimmer-placeholder-size-two { background: var(--smart-write-blocking-nudge-shimmer); border-radius: 8px; height: 7px; margin-left: 5px; width: 38px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .shimmer-row-two { align-items: baseline; display: flex; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .shimmer-row-four, .smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .shimmer-row-three { align-items: baseline; display: flex; height: 11px; margin-top: 8px; }
.smart-write-blocking-popover-container .popover-app-switcher-header .popover-app-switcher-header-container .header-style-two .no-margin { margin: 0px; }
.smart-write-blocking-popover-container .popover-content-wrapper { border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.smart-write-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); font-size: 20.02px; font-weight: 400; white-space: normal; }
.smart-write-blocking-popover-container .popover-content-wrapper .watch-demo-video-btn-container { align-content: center; align-items: center; display: flex; flex-direction: column; margin-top: 16px; }
.smart-write-blocking-popover-container .popover-content-wrapper .watch-demo-video-btn-container .watch-demo-video-btn { align-items: center; color: var(--smart-write-video-icon); cursor: pointer; display: flex; height: 36px; margin-top: 16px; padding: 0px 8px; }
.smart-write-blocking-popover-container .popover-content-wrapper .watch-demo-video-btn-container .watch-demo-video-btn .btn-label { font-size: 14px; font-weight: 600; line-height: 20px; margin-left: 4px; }
.smart-write-blocking-popover-container .popover-app-switcher-content-wrapper { border-radius: 4px; font-size: 20.02px; height: 255px; line-height: 26px; }
.smart-write-blocking-popover-container .popover-app-switcher-content-wrapper .popover-content { color: var(--heading-color-titan-max); font-size: 20.02px; font-weight: 400; margin-bottom: 5px; white-space: normal; }
.smart-write-blocking-popover-container .popover-app-switcher-content-wrapper .watch-demo-video-btn-container { align-content: center; align-items: center; display: flex; flex-direction: column; margin-top: 16px; }
.smart-write-blocking-popover-container .popover-app-switcher-content-wrapper .watch-demo-video-btn-container .watch-demo-video-btn { align-items: center; color: var(--smart-write-video-icon); cursor: pointer; display: flex; height: 36px; margin-top: 16px; padding: 0px 8px; }
.smart-write-blocking-popover-container .popover-app-switcher-content-wrapper .watch-demo-video-btn-container .watch-demo-video-btn .btn-label { font-size: 14px; font-weight: 600; line-height: 20px; margin-left: 4px; }
.smart-write-blocking-popover-container .discard-options-container { position: absolute; right: 4px; top: 45px; }
.smart-write-btn-wrapper { display: flex; }
.btn.btn-smart-write { align-items: center; background: rgba(0, 0, 0, 0); box-shadow: none; color: var(--text-color); display: flex; font-weight: 400; line-height: 10px; padding: 0px 8px 0px 4px; white-space: nowrap; }
.btn.btn-smart-write.btn-enabled { background-color: var(--smart-write-btn-active-bg) !important; }
.btn.btn-smart-write.btn-enabled .icon { color: var(--smart-write-btn-active-icon-color); }
.btn.btn-smart-write .smart-write-animation { display: none; }
.btn.btn-smart-write:hover { background-color: var(--icon-hover-state) !important; }
.btn.btn-smart-write:hover .smart-write-animation { display: inline; height: 24px; width: 24px; }
.btn.btn-smart-write.offline:hover .smart-write-animation, .btn.btn-smart-write:hover .icon { display: none; }
.btn.btn-smart-write.offline:hover .icon { display: inline; }
.btn.btn-smart-write:focus { box-shadow: none; }
.btn.btn-smart-write.btn-smart-write-icon-only { justify-content: center; margin-left: 2px; padding: 0px 4px; width: 32px; }
.btn.btn-smart-write.btn-smart-write-icon-only .icon { height: 21px; width: 21px; }
.add-to-task-container, .reply-with-ai-container { align-items: flex-start; display: flex; }
.add-to-task-container svg, .reply-with-ai-container svg { color: var(--smart-write-reply-icon); margin-right: 10px; }
.footer-text { color: var(--text-color); }
.smart-write-btn-shortcut-wrapper { display: flex; }
.capping-strip { background-color: var(--bg-footer); border-radius: 4px; justify-content: space-between; margin-bottom: 12px; padding: 4px 10px; }
.capping-strip, .capping-strip .capping-strip-left { align-items: center; display: flex; }
.capping-strip .capping-text { color: var(--text-color); font-size: 14px; font-weight: 400; margin-left: 4px; margin-right: 4px; margin-top: -1px; }
.capping-strip .capping-text b { line-height: 1; }
.capping-strip.threshold-exceeded { background-color: var(--yellow-banner); }
.capping-strip.threshold-exceeded .capping-text { color: var(--warning-icon-color); }
.capping-strip svg { height: 24px; width: 24px; }
.capping-strip .button-container { align-items: center; display: flex; margin-top: -1px; }
.capping-strip .button-container .titan-max-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--smart-write-capping-upgrade-text-color); cursor: pointer; font-size: 14px; font-weight: 500; height: auto; line-height: inherit; padding: 0px; }
.capping-strip .button-container .titan-max-btn:focus, .capping-strip .button-container .titan-max-btn:hover { background: rgba(0, 0, 0, 0) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; color: var(--smart-write-capping-upgrade-text-color) !important; }
body.theme-light { --smart-write-bar-capping-pill-color: #c56a00; --smart-write-bar-capping-pill-hover-bg: #c56a0014; }
body.theme-dark { --smart-write-bar-capping-pill-color: #d78d37; --smart-write-bar-capping-pill-hover-bg: #d78d3724; }
button.smart-write-bar-capping-pill { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--smart-write-bar-capping-pill-color); cursor: pointer; flex-shrink: 0; font-size: 13.5px; font-weight: 400; line-height: 18px; padding: 4px 7px; transition: background-color 0.12s; white-space: nowrap; }
button.smart-write-bar-capping-pill:hover { background-color: var(--smart-write-bar-capping-pill-hover-bg); }
button.smart-write-bar-capping-pill:focus { outline: none; }
.smart-write-bar-dropdown-chip { display: flex; }
.smart-write-bar-dropdown-chip.smart-write-bar-dropdown-chip--disabled { opacity: 0.5; pointer-events: none; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown { display: flex; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .only-item { align-items: center; background-color: var(--smart-write-bar-pill-bg,var(--bg-modal)); border: .9px solid var(--secondary-line-separator); border-radius: 999px; box-sizing: border-box; color: var(--text-color); cursor: pointer; display: flex; font-size: 13px; font-weight: 400; gap: 3.6px; height: auto; line-height: normal; padding: 6px 6px 6px 10px; white-space: nowrap; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .only-item:hover { background-color: var(--icon-hover-state); }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .only-item .icon { margin-left: 0px; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown.open .only-item { border-color: var(--ctm-brand-color,var(--brand-default-color)); }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .smart-write-bar-chip-chevron { color: var(--icon-secondary-color); flex-shrink: 0; height: 5.13px; transition: transform 0.15s; width: 9.1px; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown.open .smart-write-bar-chip-chevron { transform: rotate(180deg); }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown.open.open-up .secondary-items { inset: auto auto 100% 50%; margin-bottom: 4px; transform: translate(-50%, -6px); }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items { background-color: var(--bg-modal); border: 1px solid var(--secondary-line-separator); border-radius: 6px; box-shadow: var(--smart-write-bar-dropdown-shadow); padding-bottom: 4px; z-index: 100; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu { background-color: initial; padding: 8px 0px 4px; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .header-container { background-color: initial; display: block; padding: 0px; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .footer-container { display: none; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .content-container { background: rgba(0, 0, 0, 0); border-radius: 0px; max-height: 180px; overflow-y: auto; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .item { padding: 0px; }
.smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .item.selected, .smart-write-bar-dropdown-chip .smart-write-bar-dropdown-chip-button.button-dropdown .secondary-items .menu .item:hover { background-color: var(--icon-hover-state); }
.smart-write-bar-dropdown-menu-heading { box-sizing: border-box; color: var(--icon-secondary-color); font-size: 13.5px; font-weight: 500; line-height: normal; padding: 6px 10px 6px 16px; }
.smart-write-bar-dropdown-menu-row { align-items: center; box-sizing: border-box; display: flex; font-size: 13.5px; gap: 20px; justify-content: space-between; padding: 6px 16px 6px 12px; white-space: nowrap; }
.smart-write-bar-dropdown-menu-row-left { align-items: center; display: flex; gap: 10px; }
.smart-write-bar-dropdown-menu-icon { color: var(--icon-secondary-color); flex-shrink: 0; height: 13.5px; width: 13.5px; }
.smart-write-bar-dropdown-menu-check { color: var(--ctm-brand-color,var(--brand-default-color)); flex-shrink: 0; }
body.theme-light { --smart-write-bar-icon-color: #888; }
body.theme-dark { --smart-write-bar-icon-color: #878787; }
@property --smart-write-bar-gen-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes smart-write-bar-border-spin { 
  100% { --smart-write-bar-gen-angle: 360deg; }
}
.smart-write-bar { background-color: var(--bg-modal); padding: 8px 14px 10px; }
.smart-write-bar .smart-write-bar-row { align-items: center; display: flex; gap: 6px; }
.smart-write-bar .smart-write-bar-input-box { background-color: var(--smart-write-bar-input-box-bg,var(--bg-modal)); border: 1px solid var(--smart-write-bar-input-box-border-color); border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; justify-content: center; min-height: 45px; padding: 8px 8px 8px 12px; width: 100%; }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--touched:where(:not(:focus-within):not(.smart-write-bar-input-box--generating)) { background-color: var(--smart-write-bar-input-box-unfocused-bg); border: 1px solid var(--smart-write-bar-input-box-unfocused-border-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--touched:where(:not(:focus-within):not(.smart-write-bar-input-box--generating)) .smart-write-bar-icon { background-color: var(--smart-write-bar-prompt-icon-unfocused-bg); color: var(--smart-write-bar-prompt-icon-unfocused-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--touched:where(:not(:focus-within):not(.smart-write-bar-input-box--generating)) .smart-write-bar-submit svg { color: var(--smart-write-bar-send-icon-unfocused-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--touched:where(:not(:focus-within):not(.smart-write-bar-input-box--generating)) .smart-write-bar-prompt { color: var(--smart-write-bar-prompt-unfocused-text-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--touched:where(:not(:focus-within):not(.smart-write-bar-input-box--generating)) .smart-write-bar-prompt::placeholder { color: var(--smart-write-bar-prompt-unfocused-placeholder-color); }
.smart-write-bar .smart-write-bar-input-box:where(:not(:focus-within)) .smart-write-bar-stop { color: var(--smart-write-bar-accent-icon-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--idle { background-color: var(--smart-write-bar-idle-bg); border-color: rgba(0, 0, 0, 0); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--idle .smart-write-bar-prompt::placeholder { color: var(--smart-write-bar-prompt-unfocused-placeholder-color); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--idle .smart-write-bar-icon { background-color: initial; color: var(--ctm-brand-color,var(--brand-default-color)); }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--multiline { padding-bottom: 9px; padding-top: 12px; }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--multiline .smart-write-bar-input-row { align-items: flex-end; }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--multiline .smart-write-bar-icon, .smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--multiline .smart-write-bar-prompt { margin-bottom: 3px; }
.smart-write-bar .smart-write-bar-input-box.smart-write-bar-input-box--generating { animation: 2.4s linear 0s infinite normal none running smart-write-bar-border-spin; background-clip: padding-box, border-box; background-image: linear-gradient(var(--smart-write-bar-input-box-bg,var(--bg-modal)),var(--smart-write-bar-input-box-bg,var(--bg-modal))),conic-gradient(from var(--smart-write-bar-gen-angle),#1b77e3 0deg,#8b5cf6 90deg,#e879f9 180deg,#8b5cf6 270deg,#1b77e3 1turn); background-origin: border-box; border: 1px solid rgba(0, 0, 0, 0); }
.smart-write-bar .smart-write-bar-input-row { align-items: center; box-sizing: border-box; display: flex; gap: 8px; height: auto; }
.smart-write-bar .smart-write-bar-icon { background-color: var(--smart-write-bar-prompt-icon-bg,#0000); border-radius: 50%; color: var(--smart-write-bar-prompt-icon-color,var(--ctm-brand-color,var(--brand-default-color))); flex-shrink: 0; }
.smart-write-bar .smart-write-bar-prompt { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color); flex: 1 1 0%; font-size: 14px; line-height: 20px; max-height: 80px; min-width: 0px; overflow-wrap: anywhere; overflow: hidden; padding: 0px; resize: none; white-space: pre-wrap; }
.smart-write-bar .smart-write-bar-prompt:focus { outline: none; }
.smart-write-bar .smart-write-bar-prompt::placeholder { color: var(--smart-write-bar-prompt-placeholder-color); font-size: 14px; font-weight: 400; line-height: 20px; }
.smart-write-bar .smart-write-bar-prompt:disabled { opacity: 0.6; }
.smart-write-bar .ant-btn-icon, .smart-write-bar .smart-write-bar-submit { align-items: center; display: flex; justify-content: center; }
.smart-write-bar .smart-write-bar-submit { flex-shrink: 0; height: 27px; min-width: 27px; padding: 0px; width: 27px; }
.smart-write-bar .smart-write-bar-submit, .smart-write-bar .smart-write-bar-submit svg { color: var(--ctm-brand-color,var(--brand-default-color)); }
.smart-write-bar .smart-write-bar-submit:hover:not(:disabled) { background: rgba(0, 0, 0, 0); }
.smart-write-bar .smart-write-bar-submit:disabled { opacity: 0.4; }
.smart-write-bar .smart-write-bar-generating-icon { animation: 1s linear 0s infinite normal none running smart-write-bar-generating-spin; flex-shrink: 0; transform-box: fill-box; transform-origin: center center; }
@keyframes smart-write-bar-generating-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.smart-write-bar .smart-write-bar-generating-text { color: var(--text-color); flex: 1 1 0%; font-size: 13.02px; line-height: 150%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smart-write-bar .smart-write-bar-stop { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--ctm-brand-color,var(--brand-default-color)); cursor: pointer; display: flex; flex-shrink: 0; height: 27px; justify-content: center; padding: 0px; width: 27px; }
.smart-write-bar .smart-write-bar-controls { align-items: center; display: flex; flex-shrink: 0; gap: 10px; }
.smart-write-bar .smart-write-bar-pill-group { align-items: center; display: flex; gap: 7px; }
.smart-write-bar .smart-write-bar-feedback-group, .smart-write-bar .smart-write-bar-history-group { align-items: center; display: flex; gap: 2px; }
.smart-write-bar .smart-write-bar-history-btn { align-items: center; color: var(--smart-write-bar-icon-color); cursor: pointer; display: flex; flex-shrink: 0; height: 27px; justify-content: center; min-width: 27px; padding: 0px; width: 27px; }
.smart-write-bar .smart-write-bar-history-btn:disabled { cursor: default; }
.smart-write-bar .smart-write-bar-history-btn:hover:not(:disabled) { background-color: var(--smart-write-bar-icon-hover-bg,var(--icon-hover-state)); color: var(--smart-write-bar-icon-color) !important; }
.smart-write-bar .smart-write-bar-history-btn:disabled { opacity: 0.4; }
.smart-write-bar .smart-write-bar-divider { align-self: stretch; background-color: var(--secondary-line-separator); width: 1px; }
.smart-write-bar .capping-strip { background-color: initial; border-radius: 0px 0px 6px 6px; justify-content: flex-start; margin: 0px -8px -8px -12px; }
.smart-write-bar .capping-strip .capping-text { font-size: 13.02px; }
.smart-write-bar .capping-strip.threshold-exceeded { background-color: var(--yellow-banner); padding-bottom: 6px; padding-top: 6px; }
.smart-write-bar .capping-strip.threshold-exceeded .capping-text { color: var(--smart-write-bar-capping-warning-text); }
.smart-write-bar .capping-strip .titan-max-btn { font-size: 13.02px; font-weight: 400; }
.smart-write-bar-feedback-popover .nike-antd-popover-arrow::before { background: var(--bg-modal) !important; }
.smart-write-bar-feedback-popover .nike-antd-popover-container { box-shadow: var(--smart-write-bar-feedback-popover-shadow); }
body.theme-light .smart-write-bar-feedback-popover { --smart-write-bar-feedback-popover-shadow: 0 0 0 1px #00000014,0 10px 14px -1px #3333; }
body.theme-dark .smart-write-bar-feedback-popover { --smart-write-bar-feedback-popover-shadow: 0 0 0 1px #ffffff14,0 8px 24px 4px #0000008c; }
.fr-view.smart-write-bar-body-generating { cursor: default; opacity: 0.4; transition: opacity 0.15s; }
.thread-quick-actions-order { display: flex; flex-direction: column; height: 800px; overflow: hidden; }
.thread-quick-actions-order .header-container { width: 100%; }
.thread-quick-actions-order .header-container .header-txt { color: var(--text-color); font-size: 16px; font-weight: 600; }
.thread-quick-actions-order .header-container .sub-header { margin-top: 8px; }
.thread-quick-actions-order .header-container .sub-header .sub-header-txt { color: var(--secondary-text-subtle); font-size: 14px; font-weight: 400; }
.thread-quick-actions-order .header-container .sub-header .learn-more { color: var(--link-color); cursor: pointer; margin-left: 4px; text-decoration: none; }
.thread-quick-actions-order .settings-container { display: flex; flex-direction: column; margin-bottom: 120px; margin-top: 36px; }
.thread-quick-actions-order .settings-container .header-txt { color: var(--text-color); font-size: 14px; font-weight: 600; margin-bottom: 16px; }
.thread-quick-actions-order .settings-container .reorder-and-preview { align-items: center; align-self: stretch; display: flex; gap: 25px; margin-bottom: 28px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list-loader { display: flex; justify-content: center; width: 368px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list { align-items: flex-end; display: flex; flex-direction: column; gap: 12px; width: 368px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list.no-enabled-actions { gap: 0px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .disabled-actions-container, .thread-quick-actions-order .settings-container .reorder-and-preview .action-list .enabled-actions-container { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item { align-items: center; align-self: stretch; background: var(--bg-modal); border: .8px solid var(--quick-action-border-color); border-radius: 8px; display: flex; justify-content: space-between; padding: 16px 12px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item .action-details { align-items: center; color: var(--email-action-text-color); display: flex; gap: 4px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item .action-details.disable-drag { margin-left: 28px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item .action-details .drag-icon { align-items: center; color: var(--drag-icon-color); cursor: move; display: flex; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item .action-details .action-icon { color: var(--tertiary-text-three); }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item .toggle-button-disabled { cursor: no-drop !important; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item.disabled { opacity: 1; }
.thread-quick-actions-order .settings-container .reorder-and-preview .action-list .action-item.disabled .action-details { margin-left: 28px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; justify-content: center; position: relative; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item { align-items: flex-start; background: var(--email-item-bg-color); border-radius: 4px; display: flex; gap: 6px; padding: 21px 12px; position: relative; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item.show-actions { background: var(--email-preview-item-bg-color); }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-actions { align-items: center; display: flex; flex-direction: column; gap: 6px; padding: 4px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-actions .check-box { background: rgba(0, 0, 0, 0); border: 1px solid var(--multiselect-checkbox); border-radius: 3px; height: 14px; width: 14px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-actions .star-icon { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: contain; display: inline-block; height: 16px; width: 16px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details { width: 355px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions { display: flex; justify-content: space-between; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions .email-header { color: var(--text-color); display: flex; flex-direction: column; font-weight: 600; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions .email-header .sender { font-size: 15px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions .email-header .subject { font-size: 14px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions .actions-preview { align-items: flex-start; display: flex; gap: 6px; justify-content: flex-end; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .header-with-actions .actions-preview .action-icon { align-items: center; background: var(--email-action-bg-color); border: .7px solid var(--email-action-border-color); border-radius: 6px; color: var(--tertiary-text-three); display: flex; justify-content: center; padding: 4px 11.5px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions .email-item .email-details .snippet { color: var(--email-action-snippet); font-size: 14.5px; font-weight: 400; overflow: hidden; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions::after, .thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions::before { content: ""; height: 100px; left: 0px; pointer-events: none; position: absolute; right: 0px; z-index: 1; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions::before { background: linear-gradient(to bottom,var(--preview-pane-bg) 20%,#0000 100%); top: 0px; }
.thread-quick-actions-order .settings-container .reorder-and-preview .preview-actions::after { background: linear-gradient(to top,var(--preview-pane-bg) 20%,#0000 100%); bottom: 0px; }
.thread-quick-actions-order .settings-container .reset-to-default { color: var(--btn-default-color); display: inline-flex; font-size: 15px; font-weight: 500; gap: 4px; line-height: 20px; margin: 0px; padding: 0px; width: fit-content; cursor: pointer !important; }
.thread-quick-actions-order .settings-container .reset-to-default.reset-disabled { color: var(--btn-disabled); pointer-events: none; }
.thread-quick-actions-order .footer-wrapper { background: var(--bg-modal); border-top: 1px solid var(--editor-border-color); bottom: 0px; padding: 20px 34px; position: fixed; width: 100%; z-index: 10; }
.thread-quick-action-tooltip { max-width: 200px; text-align: left !important; }
.thread-action-reorder-learn-more { background-color: var(--gif-modal-bg-color); padding: 36px 50px; }
.thread-action-reorder-learn-more .gif-loading-placeholder { align-items: center; border: 1px solid var(--thread-action-gif-border); border-radius: 12px; display: flex; height: 430px; justify-content: center; width: 690px; }
.thread-action-reorder-learn-more .thread-action-reorder-gif { border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px -1px; height: 430px; width: 690px; }
.thread-action-reorder-learn-more .thread-action-reorder-gif.hidden { display: none; }
.ai-summary-error-state { align-items: center; display: flex; flex-direction: column; gap: 4px; height: 100%; justify-content: center; padding: 16px; }
.ai-summary-error-state .ai-summary-error-icon { color: var(--secondary-text); }
.ai-summary-error-state .ai-summary-error-message { color: var(--text-color); font-size: 15.96px; font-weight: 500; text-align: center; }
.ai-summary-error-state .try-again-button { color: var(--link-color); font-weight: 500; }
.feature-capping-strip { background-color: var(--bg-primary-color); border-bottom: 1px solid var(--border-color-default); display: flex; padding: 8px 16px; }
.feature-capping-strip--warning { background-color: var(--yellow-banner); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.feature-capping-strip .icon-container { height: 24px; width: 24px; }
.feature-capping-strip .feature-capping-strip-content { display: flex; flex-direction: column; justify-content: center; }
.feature-capping-strip .feature-capping-strip-content .feature-capping-strip-content-title { color: var(--text-color); }
.feature-capping-strip .feature-capping-strip-content .titan-max-action-container .titan-max-btn { font-weight: 400; }
.regenerate-dropdown-container.button-dropdown { display: flex; }
.regenerate-dropdown-container.button-dropdown .only-item { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.regenerate-dropdown-container.button-dropdown .only-item > span { align-items: center; display: flex; justify-content: center; }
.regenerate-dropdown-container.button-dropdown .only-item:hover { background-color: var(--dropdown-hover-color); }
.regenerate-dropdown-container.button-dropdown.open .only-item { background-color: color-mix(in srgb,var(--link-color) 12%,#0000); color: var(--link-color); }
.regenerate-dropdown-container.button-dropdown.open.open-up .secondary-items { bottom: 100%; margin-bottom: 4px; margin-top: 0px; top: auto; transform: none; }
.regenerate-dropdown-container.button-dropdown .secondary-items { border: 1px solid var(--border-color); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px -1px; margin-top: 4px; top: 100%; transform: none; }
.regenerate-dropdown-container.button-dropdown .secondary-items.left { left: auto; right: 0px; }
.regenerate-dropdown-container.button-dropdown .secondary-items .menu .header-container { background-color: initial; display: block; padding: 0px; }
.regenerate-dropdown-container.button-dropdown .secondary-items .menu .content-container { border-radius: 0px; }
.regenerate-dropdown-container.button-dropdown .secondary-items .menu .content-container .item { font-size: 14px; font-weight: 400; padding: 10px 12px; }
.regenerate-dropdown-container.button-dropdown .secondary-items .menu .content-container .item.selected { background-color: initial; font-weight: 600; }
.regenerate-dropdown-container.button-dropdown .secondary-items .menu .content-container .item:hover { background-color: var(--dropdown-hover-color); border-radius: 0px; }
.regenerate-dropdown-container.button-dropdown .secondary-items .regenerate-dropdown-item { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.regenerate-dropdown-container.button-dropdown .secondary-items .regenerate-dropdown-item .regenerate-dropdown-check { color: var(--link-color); flex-shrink: 0; }
.regenerate-dropdown-header { border-bottom: 1px solid var(--border-color); color: var(--ai-summary-regenerate-header-color,#888); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 12px 6px; text-transform: uppercase; }
.summary-footer-actions { align-items: center; display: flex; justify-content: space-between; padding: 8px 16px 12px; }
.summary-footer-actions .feedback-actions, .summary-footer-actions .right-actions { align-items: center; display: flex; gap: 4px; }
.summary-footer-actions .action-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.summary-footer-actions .action-btn:hover { background-color: var(--hover-color); color: var(--tertiary-text-three); }
.summary-footer-actions .action-btn.is-active, .summary-footer-actions .action-btn.is-active:hover, .summary-footer-actions .action-btn.is-selected, .summary-footer-actions .action-btn.is-selected:hover { background-color: var(--hover-color); color: var(--link-color); }
.summary-footer-actions .action-btn > span { align-items: center; display: flex; justify-content: center; }
.summary-footer-actions .copy-btn > span { transition: transform 0.2s, opacity 0.2s; }
.summary-footer-actions .copy-btn.copied > span { animation: 0.3s ease 0s 1 normal none running copySuccess; }
@keyframes copySuccess { 
  0% { opacity: 0; transform: scale(0.5); }
  50% { transform: scale(1.2); }
  100% { opacity: 1; transform: scale(1); }
}
.skeleton-container { padding: 16px; }
.skeleton-container .skeleton-title { animation-duration: 1.4s; animation-iteration-count: infinite; animation-name: skeleton-loading; animation-timing-function: ease; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; background-size: 400% 100%; -webkit-text-fill-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); }
.skeleton-container .skeletons { align-items: flex-start; display: inline-flex; flex-direction: column; gap: 8px; justify-content: flex-start; width: 100%; }
.skeleton-container .skeletons .strip { animation-duration: 1.4s; animation-iteration-count: infinite; animation-name: skeleton-loading; animation-timing-function: ease; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; border-radius: 13px; height: 8px; }
.skeleton-container .skeletons .strip1 { width: 95%; }
.skeleton-container .skeletons .strip2 { width: 80%; }
.ai-summary-panel-header { background-color: var(--bg-primary-color); border-bottom: 1px solid var(--line-seprator-color); display: flex; flex-shrink: 0; justify-content: space-between; padding: 16px; }
.ai-summary-panel-header.border-left { border-left: 1px solid var(--line-seprator-color); }
.ai-summary-panel-header .icon-title-container { align-items: center; display: flex; gap: 4px; }
.ai-summary-panel-header .icon-title-container .ai-summary-icon { color: var(--ai-summary-icon-color); height: 24px; }
.ai-summary-panel-header .icon-title-container .ai-summary-title { color: var(--text-color); font-size: 16px; font-weight: 500; }
.ai-summary-panel-header button.nike-antd-btn.panel-header-close-icon { background-color: initial; color: var(--icon-secondary-color); cursor: pointer; }
.ai-summary-panel-header button.nike-antd-btn.panel-header-close-icon span.nike-antd-btn-icon { align-items: center; display: flex; justify-content: center; }
.ai-summary-panel-header button.nike-antd-btn.panel-header-close-icon:hover { background-color: initial; color: var(--icon-secondary-color); }
.ai-summary-panel-container { background-color: var(--bg-primary-color); display: flex; flex: 1 1 0%; flex-direction: column; height: 100%; min-height: 0px; min-width: 0px; width: 100%; }
.ai-summary-panel-container .ai-summary-scroll-area { display: flex; flex: 1 1 0%; flex-direction: column; overflow-y: auto; }
.ai-summary-panel-container .text-container { display: flex; flex-direction: column; padding: 16px; }
.ai-summary-panel-container .text-container .ai-summary-content { color: var(--text-color); font-size: 14px; line-height: 1.6; overflow-wrap: break-word; word-break: break-word; }
.ai-summary-panel-container .text-container .ai-summary-content b, .ai-summary-panel-container .text-container .ai-summary-content strong { font-weight: 600; }
.ai-summary-panel-container .text-container .ai-summary-content a { color: var(--link-color); text-decoration: none; }
.ai-summary-panel-container .text-container .ai-summary-content a:hover { text-decoration: underline; }
.ai-summary-panel-container .text-container .ai-summary-content ol, .ai-summary-panel-container .text-container .ai-summary-content ul { margin: 0px; padding-left: 20px; }
.ai-summary-panel-container .text-container .ai-summary-content li { margin-bottom: 8px; }
.ai-summary-panel-container .text-container .ai-summary-content p { margin: 0px 0px 8px; }
.ai-summary-panel-content-inner { height: 100%; min-height: 0px; }
.ai-summary-panel-wrapper { flex-shrink: 0; height: 100%; overflow: hidden; position: relative; width: 350px; }
.ai-summary-panel-wrapper.mode-wide { margin-right: -350px; transform: translateX(100%); transition: margin-right 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.2s cubic-bezier(0.2, 0, 0, 1); }
.ai-summary-panel-wrapper.mode-wide.panel-entering { margin-right: -350px; transform: translateX(100%); transition: none; }
.ai-summary-panel-wrapper.mode-wide.panel-visible { margin-right: 0px; transform: translateX(0px); }
.ai-summary-panel-wrapper.mode-wide.panel-exiting { margin-right: -350px; transform: translateX(100%); }
.ai-label-feedback-modal { background: var(--bg-modal); border-radius: 4px; color: var(--text-color); display: flex; flex-direction: column; }
.ai-label-feedback-modal-header { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; padding: 20px 24px 0px; }
.ai-label-feedback-modal-title { font-size: 20.02px; font-weight: 600; line-height: 140%; max-width: 410px; }
.ai-label-feedback-modal-close { flex-shrink: 0; }
.ai-label-feedback-modal-body { display: flex; flex-direction: column; gap: 16px; padding: 20px 24px 0px; }
.ai-label-feedback-modal-question { color: var(--text-color); font-size: 14px; font-weight: 500; line-height: 150%; }
.ai-label-feedback-modal-options { display: flex; flex-wrap: wrap; gap: 8px; }
.ai-label-feedback-modal-note { display: flex; flex-direction: column; gap: 8px; }
.ai-label-feedback-modal-note-label { color: var(--text-color); font-size: 14px; font-weight: 500; line-height: 150%; }
.ai-label-feedback-modal-note-optional { color: var(--secondary-header-text); font-weight: 400; }
.ai-label-feedback-modal-textarea { background-color: var(--bg-modal); border: 1px solid var(--line-seprator-color); border-radius: 4px; color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 150%; min-height: 96px; padding: 12px; resize: none; width: 100%; }
.ai-label-feedback-modal-textarea:focus, .ai-label-feedback-modal-textarea:focus-within { border-color: var(--link-color); outline: none; }
.ai-label-feedback-modal-textarea::placeholder { color: var(--secondary-header-text); }
.ai-label-feedback-modal-footer { display: flex; height: 66px; justify-content: flex-end; margin-top: 16px; padding: 16px 24px; }
.ai-label-feedback-modal-enabled { border-top: 1px solid var(--secondary-line-separator); }
.ai-label-feedback-modal-submit .btn { border-radius: 5px; height: 36px; padding: 0px 24px; }
.ai-label-feedback-option { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--chip-unselected-background); border: 1px solid var(--chip-unselected-border); border-radius: 16px; color: var(--text-color); font-size: 14px; font-weight: 400; height: 32px; line-height: 150%; padding: 0px 16px; transition: 0.2s; white-space: nowrap; }
.ai-label-feedback-option--selected { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--chip-selected-background); border-color: var(--chip-selected-border); border-radius: 999px; color: var(--chip-selected-text); }
.confirmation-loading-modal { height: 188.5px; }
.confirmation-loading-modal .isLoading { margin-left: 46%; margin-top: 12%; }
.confirmation-loading-modal .small { height: 34px; width: 32px; }
.confirmation-modal { background: var(--priority-confirmation-modal-bg); border: var(--priority-confirmation-modal-border); border-radius: 4px; box-shadow: rgba(51, 51, 51, 0.2) 0px 10px 14px -1px; box-sizing: border-box; padding: 20px; width: 100%; }
.confirmation-modal .modal-header .modal-header-text { color: var(--secondary-text); font-size: 16px; font-weight: 700; line-height: 20px; }
.confirmation-modal .modal-body { margin-top: 10px; }
.confirmation-modal .modal-body .modal-body-text { color: var(--priority-confirmation-modal-body-text); font-size: 14px; line-height: 20px; }
.confirmation-modal .modal-body .modal-body-text .contact-email, .confirmation-modal .modal-body .modal-body-text .target-tab { color: var(--secondary-text); font-weight: 600; }
.confirmation-modal .modal-body .priority-domain-checkbox { display: flex; margin-top: 20px; }
.confirmation-modal .modal-body .priority-domain-checkbox .checkbox-wrapper { margin: 4px 8px 0px 0px; }
.confirmation-modal .modal-body .priority-domain-checkbox .domain { font-weight: 600; }
.confirmation-modal .modal-footer { display: flex; flex-direction: row; margin-top: 20px; }
.confirmation-modal .modal-footer .manage-list { color: var(--ctm-brand-color,var(--header-underline)); font-size: 14px; font-style: normal; font-weight: 400; padding: 0px; text-overflow: ellipsis; }
.confirmation-modal .modal-footer .manage-list:hover { cursor: pointer; }
.confirmation-modal .modal-footer .action-buttons { margin-left: auto; }
.confirmation-modal .modal-footer .action-buttons .cancel-btn { border: 1px solid var(--ctm-brand-color,var(--header-underline)); border-radius: 5px; height: 32px; width: 90px; }
.confirmation-modal .modal-footer .action-buttons .cancel-btn:hover { cursor: pointer; }
.confirmation-modal .modal-footer .action-buttons .move-btn { background: var(--ctm-brand-color,var(--header-underline)); border: 1px solid var(--ctm-brand-color,var(--header-underline)); border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--white)); height: 32px; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90px; }
.confirmation-modal .modal-footer .action-buttons .move-btn:hover { cursor: pointer; }
.modal-portal-container-outer { align-items: center; background-color: var(--bg-modal-outer); display: flex; height: 100%; justify-content: center; position: fixed; top: 0px; width: 100%; z-index: 1000; }
.modal-portal-container-outer .modal-portal-container-inner { background-color: var(--bg-modal); border-radius: 4px; box-shadow: var(--modal-shadow); display: flex; max-height: 95%; max-width: 95%; overflow: visible auto; position: absolute; z-index: 40; }
.modal-portal-container-outer .modal-portal-container-inner .modal-title { font-size: 20.02px; font-weight: 600; margin-top: 0px; text-align: center; }
.modal-portal-container-outer .modal-portal-container-inner .modal-portal-close { color: var(--icon-secondary-color); cursor: pointer; margin: 18px 18px 0px 0px; position: absolute; right: 0px; top: 0px; z-index: 10 !important; }
.modal-portal-container-outer .modal-portal-container-inner .modal-portal-content { display: flex; flex-grow: 1; overflow: auto; }
.modal-portal-container-outer .modal-content-wrap { padding: 40px; }
.account-sidebar { flex: 1 1 0%; height: 100%; }
.account-sidebar .item.deleted { opacity: 0.5; }
.account-sidebar .flockmail-outline-view:first-child .heading span { margin-right: 30px; }
.event-list-container { border-top: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); height: 180px; overflow: auto; }
.event-list-container .red { color: var(--error-color); }
.event-list-container .yellow { color: var(--icon-feature-color); }
.event-name { font-weight: 500; }
.category-loading-state { align-items: center; border-bottom: 1px solid var(--line-separator-sidebar); display: flex; padding: 6px 0px 6px 25px; }
.category-loading-state .category-loading-icon { align-items: center; display: flex; justify-content: center; width: 24px; }
.category-loading-state .category-loading-text { color: var(--tertiary-text-three); padding-left: 8px; }
.side-bar-area:has(.sidebar-collapsed) .category-loading-state { padding-left: 30px; }
.gmail-folder-ready-popover { padding: 24px; width: 320px; }
.gmail-folder-ready-popover .title { font-size: 15.96px; font-weight: 600; margin-top: 11px; }
.gmail-folder-ready-popover .description { color: var(--tertiary-text-three); margin-bottom: 14px; margin-top: 8px; }
.context-menu-popover { line-height: 1; width: 200px; }
.context-menu-popover__item-row { align-items: center; display: flex; gap: 5px; min-width: 0px; }
.context-menu-popover__item-icon { color: var(--icon-secondary-color); display: inline-flex; flex-shrink: 0; }
.context-menu-popover__item-icon:empty { display: none; }
.context-menu-popover__item-label { flex: 1 1 0%; line-height: 150%; min-width: 0px; overflow: visible; white-space: normal; }
.context-menu-popover__item-badge { align-items: center; background: var(--bg-secondary-color); border-radius: 2px; color: var(--secondary-text); display: inline-flex; flex-shrink: 0; font-size: 10.5px; font-weight: 500; justify-content: center; line-height: 150%; padding: 0px 3px; }
.context-menu-popover .footer-container, .context-menu-popover .header-container, .context-menu-popover__item-badge:empty { display: none; }
.context-menu-popover .content-container { border-radius: 4px; }
.label-item-container { align-items: center; clear: both; color: inherit; cursor: pointer; display: flex; flex: 1 1 0%; font-size: 14px; font-weight: 400; height: 32px; overflow: hidden; padding: 6px 0px 6px 22px; position: relative; }
.label-item-container::before { border-radius: 8px; inset: 0px 8px; content: ""; position: absolute; z-index: -1; }
.label-item-container.selected::before { background-color: var(--ctm-secondary-surface,var(--bg-folder-selected)); }
.label-item-container:hover:not(.selected)::before { background-color: var(--ctm-tertiary-surface,var(--sidebar-hover-color)); }
.label-item-container.drop-after::after, .label-item-container.drop-before::after { background-color: var(--link-color); border-radius: 1px; content: ""; height: 2px; left: 8px; pointer-events: none; position: absolute; right: 8px; }
.label-item-container.drop-before::after { top: 0px; }
.label-item-container.drop-after::after { bottom: 0px; }
.label-item-container .label-content-container { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.label-item-container .content-container { align-items: center; cursor: pointer; display: flex; order: 1; overflow: hidden; padding-right: 11.5px; }
.label-item-container .content-container .icon { display: flex; margin-left: 3px; }
.label-item-container .content-container .label-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 195px; }
.label-item-container .content-container .label-item .label-name { cursor: pointer; padding-left: 8px; }
.label-item-container .content-container .overflow-menu { height: 24px; }
.label-item-container .content-container.label-icon-name { padding-right: 0px; }
.side-bar-area:has(.sidebar-collapsed) .label-item-container { padding-left: 30px; }
.side-bar-area:has(.sidebar-collapsed) .label-item-container::before { border-radius: 4px; left: 18px; right: 18px; }
.side-bar-area:has(.sidebar-collapsed) .label-item-container .content-container { padding-right: 0px; }
.side-bar-area:has(.sidebar-collapsed) .label-item-container .content-container .icon { margin-left: 0px; }
.email-labels-blocking-popover { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); width: 340px; }
.email-labels-blocking-popover .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 20px; }
.email-labels-blocking-popover .popover-header .dismiss-btn { position: absolute; right: 16px; top: 16px; }
.email-labels-blocking-popover .popover-header .popover-header-container { display: flex; flex-direction: column; gap: 20px; }
.email-labels-blocking-popover .popover-header .popover-header-container .header-text { color: var(--email-labels-header-text); font-size: 14px; font-weight: 600; margin-left: 3px; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content { align-items: center; flex-direction: column; gap: 8.8px; display: flex !important; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset { display: flex; flex-direction: row; justify-content: space-between; padding-left: 4px; width: 100px; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .caret { background: var(--email-labels-paywall-header-caret); height: 18px; width: 27px; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-icon { height: 24px; width: 24px; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu { background: var(--emails-labels-paywall-bg); border-radius: 4px; display: flex; flex-direction: column; overflow: visible; padding: 8px; width: 100px; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu-item-2 { align-items: center; background: var(--email-labels-paywall-selection-bg); border-radius: 4px; display: flex; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu-item-2 > span { color: rgb(255, 255, 255); font-size: 12.04px; font-weight: 400; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu-item { align-items: center; display: flex; flex-direction: row; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu-item > span { color: rgb(200, 202, 224); font-size: 12.04px; font-weight: 300; }
.email-labels-blocking-popover .popover-header .popover-header-container .popover-header-content .label-paywall-asset .label-menu-item:first-of-type { margin-bottom: 5px; }
.email-labels-blocking-popover .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.email-labels-blocking-popover .popover-content-wrapper .popover-content { color: var(--secondary-text); font-size: 15.96px; font-style: normal; line-height: 27.3px; white-space: normal; }
.email-labels-blocking-popover.legacy .popover-header .popover-header-container { display: block; }
.email-labels-blocking-popover.legacy .popover-header .popover-header-container .popover-header-content { align-items: stretch; flex-direction: row; gap: 0px; margin-top: 14px; }
.email-labels-blocking-popover.legacy .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); font-size: 20.02px; font-weight: 400; line-height: inherit; }
.create-label-sidebar-item .label-name { color: var(--ctm-surface-overlay-secondary-text,var(--tertiary-text-three)); }
.create-label-sidebar-item .icon svg { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.add-account-nudge { display: flex; flex-direction: column; min-width: 324px; padding: 20px; }
.add-account-nudge .heading { display: flex; flex-direction: row; justify-content: space-between; }
.add-account-nudge .heading .add-account-svg { height: 96px; width: 226px; }
.add-account-nudge .heading .close-icon { bottom: 10px; color: var(--icon-secondary-color); height: 24px; left: 16px; position: relative; width: 24px; }
.add-account-nudge .desc { font-size: 15px; font-weight: 400; margin-top: 10px; }
.add-account-nudge .btn-footer { height: 32px; margin-top: 25px; width: max-content; }
.suggestion-row-email-icon { flex-shrink: 0; }
.suggestion-row-email-icon, .suggestion-row-email-icon__frame { align-items: center; display: inline-flex; height: 24px; justify-content: center; position: relative; width: 24px; }
.suggestion-row-email-icon__frame { border: 1px dashed var(--background-color-for-upgrade); border-radius: 50%; box-sizing: border-box; overflow: visible; }
.suggestion-row-email-icon__fill { border-radius: 50%; inset: 0px; position: absolute; }
.suggestion-row-email-icon__letter { color: var(--primary-text); font-size: 14px; font-weight: 600; line-height: 22px; position: relative; text-align: center; user-select: none; width: 22px; z-index: 1; }
.suggestion-row-email-icon__badge { align-items: center; bottom: -2px; display: flex; height: 12.04px; justify-content: center; line-height: 0; position: absolute; right: -2px; width: 12.04px; z-index: 2; }
.suggestion-row-email-icon__badge-img { display: block; flex-shrink: 0; height: 12.04px; width: 12.04px; }
.suggestion-row-email-icon--Created .suggestion-row-email-icon__frame { border: 1px dashed var(--generalised-mail-list-tick-icon); }
.suggestion-row-email-icon--Created .suggestion-row-email-icon__badge { right: -3px; }
.generalised-mail-nudge-container { border-radius: 5px; box-sizing: border-box; display: flex; flex-direction: column; height: min(560px, 75vh); max-height: 75vh; overflow: hidden; position: relative; width: 500px; }
.generalised-mail-nudge-container .mailbox-discount-offer-footer.is-popover { padding: 0px 20px 20px; }
.generalised-mail-nudge-container .mailbox-discount-offer-footer.is-popover.has-offer { padding-top: 12px; }
.generalised-mail-nudge-container .generalised-mail-nudge-body { display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0px; padding: 20px; }
.generalised-mail-nudge-container .heading { color: var(--text-color); display: flex; flex-direction: column; flex-shrink: 0; font-size: 15.96px; padding-right: 40px; }
.generalised-mail-nudge-container .heading .close-btn-wrapper { display: inline-flex; position: absolute; right: 20px; top: 20px; }
.generalised-mail-nudge-container .heading .heading-line1 { font-weight: 400; line-height: 22px; }
.generalised-mail-nudge-container .heading .heading-line2 { font-weight: 600; line-height: 22px; }
.generalised-mail-nudge-container .generalised-mail-list-container { background-color: var(--generalised-mail-list-container); border: 1px solid var(--generalised-mail-list-container-border); flex: 1 1 0%; margin-top: 14px; min-height: 0px; overflow-y: scroll; padding: 16px 20px 0px; scrollbar-width: thin; }
.generalised-mail-nudge-container .generalised-mail-list-container::-webkit-scrollbar { width: 4px; }
.generalised-mail-nudge-container .generalised-mail-list-container::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); border-radius: 2px; }
.generalised-mail-nudge-container .generalised-mail-list-container:hover::-webkit-scrollbar-thumb { background: var(--generalised-mail-list-item-seperater); }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list { display: flex; flex-direction: column; gap: 12px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item { border-bottom: 1px solid var(--generalised-mail-list-item-seperater); }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .list-item-content { align-items: center; display: flex; justify-content: space-between; margin-bottom: 11px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper { width: 73%; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info { display: flex; flex-direction: column; gap: 4px; overflow: hidden; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row { display: flex; min-width: 0px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address .email-username { color: var(--text-color); font-weight: 800; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .email-address .email-domain { color: var(--text-color); font-weight: 400; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-name-row .popular { background: var(--generalised-mail-list-popular-tag-background); border-radius: 4px; color: var(--generalised-mail-list-popular-tag-color); cursor: default; display: inline-block; flex-shrink: 0; font-size: 14px; font-weight: 600; line-height: 1.5; margin-left: 8px; padding: 2px 8px; text-align: center; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .email-wrapper .email-info .email-desc { color: var(--icon-secondary-color); font-size: 14px; line-height: 1.5; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper { display: flex; height: 24px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper .tick-icon { color: var(--generalised-mail-list-tick-icon); height: 16px; margin-right: 4px; margin-top: 2px; width: 16px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper .added { color: var(--generalised-mail-list-tick-icon); font-weight: 600; margin-top: 2px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper .delete-btn { height: 24px; margin-left: 12px; width: 24px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper .delete-btn:hover { cursor: pointer; background-color: initial !important; color: var(--icon-secondary-color) !important; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .added-wrapper .delete-btn .delete-icon { color: var(--icon-secondary-color); height: 24px; width: 24px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item .add { font-size: 13px; padding: 0px; }
.generalised-mail-nudge-container .generalised-mail-list-container .generalised-mail-list .list-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container { align-items: center; background-color: var(--generalised-mail-list-container); border-top: 1px solid var(--dropdown-border-color); bottom: -1px; display: flex; justify-content: space-between; padding: 16px 0px; position: sticky; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container { align-items: center; border: 1px solid var(--border-purchase-mailbox-nudge); border-radius: 4px; display: flex; flex-direction: row; height: 32px; justify-content: space-between; width: 324px; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container.error { border-color: var(--error-msg); }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container .input { flex: 1 1 0%; height: 100%; width: 55%; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container .input input { background: var(--bg-purchase-mailbox-nudge-input); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px 0px 0px 4px; font-size: 14px; height: 100%; padding-left: 12px; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container .input input::placeholder { color: var(--purchase-mailbox-nudge-input-placeholder); }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .input-container .domain-info { background: var(--bg-purchase-mailbox-nudge-domain); border-left: 1px solid var(--line-seprator-color); border-radius: 0px 4px 4px 0px; font-size: 14px; font-weight: 400; height: 100%; line-height: 14px; overflow: hidden; padding: 8px 6px; text-overflow: ellipsis; white-space: nowrap; width: 50%; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .add { font-size: 13px; padding: 0px; }
.generalised-mail-nudge-container .generalised-mail-list-container .custom-input-container .error-msg-container > p { color: var(--error-msg); font-size: 12px; margin: 0px; }
.generalised-mail-nudge-container .btn-create-action { background-color: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 5px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); flex-shrink: 0; font-size: 14px; font-weight: 600; height: 40px; line-height: 20px; padding: 6px 16px; width: 100%; }
.generalised-mail-nudge-container .btn-create-action:hover { background-color: var(--btn-hover-color); cursor: pointer; }
.disacrd-nudge { display: flex; flex-direction: column; min-width: 190px; }
.disacrd-nudge .item { font-size: 14px; font-weight: 600; min-height: 44px; padding: 12px; }
.disacrd-nudge .item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; }
.flockmail-toast { bottom: 10px; pointer-events: none; position: absolute; text-align: center; width: 100%; z-index: 10000; }
.flockmail-toast .flockmail-toast-wrap { align-items: center; background-color: var(--bg-toast); border-radius: 4px; box-shadow: var(--toast-shadow); color: var(--primary-text); cursor: default; display: inline-flex; flex-direction: row; font-size: 15.96px; height: 56px; max-width: 90%; padding: 5px 24px; pointer-events: auto; transition: 0.2s; white-space: nowrap; }
.flockmail-toast .btn-close { cursor: pointer; line-height: normal; margin-left: 10px; margin-right: -10px; transition: 0.2s; }
.flockmail-toast .btn-close .icon { color: var(--icon-secondary-color); }
.flockmail-toast .btn-close:hover { transform: rotate(90deg); }
.toast-notification-container .toast-inner-wrap { align-items: center; display: flex; min-width: 305px; }
.toast-notification-container .toast-inner-wrap .upgrade-text-color { color: var(--upgrade-btn-color); }
.toast-notification-container .toast-inner-wrap .white-color { color: rgb(255, 255, 255); }
.toast-notification-container .toast-inner-wrap .toast-message { color: var(--primary-text); overflow: hidden; padding: 0px 10px; text-overflow: ellipsis; }
.toast-notification-container .toast-inner-wrap .toast-left-icon { align-items: center; display: flex; line-height: 26px; }
.toast-notification-container .toast-inner-wrap .toast-action { color: rgb(97, 154, 250); font-size: 16px; font-weight: 600; margin-left: auto; margin-right: 14px; }
.toast-notification-container .toast-inner-wrap .toast-action:hover { cursor: pointer; }
.toast-notification-container .toast-inner-wrap .ai-label-removed-toast-action { font-size: 14px; margin-left: 10px; }
.downloading { animation: 2s linear 0s infinite normal none running spin; margin-top: -4px; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@media (max-width:786) {
  .toast-notification-container .toast-inner-wrap { max-width: 92%; width: auto; }
}
.download-link-pop-up { align-self: flex-end; background: var(--bg-modal); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 12px; margin-bottom: 31px; margin-right: 24px; pointer-events: auto; transition: 0.3s ease-out, width; vertical-align: bottom; width: 312px; }
.download-link-pop-up .header { background-color: var(--downloadlink-pop-up-bg-color); background-position: 50% center; background-repeat: no-repeat; background-size: 100% 80%; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 130px; }
.download-link-pop-up .header.neo { background-image: var(--downloadlink-pop-up-neo-bg); }
.download-link-pop-up .header.titan { background-image: var(--downloadlink-pop-up-titan-bg); }
.download-link-pop-up .header .modal-close { color: var(--downloadlink-close-icon); cursor: pointer; left: 2px; position: relative; top: 5px; }
.download-link-pop-up .button-container { float: right; margin-top: 2px; width: 34px; }
.download-link-pop-up .button-container .btn { color: var(--mail-sent-cross); }
.download-link-pop-up .button-container .btn .svg { height: 16px; width: 16px; }
.download-link-pop-up .body { height: 160px; }
.download-link-pop-up .body .headline { font-size: 15.96px; font-style: normal; font-weight: 600; line-height: 24px; margin-top: 10px; text-align: center; }
.download-link-pop-up .body .sub-headline { color: var(--downloadlink-pop-up-sub-headline); font-size: 12.04px; font-style: normal; font-weight: 400; line-height: 20px; text-align: center; }
.download-link-pop-up .body .button-container { margin-bottom: 20px; margin-left: 78px; margin-top: 12px; }
.download-link-pop-up .body .close-popup { color: var(--secondary-text); font-size: 12.04px; font-weight: 400; text-align: center; width: 100%; }
.download-link-pop-up .body .close-popup:hover { cursor: pointer; }
.download-link-footer { background: var(--download-hook-bg); border-radius: 0px 0px 4px 4px; }
.download-link-footer .icon-img { background: rgb(40, 115, 239); border-radius: 10px; float: left; height: 32px; left: 224px; margin-bottom: 11px; margin-left: 24px; margin-top: 13px; top: 434px; width: 32px; }
.download-link-footer .hook-info { color: var(--modal-heading); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin-left: 68px; margin-top: 12px; }
.download-link-footer .hook-info .link { color: rgb(40, 115, 239); cursor: pointer; }
.purchase-mailbox-personalised-nudge-wrapper { border-bottom: 1px solid var(--secondary-line-separator); padding: 11px 13px 15px; }
.toolbar-activity .activity-toolbar-icon { color: var(--icon-secondary-color); height: auto; position: relative; width: 24px; }
.toolbar-activity .activity-toolbar-icon.unread { color: var(--read-receipt); }
.toolbar-activity .activity-toolbar-count { background: var(--spam-red); border: 1px solid var(--bg-primary-color); border-radius: 9px; color: var(--primary-text); font-size: 12.04px; font-weight: 700; height: 16px; line-height: 14px; margin: -3px -20px 0px -12px; position: absolute; width: 16px; }
.toolbar-activity .activity-toolbar-count.two-digit { margin-left: -14px; width: 24px; }
.toolbar-activity .activity-toolbar-count.three-digit { margin-left: -14px; width: 32px; }
.activity-list-container { width: 420px; }
.activity-list-container .spacer { flex: 1 1 0%; }
.activity-list-container .read-receipt-container { border-bottom: 1px solid var(--secondary-line-separator); display: flex; padding: 18px 16px 16px 9px; }
.activity-list-container .read-receipt-container.upgrade-background { background-color: var(--yellow-banner); }
.activity-list-container.empty { height: 182px; }
.activity-list-container .activity-list-item { background: var(--activitylist-default-color); border-bottom: 1px solid var(--secondary-line-separator); cursor: default; padding: 16px 20px 16px 16px; white-space: nowrap; width: 100%; }
.activity-list-container .activity-list-item:hover { cursor: pointer; }
.activity-list-container .activity-list-item.unread { background: var(--activity-list-unread-color); color: var(--text-color); }
.activity-list-container .activity-list-item.unread .action-message .action-content { border-left: 1px solid var(--activity-list-separator-color); }
.activity-list-container .activity-list-item.unread:hover { background: var(--activity-list-unread-color-hover); }
.activity-list-container .activity-list-item.unread:hover .action-message .action-content { border-left: 1px solid var(--acitivity-list-separator-color-hover); }
.activity-list-container .activity-list-item .activity-icon-container { position: relative; }
.activity-list-container .activity-list-item .activity-text { min-width: 0px; overflow: hidden; overflow-wrap: anywhere; padding-left: 12px; }
.activity-list-container .activity-list-item:hover { background: var(--activitylist-hover-color); }
.activity-list-container .activity-list-item .disclosure-triangle { left: 21px; margin: 0px; padding-bottom: 0px; padding-top: 5px; position: absolute; top: 6px; }
.activity-list-container .activity-list-item .activity-icon { vertical-align: text-bottom; }
.activity-list-container .activity-list-item .activity-icon.read { color: var(--read-receipt); }
.activity-list-container .activity-list-item .activity-icon.protected-unlock { color: var(--protected-unlock-icon); }
.activity-list-container .activity-list-item .action-message, .activity-list-container .activity-list-item .title { line-height: 1.3; margin: 0px; overflow: hidden; text-overflow: ellipsis; }
.activity-list-container .activity-list-item .action-message { white-space: normal; }
.activity-list-container .activity-list-item .action-message .action-header { display: -webkit-box; font-size: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 8px; }
.activity-list-container .activity-list-item .action-message .action-content { border-left: 1px solid var(--secondary-line-separator); padding-left: 6px; }
.activity-list-container .activity-list-item .action-message .action-content .action-subject { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-list-container .activity-list-item .action-message .action-content .action-snippet { display: -webkit-box; -webkit-line-clamp: 2; margin-top: 4px; -webkit-box-orient: vertical; max-height: 40px; overflow: hidden; }
.activity-list-container .activity-list-item .action-message .title-subject { overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
.activity-list-container .activity-list-item .action-message .title-snippet { color: var(--tertiary-text-three); }
.activity-list-container .activity-list-item .action-message .more-spaced { padding-right: 5px; }
.activity-list-container .activity-list-item .action-message-container { display: block; }
.activity-list-container .activity-list-item .timestamp { flex-shrink: 0; font-size: 14px; letter-spacing: -0.1px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; }
.activity-list-container .activity-list-item .timestamp .receipt-time-to-open::before { content: "·"; margin: 0px 5px; }
.activity-list-container .footer { color: var(--tertiary-text-three); margin: 0px auto; padding: 40px; }
.activity-list-container .footer.show-more { color: var(--btn-default-color); }
.activity-list-container .footer.show-more:hover { cursor: pointer; }
.activity-list-container .loader { display: flex; margin: 40px auto; }
.activity-list-container .download-link-hook { overflow: hidden scroll; position: fixed; }
.activity-scroll-gradient { background: linear-gradient(180deg,rgb(from var(--activitylist-default-color) r g b/0) 0,var(--activitylist-default-color) 100%); bottom: 0px; height: 32px; margin-top: -32px; pointer-events: none; position: sticky; }
.activity-list-empty-state { color: var(--tertiary-text-three); font-size: 16px; padding: 73px; text-align: center; }
.activity-list-empty-state .empty-icon { display: block; height: 113px; margin: 0px auto 18px; width: 140px; }
.fixed-popover-container .fixed-popover.activity-fixed-popover { max-height: min(80vh, 640px); overflow: hidden auto; scrollbar-color: var(--scrollbar-active-color) #0000; scrollbar-width: thin; }
.fixed-popover-container .fixed-popover.activity-fixed-popover::-webkit-scrollbar { cursor: default; height: 14px; width: 14px; }
.fixed-popover-container .fixed-popover.activity-fixed-popover::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); border: 3px solid rgba(0, 0, 0, 0); border-radius: 14px; box-shadow: inset 0 0 15px 15px var(--scrollbar-active-color); }
.fixed-popover-container .fixed-popover.activity-fixed-popover::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 15px 15px var(--scrollbar-hover-color); }
.fixed-popover-container .fixed-popover.activity-fixed-popover::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
.add-account-embedded-inbox-container { align-items: center; display: flex; flex-direction: column; padding-top: 50px; width: 600px; }
.add-account-embedded-inbox-container .close-icon-container { cursor: pointer; position: absolute; right: 16px; top: 16px; }
.add-account-embedded-inbox-container .close-icon-container .close-icon { color: var(--tertiary-text-three); }
.add-account-embedded-inbox-container .image-container { align-items: center; display: flex; justify-content: center; padding-bottom: 16px; }
.add-account-embedded-inbox-container .header-container { background-color: var(--yellow-banner); border-radius: 4px; display: inline-flex; padding: 5px 12px; }
.add-account-embedded-inbox-container .header-icon-container { align-items: center; color: var(--bg-toast-button); display: flex; justify-content: center; padding-right: 12px; }
.add-account-embedded-inbox-container .title-text-container { font-size: 23.94px; margin: 16px 40px; text-align: center; width: 520px; word-break: break-word; }
.add-account-embedded-inbox-container .modal-button-container { align-items: flex-start; display: flex; justify-content: space-between; padding: 16px 60px 40px; width: 100%; }
.add-account-embedded-inbox-container .modal-button-container .btn-primary { height: 48px; width: 230px; }
.add-account-embedded-inbox-container .modal-button-container .switch-account-button-container { align-items: center; display: flex; flex-direction: column; }
.add-account-embedded-inbox-container .modal-button-container .switch-account-button-container .btn-subtext { color: var(--tertiary-text-three); font-size: 10.5px; padding-top: 7px; }
.logout-confirmation-modal-container { padding: 30px; width: 450px; }
.logout-confirmation-modal-container .backarrow-container { cursor: pointer; }
.logout-confirmation-modal-container .header-container { font-size: 15.96px; font-weight: 600; padding-bottom: 16px; padding-top: 20px; }
.logout-confirmation-modal-container .description-container { color: var(--tertiary-text-three); }
.logout-confirmation-modal-container .modal-button-container { align-items: center; display: flex; justify-content: flex-end; padding-top: 24px; }
.logout-confirmation-modal-container .modal-button-container .btn-container { padding: 16px 14px; }
.logout-confirmation-modal-container .modal-button-container .btn-outline { margin-right: 16px; }
.upgrade-modal-container { align-items: center; display: flex; flex-direction: column; height: 100%; padding: 40px; width: 100%; }
.upgrade-modal-container img { display: block; margin: 0px auto; }
.upgrade-modal-container .description { font-size: 23.94px; font-weight: 600; line-height: 29px; margin-top: 47px; text-align: center; }
.upgrade-modal-container button { margin-top: 47px; text-transform: capitalize; width: 320px; }
.attachments-area { padding-top: 17px; }
.file-attachment-item { cursor: default; display: inline-block; font-size: 12.04px; margin: 0px 0px 8px 10px; min-width: 212px; position: relative; width: 226px; }
.file-attachment-item:hover .inner { background-color: var(--secondary-hover-color); }
.file-attachment-item:hover .file-action-icons { opacity: 1; }
.file-attachment-item .inner { background-color: initial; border: 1px solid var(--secondary-line-separator); border-radius: 4px; color: var(--text-color); height: 44px; overflow: hidden; transition: 0.2s; }
.file-attachment-item .inner.no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.file-attachment-item .file-info-wrap { align-items: center; display: flex; flex-grow: 2; font-weight: 500; letter-spacing: -0.1px; min-width: 85%; padding: 10px 8px; }
.file-attachment-item .file-info-wrap.inline-download:hover { cursor: pointer; }
.file-attachment-item .file-info-wrap .file-detail { overflow: hidden; }
.file-attachment-item .file-info-wrap .file-name { display: block; flex: 1 1 0%; font-size: 12.04px; font-weight: 500; line-height: 1.33; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-attachment-item .file-info-wrap .file-status { color: var(--tertiary-text-three); display: block; font-size: 10.5px; line-height: 1.4; margin-left: auto; margin-right: 10.5px; }
.file-attachment-item .file-info-wrap .file-meta { color: var(--tertiary-text-three); display: flex; font-size: 10.5px; line-height: 1.4; margin-left: auto; }
.file-attachment-item .file-info-wrap .file-meta span:not(:first-child)::before { content: ""; padding-right: 6px; }
.file-attachment-item .file-info-wrap .file-meta span:not(:last-child) { padding-right: 6px; }
.file-attachment-item .file-info-wrap .file-meta .file-sender span { display: inline-block; max-width: 43px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-attachment-item .file-info-wrap .file-icon { flex-shrink: 0; margin-right: 6px; }
.file-attachment-item .file-action-icons { background-image: var(--bg-attchement-on-hover); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; bottom: 0px; cursor: pointer; display: flex; min-width: 50px; opacity: 0; padding-left: 20px; padding-right: 7px; position: absolute; right: 0px; top: 0px; transition: 0.2s; }
.file-attachment-item.file-upload-progress .upload-progress-bar { background: var(--bg-upload-progress); border-radius: 4px; bottom: 1px; display: block; left: 1px; pointer-events: none; position: absolute; top: 1px; width: 0px; }
.file-attachment-item.file-upload-failed .inner { background-color: var(--bg-attachment-error); border-color: var(--error-color); }
.file-attachment-item.file-upload-failed .file-info-wrap .file-status { color: var(--error-color); }
.file-attachment-item.file-upload-failed:hover .file-action-icons { background-image: var(--bg-attachment-error-on-hover); }
.cursor-pointer { cursor: pointer; }
.file-action-icon { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--icon-secondary-color); cursor: pointer; display: flex; justify-content: center; margin-left: auto; padding: 10px; width: 38px; }
.file-action-icon .attachment-icon-holder { background-color: var(--download-icon-bg); border-radius: 4px; cursor: pointer; height: 24px; }
.file-action-icon .attachment-icon-holder:hover { background-color: var(--download-icon-hover-bg); color: var(--download-icon-color-hover); }
.file-action-icon svg { vertical-align: middle; }
.file-action-icon:last-child { padding-right: 8px; }
.file-action-icon:first-child { padding-left: 8px; }
.file-action-icon.hover-feedback img { border-radius: 4px; }
.preview-header-toolbar .file-action-icon.attachment-drive-icon .attachment-icon-holder { background-color: initial; color: var(--white); }
.file-action-icon.attachment-drive-icon--saving { cursor: default; opacity: 0.5; pointer-events: none; }
.dialog.drive-feature-blocking-nudge-dialog { min-width: auto; padding: 0px; }
.advance-antivirus-container { display: inline; }
.advance-antivirus-container .advance-antivirus-comp-container { align-items: center; display: flex; }
.advance-antivirus-container .advance-antivirus-comp-container.light-background-color { background-color: var(--advance-antivirus-protection-modal-button-bg); border-radius: 4px; padding: 2px 12px 2px 8px; }
.advance-antivirus-container .advance-antivirus-comp-container.light-background-color .display-text-span.clickable { color: var(--white); }
.advance-antivirus-container .small-icon-margin { margin: 0px 3px; }
.advance-antivirus-container .display-text-span { font-size: 12.04px; margin-left: 2px; }
.advance-antivirus-container .display-text-span.clickable { color: var(--link-color); cursor: pointer; font-weight: 500; }
.advance-antivirus-nudge-container { width: 320px; }
.advance-antivirus-nudge-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 32px 24px; }
.advance-antivirus-nudge-container .popover-header .dismiss-btn { color: var(--feature-container-color); cursor: pointer; font-size: 12.04px; position: absolute; right: 12px; top: 12px; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder { background-color: var(--grey); border-radius: 4px; filter: drop-shadow(0 4px 4px var(--shadow-color)); height: 44px; padding: 9px 12px 6px; width: 212px; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder .icon-content-image-container { display: flex; justify-content: space-between; width: 100%; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder .icon-content-container { align-items: center; display: flex; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder .contentent-placeholder { background-color: var(--light-grey); border-radius: 4px; height: 8px; margin-bottom: 5px; width: 114px; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder .content-container .file-size { color: var(--lightest-grey); font-size: 10.5px; line-height: 5px; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder .image-container { display: flex; }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder.attachment-with-infected-file { background-color: var(--brick-red); }
.advance-antivirus-nudge-container .popover-header .attachment-placeholder.attachment-with-infected-file .contentent-placeholder { background-color: var(--lighter-grey); }
.advance-antivirus-nudge-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.advance-antivirus-nudge-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); padding-right: 20px; }
.attachment-preview { background-color: var(--bg-attachment-preview); display: flex; flex-direction: column; height: 100%; overflow: hidden; position: relative; }
.attachment-preview .preview-header { align-items: center; background-color: var(--bg-modal-header); color: var(--icon-default-color); display: flex; gap: 20px; height: 48px; justify-content: space-between; padding: 0px 1rem; top: 0px; width: 100%; }
.attachment-preview .preview-header .preview-header-file-info { align-items: center; display: flex; flex: 0 1 40%; gap: 12px; max-width: 40%; min-width: 0px; overflow: hidden; }
.attachment-preview .preview-header .preview-header-file-info .advance-antivirus-container { flex-shrink: 0; }
.attachment-preview .preview-header .file-name { cursor: default; flex: 0 1 auto; font-size: 15px; font-weight: 600; line-height: 20px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-preview .preview-header .loading-icon { flex-shrink: 0; }
.attachment-preview .preview-header .preview-scan-badge { background-color: var(--attachment-preview-scan-badge-bg); border-radius: 4px; box-sizing: border-box; font-size: 12px; height: 32px; min-width: 122px; padding: 0px 12px 0px 8px; }
.attachment-preview .preview-header .preview-scan-badge .display-text-span, .attachment-preview .preview-header .preview-scan-badge .display-text-span.clickable { color: var(--white); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-preview .preview-header .preview-verified-badge { background-color: var(--attachment-preview-verified-badge-bg); border-radius: 4px; box-sizing: border-box; flex-shrink: 0; font-size: 12px; gap: 4px; height: 32px; padding: 5px 12px 5px 8px; white-space: nowrap; }
.attachment-preview .preview-header .preview-verified-badge .display-text-span { color: var(--attachment-preview-verified-text); font-weight: 500; line-height: 16px; white-space: nowrap; }
.attachment-preview .preview-header .preview-header-actions { align-items: center; display: flex; flex-shrink: 0; gap: 12px; }
.attachment-preview .preview-header .action-pill, .attachment-preview .preview-header .preview-header-toolbar .file-action-icon { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; justify-items: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; align-items: center; background-color: var(--attachment-preview-pill-bg); border: 1px solid var(--attachment-preview-pill-border); border-radius: 4px; box-sizing: border-box; color: var(--white); cursor: pointer; display: flex; font-size: 12px; gap: 8px; height: 32px; padding: 6px 10px 6px 6px; }
.attachment-preview .preview-header .action-pill:hover, .attachment-preview .preview-header .preview-header-toolbar .file-action-icon:hover { background-color: rgb(51, 51, 51); }
.attachment-preview .preview-header .preview-header-toolbar .file-action-icon .attachment-icon-holder { background-color: initial; display: flex; padding: 0px; }
.attachment-preview .preview-header .preview-header-toolbar .file-action-icon .attachment-icon-holder:hover { background-color: initial; }
.attachment-preview .preview-header .preview-header-toolbar .file-action-icon.attachment-drive-icon--saving { cursor: default; opacity: 0.5; pointer-events: none; }
.attachment-preview .preview-header .action-pill-label, .attachment-preview .preview-header .file-action-label { color: var(--white); flex-shrink: 0; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; }
.attachment-preview .preview-header .icon { color: var(--white); display: flex; flex-shrink: 0; }
.attachment-preview .preview-header .preview-header-toolbar { align-items: center; display: flex; gap: 12px; }
.attachment-preview .preview-header .preview-header-toolbar svg { vertical-align: middle; }
.attachment-preview .preview-header .preview-header-print { color: var(--white); vertical-align: top; }
.attachment-preview .loading-preview { align-items: center; color: var(--primary-text); display: flex; flex-direction: column; font-size: 16px; height: 100%; justify-content: center; }
.attachment-preview .loading-preview .loading-message { flex: 0 1 0%; }
.attachment-preview .loading-preview .retry-btn { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; text-decoration: underline; }
.attachment-preview .attachment-preview-item { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; overflow: auto; }
.attachment-preview .attachment-preview-item--document, .attachment-preview .attachment-preview-item--spreadsheet { align-items: stretch; justify-content: flex-start; overflow: hidden; }
.attachment-preview .attachment-preview-item .file-container { display: contents; flex: 0 1 0%; }
.attachment-preview .attachment-preview-item .file-container img, .attachment-preview .attachment-preview-item .file-container video { height: auto; max-height: 80vh; max-width: 75%; width: auto; }
.attachment-preview .no-preview-available { align-items: center; color: var(--primary-text); display: flex; flex-direction: column; font-size: 16px; height: 100%; justify-content: center; }
.attachment-preview .no-preview-available .text-msg { margin: 0.5rem 1rem 1rem; }
.attachment-preview .no-preview-available .download-link { margin: 0.5rem; }
.attachment-preview .no-preview-available .download-link a { border: 1px solid var(--btn-default-color); border-radius: 4px; cursor: pointer; font-size: 15px; padding: 0.5rem 1rem; text-decoration: none; white-space: nowrap; }
.attachment-preview .fx-item { flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.attachment-preview .fx-item.fx-grow-zero { flex-grow: 0; min-height: auto; overflow: visible; position: sticky; top: 0px; z-index: 1; }
.fixed-popover-container .fixed-popover .signature-selector-popover { padding-bottom: 8px; width: 215px; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .header-container { align-items: center; border-bottom: 1px solid var(--secondary-hover-color); display: flex; font-weight: 400; height: 51px; padding: 0px; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .header-container .item { padding-left: 40px; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .header-container .item .blue-text { color: var(--btn-default-color); }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container { margin-top: 7px; max-height: 265px; overflow-y: auto; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container .item { padding-left: 8px; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container .item .item-content { align-items: center; display: flex; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container .item .item-content .check-mark-icon { color: var(--ctm-brand-color,var(--btn-default-color)); visibility: hidden; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container .item .item-content .check-mark-icon.visible { visibility: visible; }
.fixed-popover-container .fixed-popover .signature-selector-popover .menu .content-container .item .item-content .item-text { margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.no-saved-signature-container .template-signature-container { background-color: var(--no-signature-template-image-background); padding: 12px 30px; }
.no-saved-signature-container .template-signature-container .template-signature-image-container { box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 4px 0px; }
.no-saved-signature-container .no-saved-signature-text { padding: 12px 20px 0px; text-align: center; }
.no-saved-signature-container .create-signature-button-container { display: flex; flex-direction: column; gap: 16px; margin: 16px 50px; text-align: center; }
.no-saved-signature-container .create-signature-button-container .create-signature-button { line-height: 20px; min-height: 32px; width: 180px; }
.no-saved-signature-container .no-signature-footer { align-items: center; border-top: 1px solid var(--secondary-line-separator); display: flex; padding: 10px 8px; }
.no-saved-signature-container .no-signature-footer .tick-image { color: var(--ctm-brand-color,var(--btn-default-color)); margin-bottom: -4px; padding-right: 8px; }
.auto-reply-preference-form-container { display: flex; flex-direction: column; margin-top: 28px; }
.auto-reply-preference-form-container .business-auto-reply-form-container { background: var(--bg-form-container); border: 1px solid var(--editor-border-color); border-radius: 4px; width: 876px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form { max-height: 500px; min-height: 135px; overflow: hidden scroll; width: 100%; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .menu .item.selected { color: var(--text-color); }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .auto-reply-header-container { display: flex; flex-direction: column; margin-left: 24px; margin-top: 24px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .auto-reply-header-container .header-txt { font-size: 16px; font-weight: 600; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .auto-reply-header-container .header-subtxt { color: var(--text-color); font-size: 14px; font-weight: 400; margin-top: 12px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container { margin-left: 24px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container { display: flex; margin-top: 26px; width: 100%; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row { display: flex; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content { align-items: baseline; display: flex; justify-content: flex-start; width: 100%; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-text { color: var(--tertiary-text-three); margin-right: 8px; width: 109px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-text-middle { color: var(--tertiary-text-three); margin-left: 8px; margin-right: 8px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-dropdown { background: var(--bg-dropdown); border-radius: 4px; color: var(--tertiary-text-three); max-height: 224px; position: unset; width: 125px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-dropdown .only-item { background: var(--bg-dropdown); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; justify-content: space-between; padding-left: 0.8em; padding-right: 0px; width: 125px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-dropdown .secondary-items { left: unset; position: fixed; right: unset; width: 125px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .row-dropdown .secondary-items .menu .item:hover { color: var(--text-color); }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .time-slot-row .time-slot-row-content .only-item { align-items: center; background: var(--bg-dropdown); border: 1px solid var(--border-color-default); display: flex; height: 32px; justify-content: space-between; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 135px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .btn-delete { margin-left: 8px; margin-top: 4px; padding: 0px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .multi-day-tag-container { align-items: center; background: var(--auto-reply-multi-day-tag-bg); border: 1px solid var(--auto-reply-mutli-day-border); border-radius: 20px; cursor: pointer; display: flex; height: 24px; justify-content: center; margin-left: 7px; margin-top: 5px; padding: 5px 8px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .business-auto-reply-form .time-slot-form-container .time-slot-container .multi-day-tag-container .multi-day-tag { color: var(--text-color); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 54px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .add-time-slot-container { margin-left: 24px; margin-top: 28px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .add-time-slot-container .add-time-slot-btn { color: var(--ctm-brand-color,var(--auto-reply-add-btn-txt)); cursor: pointer; font-size: 14px; font-weight: 600; margin-top: 28px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container { align-items: center; display: flex; margin-bottom: 24px; margin-left: 24px; margin-top: 24px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .timeZone-dropdown { align-items: center; border-radius: 4px; height: 32px; width: 370px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .timeZone-dropdown .only-item { background: var(--bg-dropdown); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; height: 32px; justify-content: space-between; padding-right: 0px; width: 370px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .timeZone-dropdown .only-item .icon { margin-top: 4px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .timeZone-dropdown .secondary-items { background: var(--bg-dropdown); width: 370px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .timeZone-dropdown .timeZone-row-dropdown { background: var(--bg-dropdown); max-height: 224px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .time-zone-label { width: 10%; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-zone-container .icon-container { align-items: center; cursor: pointer; display: flex; margin-right: 20px; margin-top: -2px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-slot-error-container { margin-left: 24px; }
.auto-reply-preference-form-container .business-auto-reply-form-container .time-slot-error-container .error-msg { color: var(--error-color); font-size: 14px; }
.auto-reply-preference-form-container .msg-div-container { background: var(--bg-form-container); border: 1px solid var(--editor-border-color); border-radius: 4px; margin-bottom: 94px; margin-top: 28px; width: 876px; }
.auto-reply-preference-form-container .msg-div-container .msg-header-container { display: flex; flex-direction: column; margin-left: 24px; margin-top: 24px; }
.auto-reply-preference-form-container .msg-div-container .msg-header-container .msg-header-txt { font-size: 16px; font-weight: 600; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container { margin-left: 24px; margin-right: 24px; margin-top: 16px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .email-subject-container .text-field { border: 1px solid var(--editor-border-color); border-radius: 4px; padding: 8px 12px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .email-subject-container .error-msg-wrapper { max-width: 100%; width: 100%; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px 4px 0px 0px; flex: 1 1 0%; height: 232px; margin-top: 24px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper .fr-box .fr-wrapper { min-height: unset; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper .fr-box .fr-wrapper .fr-view { padding: 8px 12px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper .fr-box .fr-toolbar.fr-bottom { bottom: 0px !important; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper .fr-box .fr-toolbar.fr-bottom .fr-toolbar .fr-btn-grp { padding-left: 0px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .auto-reply-editor-wrapper .fr-box.fr-basic { background-color: var(--bg-auto-reply-editor); }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .editor-toolbar { align-items: center; background-color: var(--bg-auto-reply-editor); border: 1px solid var(--editor-border-color); border-radius: 0px 0px 4px 4px; display: flex; height: 48px; padding: 8px 12px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .editor-toolbar .btn-signature-selector { margin-left: 10px; }
.auto-reply-preference-form-container .msg-div-container .auto-reply-editor-container .error-msg { color: var(--error-color); font-size: 12.04px; }
.auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container { margin-bottom: 24px; margin-left: 24px; margin-right: 24px; }
.auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container .repeat-days-dropdown { background: var(--bg-dropdown); border-radius: 4px; color: var(--tertiary-text-three); max-height: 224px; width: 92px; }
.auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container .repeat-days-dropdown .only-item { background: var(--bg-dropdown); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; justify-content: space-between; padding-left: 0.8em; padding-right: 0px; width: 105px; }
.auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container .repeat-days-dropdown .secondary-items { background: var(--bg-dropdown); width: 100px; }
.auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container .repeat-days-dropdown .secondary-items .menu .item.selected, .auto-reply-preference-form-container .msg-div-container .consecutive-dyas-dropdown-container .repeat-days-dropdown .secondary-items .menu .item:hover { color: var(--text-color); }
.business-auto-reply-paywall-container { background: var(--priority-preferences-paywall-background); border: 1px solid var(--priority-preferences-paywall-border); border-radius: 4px; display: flex; padding: 16px; width: 875px; }
.business-auto-reply-paywall-container .paywall-right-container { align-items: center; display: flex; justify-content: center; width: 60%; }
.business-auto-reply-paywall-container .paywall-right-container .paywall-gif { height: 234px; width: 311px; }
.business-auto-reply-paywall-container .paywall-left-container { display: flex; flex-direction: column; justify-content: space-between; width: 60%; }
.business-auto-reply-paywall-container .paywall-left-container .paywall-text-header { font-size: 15.96px; font-weight: 600; }
.business-auto-reply-paywall-container .paywall-left-container .text-container { display: flex; flex-direction: column; margin-top: 12px; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-one { align-items: center; display: flex; justify-content: flex-start; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-one .text-style { font-size: 14px; font-weight: 400; margin-left: 5px; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-two { align-items: center; display: flex; justify-content: flex-start; margin-top: 10px; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-two .text-style { font-size: 14px; font-weight: 400; margin-left: 5px; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-three { align-items: center; display: flex; justify-content: flex-start; margin-top: 10px; }
.business-auto-reply-paywall-container .paywall-left-container .text-container .paywall-txt-three .text-style { font-size: 14px; font-weight: 400; margin-left: 5px; }
.business-auto-reply-paywall-container .paywall-left-container .upgrade-btn-container { width: 300px; }
.business-auto-reply-container { display: flex; flex-direction: column; height: 800px; overflow: hidden; }
.business-auto-reply-container .header-container { width: 100%; }
.business-auto-reply-container .header-container .header-txt { color: var(--text-color); font-size: 15.96px; font-weight: 600; }
.business-auto-reply-container .header-container .learn-more { cursor: pointer; font-size: 15.96px; font-weight: 400; margin-left: 5px; text-decoration: none; }
.business-auto-reply-container .header-container .learn-more .icon { margin-left: 5px; position: relative; top: 12px; }
.business-auto-reply-container .auto-reply-toggle-wrapper { margin-top: 28px; padding-top: 10px; width: 876px; }
.business-auto-reply-container .auto-reply-toggle-wrapper .mt-16 { margin-top: 16px; }
.business-auto-reply-container .auto-reply-toggle-wrapper .auto-reply-toggle-container { align-items: center; background: var(--bg-reading-pane); border: 1px solid var(--editor-border-color); border-radius: 4px; display: flex; height: 68px; justify-content: space-between; margin-bottom: 16px; padding: 14px 24px; }
.business-auto-reply-container .auto-reply-toggle-wrapper .auto-reply-toggle-container .auto-reply-toggle { align-items: center; display: flex; height: 100%; padding-left: 24px; text-align: center; }
.business-auto-reply-container .auto-reply-toggle-wrapper .auto-reply-toggle-container span { font-size: 15.96px; font-weight: 600; line-height: 25.2px; }
.footer-wrapper { background: var(--bg-modal); border-top: 1px solid var(--editor-border-color); bottom: 0px; padding: 20px 34px; position: fixed; width: 100%; z-index: 10; }
.vacation-responder-info-container { align-items: center; background: var(--bg-vacation-responder-notification); display: flex; justify-content: flex-start; margin-bottom: 24px; padding: 16px 16px 16px 10px; }
.vacation-responder-info-container .info-icon { width: 4%; }
.vacation-responder-info-container .info-txt { color: var(--text-color); font-size: 15px; font-weight: 400; }
.sheet-toolbar .btn-category-picker:only-of-type { margin-right: 0px; }
.category-picker-popover { box-shadow: var(--popover-shadow); }
.category-picker-popover .header-container { padding: 8px 16px 8px 24px; }
.category-picker-popover .menu { max-height: min(50vh, -120px + 100vh); overflow: hidden auto; width: 300px; }
.category-picker-popover .menu .item.account-info { cursor: pointer; padding-left: 24px; pointer-events: none; }
.category-picker-popover .menu .item.selected.readonly { background: inherit; }
.category-picker-popover .menu .item.selected.readonly .category-content svg, .category-picker-popover .menu .item.selected.readonly .category-item svg { color: var(--icon-secondary-color); }
.category-picker-popover .menu .item.selected.readonly .category-content .category-display-name, .category-picker-popover .menu .item.selected.readonly .category-item .category-display-name { color: var(--text-color); }
.category-picker-popover .menu .item.selected.readonly .category-content .category-display-name.disabled, .category-picker-popover .menu .item.selected.readonly .category-content .category-path, .category-picker-popover .menu .item.selected.readonly .category-item .category-display-name.disabled, .category-picker-popover .menu .item.selected.readonly .category-item .category-path { color: var(--tertiary-text-three); }
.category-picker-popover .menu .item.selected .category-content .category-display-name, .category-picker-popover .menu .item.selected .category-content .category-path, .category-picker-popover .menu .item.selected .category-content svg, .category-picker-popover .menu .item.selected .category-item .category-display-name, .category-picker-popover .menu .item.selected .category-item .category-path, .category-picker-popover .menu .item.selected .category-item svg { color: var(--text-color); }
.category-picker-popover .add-new-folder { background-color: var(--bg-small-dropdowns); border-top: 1px solid var(--modal-line-separator); position: absolute; width: 250px; }
.category-picker-popover .add-new-folder .item { color: var(--text-color); cursor: default; display: block; padding: 5px 0px 5px 16px; position: relative; width: 100%; }
.category-picker-popover .add-new-folder .item .category-content .icon { height: 24px; width: 24px; }
.category-picker-popover .add-new-folder .item .category-content .name { margin-left: 10px; margin-right: 5px; }
.category-picker-popover .add-new-folder .item.editing { align-items: center; }
.category-picker-popover .add-new-folder .item.editing .edit-div { display: flex; flex: 1 1 0%; height: 24px; left: 24px; order: 2; padding-right: 8.5px; }
.category-picker-popover .add-new-folder .item.editing .item-input { border: 1px solid var(--ctm-brand-color,var(--btn-default-color)); font-size: 13.02px; order: 2; padding-left: 0px; text-indent: 5.5px; width: 76%; }
.category-picker-popover .add-new-folder .item.editing .tick-button { background-color: var(--ctm-brand-color,var(--btn-default-color)); border-radius: 0px 4px 4px 0px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); cursor: pointer; margin-left: -2px; order: 3; padding: 4px; width: 12%; }
.category-picker-popover .add-new-folder .item.editing .tick-button img { position: relative; top: -4px; }
.category-picker-popover .add-new-folder .item.editing .close-button { color: var(--icon-secondary-color); cursor: pointer; margin-left: 5px; order: 4; width: 12%; }
.category-picker-popover .add-new-folder.add-account-sticky { bottom: -2px; position: sticky; }
.category-picker-popover .btn.btn-toolbar { margin-left: 0px; margin-right: 0px; }
.category-picker-popover img.check-img { position: absolute; }
.category-picker-popover .category-content, .category-picker-popover .category-item { display: flex; }
.category-picker-popover .category-content svg, .category-picker-popover .category-item svg { color: var(--icon-secondary-color); }
.category-picker-popover .category-content .tick-button svg, .category-picker-popover .category-item .tick-button svg { color: var(--primary-text); }
.category-picker-popover .category-create-new-tag { flex-shrink: 0; }
.category-picker-popover .category-display-name { display: inline-block; flex: 1 1 0%; margin-left: 10px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; }
.category-picker-popover .disabled { color: var(--tertiary-text-three); }
.category-picker-popover .category-path { color: var(--tertiary-text-three); display: inline; font-size: 12.04px; font-stretch: normal; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 1.43; }
.category-picker-popover .disclosure-triangle { filter: invert(0.4); margin-left: -15px; margin-top: 4px; position: absolute; }
.thread-toolbar-category-picker { padding: 10px 0px; }
.thread-toolbar-category-picker > .menu > .item { padding: 8px 16px !important; }
.thread-toolbar-category-picker .header-container { padding: 6px 16px 16px; }
.thread-toolbar-category-picker .header-container input[type="text"] { border: 1px solid var(--dropdown-border-color); border-radius: 4px; height: 30px; }
.thread-toolbar-category-picker .header-container input[type="text"].search { background-image: url("https://hostinger.titan.email/mail/assets/static/media/search.fe67e24eae9cc499d87b.svg"); background-position: 7px 6px; background-repeat: no-repeat; background-size: 16px; box-shadow: none; padding-left: 0px; text-indent: 31px; }
.emoji-button-popover { height: 290px; overflow: hidden; width: 210px; }
.emoji-button-popover .emoji-tabs { border-bottom: 1px solid var(--border-color-default); display: flex; flex-direction: row; padding: 5px 10px; transition: box-shadow 0.5s; }
.emoji-button-popover .emoji-tabs > div { height: 21px; width: 16px; }
.emoji-button-popover .emoji-tabs .emoji-tab { cursor: pointer; margin-left: 4px; margin-top: -5px; }
.emoji-button-popover canvas { color: var(--tertiary-text-three); }
.emoji-button-popover .emoji-finder-container { height: 232px; }
.emoji-button-popover .emoji-finder-container .scrollbar-track { background: rgba(0, 0, 0, 0); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; width: 10px; }
.emoji-button-popover .emoji-finder-container .scroll-region-content-inner { overflow: hidden; }
.emoji-button-popover .emoji-finder-container .emoji-search-container { padding: 7.5px 12px 0px; }
.emoji-button-popover .emoji-finder-container .emoji-search-container input[type="text"] { border: 1px solid var(--dropdown-border-color); border-radius: 4px; }
.emoji-button-popover .emoji-finder-container .emoji-search-container input[type="text"].search { background-image: url("https://hostinger.titan.email/mail/assets/static/media/search.fe67e24eae9cc499d87b.svg"); background-position: 7px 4px; background-repeat: no-repeat; background-size: 15px 15px; box-shadow: none; padding-left: 0px; text-indent: 31px; }
.emoji-button-popover .emoji-name { color: var(--tertiary-text-three); height: 25px; margin-left: 10px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; width: 192px; }
.insert-html-popover-container { width: 320px; }
.insert-html-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); }
.insert-html-popover-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.insert-html-popover-container .popover-header .paywall-image { padding-left: 40px; padding-top: 35px; }
.insert-html-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.insert-html-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); }
.insert-html-container { display: flex; flex-direction: column; flex-grow: 1; padding: 25px 30px 30px; }
.insert-html-container .insert-html-modal-header { font-size: 15.96px; font-weight: 600; margin-bottom: 5px; margin-top: 0px; }
.insert-html-container .insert-html-modal-desc { line-height: 16px; margin-bottom: 18px; margin-top: 0px; }
.insert-html-container .insert-html-textarea { border: var(--input-border); height: 415px; padding: 12px; resize: none; }
.insert-html-container .insert-html-footer-container { display: flex; flex-direction: column; justify-content: space-between; margin-top: 20px; }
.insert-html-container .insert-html-footer-container .email-designer-banner { margin-bottom: 20px; margin-top: 10px; }
.insert-html-container .insert-html-error-container { color: var(--error-color); }
.insert-html-container .insert-html-button-container { align-items: center; display: flex; justify-content: flex-end; }
.insert-html-container .insert-html-button-container .insert-html-cancel-button { margin-right: 15px; }
.signature-intelligent-nudge-container { align-items: center; display: flex; flex-direction: column; gap: 24px; height: 100%; justify-content: center; padding: 24px; position: relative; width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-close { position: absolute; right: 16px; top: 16px; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-header { width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-header .signature-intelligent-nudge-title-block { align-items: center; align-self: stretch; display: flex; flex-direction: column; gap: 8px; justify-content: center; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-header .signature-intelligent-nudge-title-block .signature-intelligent-nudge-heading { color: var(--text-color); font-size: 24px; font-weight: 600; line-height: 130%; padding: 0px 11px; text-align: center; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-header .signature-intelligent-nudge-title-block .feature-details { font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; text-align: center; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body { width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container { background-color: var(--signature-intelligent-nudge-image-preview-bg); border-radius: 8px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; padding: 18px 0px; width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-track { align-items: center; display: flex; padding: 6px 0px; transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: transform; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-track.is-snapping .signature-carousel-slide, .signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-track.is-snapping .signature-carousel-slot { transition: none !important; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-viewport { overflow: hidden; width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-slot { align-items: center; display: flex; flex: 0 0 62%; justify-content: center; min-width: 0px; opacity: 1; padding: 4px 8px; transform: scale(0.92); transition: opacity 0.32s, transform 0.32s; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-slot.is-active { opacity: 1; transform: scale(1); }
.signature-intelligent-nudge-container .signature-intelligent-nudge-body .signature-preview-container .signature-carousel-slide { align-self: stretch; background: rgb(255, 255, 255); border-radius: 5.885px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 14px; display: block; height: 196px; object-fit: contain; object-position: left center; padding: 4px; transition: box-shadow 0.32s; width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-footer { align-items: center; display: flex; flex-direction: column; gap: 16px; min-width: 277px; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-footer .titan-max-action-container, .signature-intelligent-nudge-container .signature-intelligent-nudge-footer > div.button-container { width: 100%; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-footer .titan-max-action-container .titan-max-btn { margin-top: 0px; }
.signature-intelligent-nudge-container .signature-intelligent-nudge-footer .signature-intelligent-nudge-save-button { width: 100%; }
@media (prefers-reduced-motion: reduce) {
  .signature-intelligent-nudge-container .signature-preview-container .signature-carousel-slot, .signature-intelligent-nudge-container .signature-preview-container .signature-carousel-track { transition: none; }
}
.signature-composer-banner-preview-btn.btn { color: var(--composer-banner-info-action-color); font-size: 14px; font-weight: 400; line-height: 18px; min-height: auto; padding: 0px; }
.composer-banner-shell--variant-signature { align-items: center; background: var(--composer-banner-info-bg); border-bottom: 1px solid var(--composer-banner-info-border); border-top: 1px solid var(--composer-banner-info-border); display: flex; gap: 8px; min-height: 40px; padding: 8px 48px 8px 16px; position: relative; }
.composer-banner-shell--variant-signature .signature-banner-icon { flex-shrink: 0; height: 18px; width: 18px; }
.composer-banner-shell--variant-signature .composer-banner-shell-content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.composer-banner-shell--variant-signature .composer-banner-shell-action { color: var(--composer-banner-info-action-color); font-size: 14px; font-weight: 400; }
.preferences-signatures { padding-right: 14px; }
.preferences-signatures .preferences-subheader { display: flex; font-size: 15.96px; font-weight: 600; justify-content: space-between; width: 100%; }
.preferences-signatures .heading { font-size: 15px; font-weight: 600; line-height: 21px; }
.preferences-signatures .preferences-signatures-list { margin-top: 36px; }
.preferences-signatures .preferences-signatures-list .signature-builder-hook { width: 808px; }
.preferences-signatures .empty-list { align-items: center; display: flex; flex-direction: column; height: 400px; justify-content: center; padding-top: 20%; }
.preferences-signatures .empty-list .icon-signature { height: 184px; margin-bottom: 25px; width: 238px; }
.preferences-signatures .empty-list h3 { color: var(--tertiary-text-three); font-size: 14px; margin-top: 0px; }
.preferences-signatures .empty-list .btn-add { margin-top: 20px; padding-left: 40px; padding-right: 40px; }
.list-signatures { background: var(--signature-list-background); border: 1px solid var(--signature-list-border); border-radius: 4px; font-size: 14px; list-style: none; margin: 16px 0px 45px; padding: 0px 16px; width: 808px; }
.list-signatures > li { align-items: center; display: flex; height: 56px; }
.list-signatures > li > * { padding: 16px 0px; }
.list-signatures > li label { align-items: center; display: flex; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-signatures li:not(:last-child) { border-bottom: .5px solid var(--modal-line-separator); }
.list-signatures .sig-name { color: var(--text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-signatures .sig-meta { color: var(--tertiary-text-three); flex-shrink: 0; margin-left: 5px; }
.list-signatures .sig-actions .button-container { margin-left: 10px; }
.list-signatures .sig-actions .button-container .btn { padding: 0px; }
.list-signatures .sig-actions img { width: 24px; }
.list-signatures .sig-actions svg { color: var(--icon-secondary-color); vertical-align: middle; }
.default-signatures { margin-top: 16px; width: fit-content; }
.default-signatures .default-signatures-wrapper { align-items: center; display: flex; height: 32px; justify-content: space-between; margin-bottom: 12px; width: 100%; }
.default-signatures .default-signatures-wrapper .sub-heading { margin-right: 20px; }
.default-signatures .default-signatures-wrapper .button-dropdown .only-item { align-items: center; display: flex; height: 32px; justify-content: space-between; width: 205px; }
.default-signatures .default-signatures-wrapper .button-dropdown .only-item span { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.default-signatures .default-signatures-wrapper .button-dropdown .only-item .icon { margin-left: 0px; }
.default-signatures .default-signatures-wrapper .button-dropdown .secondary-items { max-height: 180px; overflow: auto; width: 205px; }
.default-signatures .default-signatures-wrapper .button-dropdown .secondary-items .content-container .item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; }
.preferences-signature-detail { position: relative; width: 570px; }
.preferences-signature-detail.disabled .editor-wrapper, .preferences-signature-detail.disabled input { pointer-events: none; }
.preferences-signature-detail .heading { margin-bottom: 12px; }
.preferences-signature-detail input { --border: 1px solid var(--signature-border); border: var(--border); padding: 10px 15px; width: 100%; }
.preferences-signature-detail input:focus { border: var(--border); }
.preferences-signature-detail .editor-wrapper { border: 1px solid var(--signature-border); border-radius: 4px; height: 310px; margin-top: 20px; position: relative; }
.preferences-signature-detail .actions { display: flex; margin-bottom: -20px; padding: 64px 0px 24px; z-index: 1; }
.preferences-signature-detail .actions.html-signature-note-shown { padding-top: 19px; }
.preferences-signature-detail .btn-back .icon { display: inline-block; transform: rotate(180deg); vertical-align: middle; }
.preferences-signature-detail .btn-save { margin-right: 12px; min-width: 65px; }
.preferences-signature-detail .html-signature-note-container { margin-top: 20px; }
.preferences-signature-detail .html-signature-note-container .html-signature-note { padding-right: 4px; }
.preferences-signature-detail .fr-box.fr-basic { height: auto; }
.preferences-signature-detail .fr-box.fr-basic .fr-toolbar { border-radius: 4px; }
.preferences-signature-detail .fr-box.fr-basic .fr-wrapper { border: 0px; border-radius: 4px; overflow: auto; }
.preferences-signature-detail .fr-box.fr-basic .fr-element { overflow-y: initial; }
.preferences-signature-detail .fr-box.fr-basic .fr-code, .preferences-signature-detail .fr-box.fr-basic .fr-view { border-radius: 0px 0px 4px 4px; max-width: none; min-height: 100%; overflow-x: visible; }
.preferences-signature-detail .signature-builder-hook { width: 700px; }
.scroll { max-height: 40vh; overflow-y: auto; }
.custom-signature-wrapper { background-color: var(--signature-list-custom-signature); border-radius: 8px; margin-bottom: 32px; max-width: 1125px; padding: 20px; }
.custom-signature-wrapper .custom-signature-header { font-size: 20.02px; font-weight: 600; margin-bottom: 0px; margin-top: 0px; }
.custom-signature-wrapper .create-custom-signature { margin-top: 20px; }
.custom-signature-wrapper .custom-signature-description { margin-top: 0px; }
.edit-signature-title { align-items: center; display: flex; }
.edit-icon-wrapper { color: var(--tertiary-text-three); display: flex; margin-left: 4px; }
.save-signature-modal-wrapper { min-width: 448px; padding: 24px; }
.save-signature-modal-wrapper .header { color: var(--secondary-text); font-size: 15.96px; font-weight: 600; }
.save-signature-modal-wrapper .name-input { border-radius: 4px; margin-top: 8px; padding: 8px; width: 100%; }
.save-signature-modal-wrapper .name-error { color: var(--attention-icon); font-size: 13.02px; margin-top: 4px; }
.save-signature-modal-wrapper .html-display-container { background-color: var(--signature-list-custom-signature); display: flex; justify-content: center; margin-bottom: 20px; margin-top: 20px; max-height: calc(95% - 230px); overflow-y: scroll; padding: 20px; }
.save-signature-modal-wrapper .html-display-container .html-display-div { background: var(--bg-modal); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 4px 0px; height: 100%; padding: 16px; }
.save-signature-modal-wrapper .info-tip-user { background: var(--preferences-highlighter); border-radius: 4px; display: flex; padding: 8px; }
.save-signature-modal-wrapper .info-tip-user .icon-container { margin-right: 8px; margin-top: 3px; }
.save-signature-modal-wrapper .info-tip-user .icon-container .info-icon { color: var(--text-color); }
.save-signature-modal-wrapper .button-wrapper { display: flex; justify-content: flex-end; margin-top: 36px; }
.save-signature-modal-wrapper .button-wrapper .save-button { margin-left: 16px; }
.signature-builder-upgrade-modal-wrapper { background-color: var(--bg-signature-designer-upgrade-modal-wrapper); width: 540px; }
.signature-builder-upgrade-modal-wrapper .header-background { align-items: center; background-color: var(--bg-signature-designer-upgrade-modal-header); display: flex; flex-direction: column; padding-top: 16px; row-gap: 16px; }
.signature-builder-upgrade-modal-wrapper .header-background .feature-name-container { background: linear-gradient(90deg, rgb(126, 50, 223), rgb(38, 45, 227)); border-radius: 16px; color: rgb(255, 255, 255); display: flex; line-height: 9px; padding: 6px 12px; }
.signature-builder-upgrade-modal-wrapper .header-background .feature-name-container .feature-name { padding: 2px 4px 0px; }
.signature-builder-upgrade-modal-wrapper .header-background .feature-gif img { border-radius: 4px 4px 0px 0px; width: 420px; }
.signature-builder-upgrade-modal-wrapper .content-wrapper { margin: -30px auto 0px; padding-bottom: 40px; padding-top: 62px; width: 400px; }
.signature-builder-upgrade-modal-wrapper .content-wrapper .upgrade-header { color: var(--signature-designer-upgrade-modal-text-color); font-size: 23.94px; font-weight: 500; line-height: 140%; margin-bottom: 16px; margin-top: 0px; text-align: center; }
.signature-builder-upgrade-modal-wrapper .content-wrapper .upgrade-text { color: var(--signature-designer-upgrade-modal-text-color); font-size: 15.96px; line-height: 140%; text-align: center; }
.signature-builder-upgrade-modal-wrapper .content-wrapper .upgrade-button-wrapper { align-items: center; display: flex; flex-direction: column; justify-content: center; width: 100%; }
.signature-builder-upgrade-modal-wrapper .content-wrapper .upgrade-button-wrapper .signature-builder-upgrade { width: 290px; }
.signature-builder-upgrade-modal-wrapper .content-wrapper .upgrade-button-wrapper .demo-btn-container { margin-top: 24px; }
.signature-builder-hook { background-color: var(--signature-list-custom-signature); border-radius: 4px; display: flex; justify-content: space-between; margin: 44px 0px; padding: 16px; }
.signature-builder-hook .content-wrapper { column-gap: 8px; display: flex; max-width: 410px; }
.signature-builder-hook .emoji-wrapper { font-size: 20.02px; margin-left: 4px; }
.signature-builder-hook .header { color: var(--secondary-text); display: flex; font-size: 15.96px; font-weight: 600; line-height: 150%; margin-bottom: 4px; margin-top: 0px; }
.signature-builder-hook .header .btn { margin-left: 30px; }
.signature-builder-hook .desc { margin-bottom: 46px; margin-top: 0px; }
.signature-builder-hook .upgrade-icon { margin-bottom: 3px; }
@media (max-width: 1439px) {
  .custom-signature-wrapper { max-width: 757px; }
}
#signature-builder-upgrade-modal-close-icon { background-color: var(--signature-designer-paywall-bg-color); position: absolute; }
#signature-builder-upgrade-modal-close-icon:hover { background-color: var(--signature-designer-paywall-bg-color-hover); }
#signature-builder-upgrade-modal-close-icon svg path { fill: var(--signature-designer-paywall-close-icon); }
body.theme-light { --composer-banner-info-action-color: #2170f4; }
body.theme-dark { --composer-banner-info-action-color: #a6cfff; }
.composer-banner-shell--variant-spell-checker-info { align-items: flex-start; background: var(--composer-banner-info-bg); border-bottom: 1px solid var(--composer-banner-info-border); border-top: 1px solid var(--composer-banner-info-border); display: flex; gap: 8px; min-height: 40px; padding: 8px 48px 8px 16px; }
.composer-banner-shell--variant-spell-checker-upgrade { align-items: flex-start; background: var(--composer-banner-upgrade-bg); border-bottom: 1px solid var(--composer-banner-upgrade-border); border-top: 1px solid var(--composer-banner-upgrade-border); display: flex; gap: 8px; min-height: 40px; padding: 8px 48px 8px 16px; }
.composer-banner-shell .composer-banner-shell-content, .spell-checker-info-banner-content, .spell-checker-paywall-banner-content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.composer-banner-shell .composer-banner-shell-action { color: var(--composer-banner-info-action-color); font-size: 14px; font-weight: 400; }
.composer-banner-shell--variant-spell-checker-info .composer-banner-shell-body, .composer-banner-shell--variant-spell-checker-upgrade .composer-banner-shell-body { align-items: flex-start; display: flex; flex-direction: column; gap: 2px; }
.composer-banner-shell--variant-spell-checker-info .composer-banner-shell-content, .composer-banner-shell--variant-spell-checker-upgrade .composer-banner-shell-content { display: block; }
.composer-banner-shell--variant-spell-checker-info .composer-banner-shell-action, .composer-banner-shell--variant-spell-checker-upgrade .composer-banner-shell-action { display: block; margin-left: 0px; margin-top: 0px; white-space: nowrap; }
.composer-banner-shell .composer-banner-shell-icon { height: 18px; width: 18px; }
.composer-banner-shell-action-link { color: var(--composer-banner-info-action-color); cursor: pointer; }
.composer-banner-shell--variant-spell-checker-upgrade .composer-banner-shell-action-link { cursor: pointer; }
.composer-spell-checker-paywall-container { display: flex; flex-direction: column; width: 340px; }
.composer-spell-checker-paywall-container .close-btn-wrapper { position: absolute; right: 12px; top: 12px; }
.composer-spell-checker-paywall-container .first-container { background-color: var(--bg-spell-checker-composer-paywall-col1); border-radius: 4px 4px 0px 0px; }
.composer-spell-checker-paywall-container .first-container .heading { color: rgb(255, 255, 255); font-size: 15.96px; font-weight: 600; letter-spacing: 0px; line-height: 17px; padding: 20px 20px 0px; text-align: left; }
.composer-spell-checker-paywall-container .first-container .paywall-image { height: 90px; margin: 21px auto 29px; width: 302px; }
.composer-spell-checker-paywall-container .second-conatiner { background-color: var(--bg-spell-checker-composer-paywall-col2); border-radius: 0px 0px 4px 4px; padding: 0px 22px 22px; }
.composer-spell-checker-paywall-container .second-conatiner .subheding { color: var(--modal-heading); font-size: 18px; letter-spacing: 0px; line-height: 26px; margin-top: 20px; text-align: left; }
.composer-spell-checker-paywall-container .second-conatiner .upgrade-button { width: 295px; }
.composer-spell-checker-paywall-container .second-conatiner .upgrade-button .titan-max-btn { margin-top: 20px; }
.composer-flyout.flyout-wrap.open .composer-inner-wrap.body-wrap { flex: 1 1 0%; }
.composer-flyout.flyout-wrap:not(.open) .flyout-titlebar { width: 260px; }
.composer-action-bar-wrap { background: inherit; border-bottom: 0px; border-top: 1px solid var(--secondary-line-separator); bottom: 0px; box-shadow: none; position: absolute; width: 100%; z-index: 1; }
.composer-action-bar-wrap .composer-action-bar-content { display: flex; flex-direction: row; justify-content: space-between; margin: 0px auto; max-width: none; padding: 9px 14.5px; }
.composer-action-bar-wrap .composer-action-bar-content .actions { display: flex; flex-direction: row; }
.composer-action-bar-wrap .composer-action-bar-content .left-actions { flex: 1 1 0%; min-width: 0px; }
.composer-action-bar-wrap .composer-action-bar-content .left-actions .adaptive-button-group-container { flex: 1 1 0%; justify-content: flex-start; min-width: 0px; }
.composer-action-bar-wrap .composer-action-bar-content .left-actions .adaptive-button-group-container .visible-button-container { flex-shrink: 1; max-width: calc(100% - 28px); min-width: 0px; overflow: hidden; width: fit-content; }
.composer-action-bar-wrap .composer-action-bar-content .vertical-separator { background-color: var(--secondary-line-separator); height: auto; margin: 0px 2px; width: 1px; }
.composer-action-bar-wrap .composer-action-bar-content .btn-send { border-radius: 4px 0px 0px 4px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); height: 32px; min-width: 70px; }
.composer-action-bar-wrap .composer-action-bar-content .designer-btn { background: var(--designer-mode-green); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.composer-action-bar-wrap .composer-action-bar-content .btn-send-later { border-left: 1px solid; border-radius: 0px 4px 4px 0px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); height: 32px; padding: 0px; width: 22px; }
.composer-action-bar-wrap .composer-action-bar-content .btn-send-later svg { margin-top: 8px; vertical-align: bottom; }
.composer-action-bar-wrap .composer-action-bar-content .btn-more { margin-top: 3px; width: 24px; padding: 0px !important; }
.composer-action-bar-wrap .composer-action-bar-content .btn.btn-toolbar { margin-left: 2px; padding: 0px 4px; }
.composer-action-bar-wrap .composer-action-bar-content .btn.btn-toolbar:hover { background-color: var(--icon-hover-state); }
.composer-action-bar-wrap .composer-action-bar-content .btn.btn-toolbar svg { vertical-align: middle; }
.composer-outer-wrap-container { height: 100%; }
.composer-inner-wrap { background-color: var(--bg-modal); flex-direction: column; height: 100%; position: relative; }
.composer-inner-wrap .composer-content-wrap { display: flex; flex: 1 1 0%; flex-flow: column; height: calc(100% - 51px); padding: 0px; position: relative; }
.composer-inner-wrap .composer-content-wrap .composer-centered { display: flex; flex-direction: column; height: 100%; margin: 0px auto; position: relative; width: 100%; }
.composer-inner-wrap .composer-body-wrap { height: 100%; padding: 0px; }
.composer-inner-wrap .composer-body-wrap .composer-editor { height: 100%; position: relative; }
.composer-inner-wrap .composer-body-wrap .composer-editor .fr-box.fr-basic { background-color: var(--bg-modal); }
.composer-inner-wrap .composer-body-wrap .composer-editor .fr-box.fr-basic .fr-command.fr-btn.fr-dropdown[data-cmd^="font"]::after { border-left-color: var(--secondary-line-separator); }
.composer-inner-wrap .composer-body-wrap .composer-editor .fr-box.fr-basic .fr-newline { border-top: 1px solid var(--secondary-line-separator); }
.composer-inner-wrap .composer-body-wrap .composer-editor .fr-wrapper { min-height: 0px; padding-top: 20px; }
.composer-inner-wrap .composer-body-wrap .composer-editor .fr-wrapper .fr-view { padding-top: 0px; }
.composer-inner-wrap .composer-body-wrap .composer-editor .composer-editor-footer-container { bottom: var(--composer-toolbar-height,0); position: sticky; z-index: 1; }
.composer-inner-wrap .composer-body-wrap .composer-editor .dropzone { height: 100%; }
.composer-inner-wrap .composer-body-wrap .composer-editor .dropzone .dropzone-cover { background: var(--bg-modal); }
.composer-inner-wrap .compose-body { cursor: text; flex: 1 1 0%; height: 100%; margin: 0px; position: relative; }
.composer-inner-wrap .compose-body .quoted-actions-container { padding: 5px 14px 5px 22px; width: fit-content; }
.composer-inner-wrap .compose-body .quoted-actions-container.hide-quote { visibility: hidden; }
.composer-inner-wrap .attachments-area { margin-left: 10px; margin-right: 10px; padding: 0px; }
.composer-inner-wrap .attachments-area:not(:empty) { padding-top: 20px; }
.composer-inner-wrap summary { display: list-item; }
#message-list .message-item-wrap .message-item-white-wrap.composer-outer-wrap { box-shadow: var(--inline-composer-shadow); }
#message-list .message-item-wrap .message-item-white-wrap.composer-outer-wrap > .composer-inner-wrap { border-radius: 5px; }
#message-list .message-item-wrap .message-item-white-wrap.composer-outer-wrap .fr-box.fr-basic.fr-bottom .fr-wrapper .fr-view { min-height: 100px; }
#message-list .message-item-wrap .message-item-white-wrap.composer-outer-wrap .composer-action-bar-wrap { position: sticky; }
.message-read-modal-container .message-item-wrap .message-item-white-wrap.composer-outer-wrap .fr-box.fr-basic.fr-bottom .fr-wrapper .fr-view { min-height: 100px; }
.fixed-popover .attachment-selector-popover { padding-bottom: 12px; padding-top: 8px; width: 190px; }
.fixed-popover .attachment-selector-popover .menu .item { padding-left: 8px; }
.fixed-popover .attachment-selector-popover .item-content { align-items: center; display: flex; }
.fixed-popover .attachment-selector-popover .item-icon { color: var(--icon-secondary-color); display: flex; margin-right: 8px; }
.drive-explorer-tracking-toggle-row { align-items: center; display: flex; gap: 8px; }
.drive-explorer-tracking-toggle-row button { cursor: pointer; }
.drive-transfer-link-dialog .dialog-title { margin-top: 0px; }
.drive-transfer-link-dialog__content-wrapper { display: flex; flex-direction: column; gap: 20px; }
.drive-transfer-link-dialog__content-wrapper > p { margin: 0px; }
.drive-transfer-link-dialog__content-wrapper .learn-more-link-span { align-self: flex-start; }
.drive-transfer-link-dialog__nudge { align-items: flex-start; background: var(--drive-transfer-nudge-bg); border-radius: 8px; display: flex; gap: 8px; padding: 8px 12px; }
.drive-transfer-link-dialog__nudge-icon { background: radial-gradient(circle,var(--text-color-for-upgrade) 8px,#0000 8px); fill: var(--background-color-for-upgrade); flex-shrink: 0; height: 32px; width: 32px; }
.drive-transfer-link-dialog__nudge-count-number { font-weight: 600; }
.drive-transfer-link-dialog__nudge-upgrade { background: none; border: 0px; color: var(--link-color); cursor: pointer; padding: 0px; text-align: left; }
.drive-transfer-link-dialog__nudge-upgrade:hover { cursor: pointer; }
.drive-transfer-link-dialog .dialog-checkbox { margin-top: 20px; }
.drive-transfer-link-dialog .dialog-actions { margin-top: 24px; }
.drive-button.in-popover { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; margin: 0px; padding: 0px; }
.drive-button.in-popover svg { color: var(--icon-secondary-color); margin-right: 8px; }
.drive-storage-watch-demo-cta { margin-top: 20px; }
.searchable-dropdown-input-container { display: inline-block; position: relative; }
.searchable-dropdown-input-container input[type="text"] { background: rgba(0, 0, 0, 0); border: 1px solid var(--dropdown-border-color); padding-left: 0.5rem; }
.searchable-dropdown-input-container .dropdown-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; bottom: 33px; box-shadow: var(--dropdown-shadow-one); left: 0.4rem; max-height: 185px; overflow-y: auto; position: absolute; width: 106px; z-index: 1; }
.searchable-dropdown-input-container .dropdown-container .dropdown-item { cursor: pointer; padding: 0.25rem 0.5rem; text-align: left; }
.searchable-dropdown-input-container .dropdown-container .dropdown-item:hover { background-color: var(--dropdown-hover-color); }
.searchable-dropdown-input-container .dropdown-container .dropdown-item.emphasize { background-color: var(--dropdown-hover-color); font-weight: 700; }
.Dropdown { --dropdown-border: 1px solid var(--line-seprator-color); cursor: pointer; display: inline-block; min-width: var(--dropdown-width); position: relative; }
.Dropdown .selected-option { align-items: center; border: var(--dropdown-border); border-radius: 4px; display: flex; height: 32px; justify-content: space-around; padding: 0.2rem 0px 0.2rem 0.5rem; width: 100%; }
.Dropdown .selected-option > span { flex: 1 1 0%; min-width: 42px; }
.Dropdown .selected-option .icon-arrow { color: var(--icon-secondary-color); }
.Dropdown.open .icon-arrow { transform: scaleY(-1); }
.Dropdown .dropdown-options-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; bottom: 32px; box-shadow: var(--dropdown-shadow-one); left: 0px; max-height: 360px; overflow-y: auto; padding: 4px 0px; position: absolute; width: 100%; z-index: 1; }
.Dropdown .dropdown-options-container.open-towards-bottom { bottom: unset; top: 32px; }
.Dropdown .dropdown-options-container .dropdown-menu-item { cursor: pointer; padding: 0.25rem 0.5rem; }
.Dropdown .dropdown-options-container .dropdown-menu-item .check-mark-icon { color: var(--ctm-brand-color,var(--btn-default-color)); }
.Dropdown .dropdown-options-container .dropdown-menu-item .radio-icon { border: 1px solid var(--icon-secondary-color); border-radius: 50%; box-sizing: border-box; flex: 0 0 auto; height: 16px; width: 16px; }
.Dropdown .dropdown-options-container .dropdown-menu-item .radio-icon-selected { background-color: var(--ctm-brand-color,var(--btn-default-color)); border-color: var(--ctm-brand-color,var(--btn-default-color)); box-shadow: inset 0 0 0 3px var(--bg-small-dropdowns); }
.Dropdown .dropdown-options-container .dropdown-menu-item:focus, .Dropdown .dropdown-options-container .dropdown-menu-item:hover { background-color: var(--dropdown-hover-color); }
.month-view { background: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); display: flex; flex-direction: column; height: 100%; min-height: 200px; min-width: 200px; padding: 20px; text-align: center; width: 100%; }
.month-view .header { align-items: center; display: flex; justify-content: center; padding: 4px 0px 3px; }
.month-view .header .month-title { flex: 1 1 0%; font-size: 14px; font-weight: 500; padding-top: 3px; }
.month-view .header .btn.btn-icon { color: var(--text-color); flex: 0 1 0%; font-size: 20.02px; margin-right: 0px; padding: 0px 2px; }
.month-view .header .btn.btn-icon:active { background: rgba(0, 0, 0, 0); }
.month-view .header .btn.btn-icon.disabled { opacity: 0.4; pointer-events: none; }
.month-view .legend { background: rgba(0, 0, 0, 0); display: flex; padding: 3px 0px; }
.month-view .legend .weekday { flex: 1 1 0%; }
.month-view .day-grid { display: flex; flex: 1 1 0%; flex-direction: column; }
.month-view .day-grid .week { display: flex; flex: 1 1 0%; min-height: 28px; }
.month-view .day-grid .day { color: var(--tertiary-text-three); display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; min-height: 28px; }
.month-view .day-grid .day.cur-month { color: var(--text-color); }
.month-view .day-grid .day:hover { background: var(--dropdown-hover-color); cursor: pointer; }
.month-view .day-grid .day.cur-day { background-color: var(--btn-default-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.month-view .day-grid .day.today { border: 1px solid var(--btn-default-color); }
.styled-datepicker .month-view .header { margin-bottom: 20px; padding: 0px; }
.styled-datepicker .month-view .day, .styled-datepicker .month-view .weekday { color: var(--text-color); font-size: 12.04px; height: 24px; width: 30px; }
.styled-datepicker .month-view .day.cur-day, .styled-datepicker .month-view .day.today, .styled-datepicker .month-view .weekday.cur-day, .styled-datepicker .month-view .weekday.today { border-radius: 4px; }
.styled-datepicker .month-view .day.disabled, .styled-datepicker .month-view .day:not(.cur-month) { color: var(--tertiary-text-three); pointer-events: none; }
.date-time-picker-container { display: flex; flex-direction: column; min-height: 405px; }
.date-time-picker-container .date-picker { flex: 1 1 0%; }
.date-time-picker-container .date-picker.styled-datepicker .month-view { box-shadow: none; }
.date-time-picker-container .time-input-item { display: flex; flex: 0 1 0%; justify-content: center; text-align: center; }
.date-time-picker-container .time-input-item .Dropdown, .date-time-picker-container .time-input-item input[type="text"] { display: inline-block; flex: 0 1 0%; margin: 0px 0.4rem; }
.date-time-picker-container .time-input-item .Dropdown .selected-option, .date-time-picker-container .time-input-item input[type="text"] .selected-option { border-color: var(--dropdown-border-color); }
.date-time-picker-container .time-input-item .Dropdown .dropdown-options-container, .date-time-picker-container .time-input-item .searchable-dropdown-input-container .dropdown-container, .date-time-picker-container .time-input-item input[type="text"] .dropdown-options-container { box-shadow: var(--dropdown-shadow-small); }
.date-time-picker-container .time-input-item input[type="text"] { border: 1px solid var(--border-color-default); height: 32px; width: 106px; }
.date-time-picker-container .time-input-item.time-error .Dropdown .selected-option, .date-time-picker-container .time-input-item.time-error input[type="text"] { border-color: var(--error-color); }
.date-time-picker-container .invalid-time-msg-item { color: var(--error-color); font-size: 12.04px; padding-top: 0.25rem; text-align: center; }
.date-time-picker-container .schedule-send-btn-item { flex: 0 1 0%; padding-top: 1rem; text-align: center; }
.date-time-picker-container .schedule-send-btn-item .schedule-send-btn { width: 195px; }
.date-time-picker-container .schedule-send-btn-item .scheduled-time { color: var(--tertiary-text-three); font-size: 12.04px; margin: 0.5rem 0.5rem 0.7rem; }
button.follow-up-reminder-btn { align-items: center; background-color: unset; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--text-color); cursor: pointer; display: flex; font-size: 14px; }
button.follow-up-reminder-btn .icon { color: var(--icon-secondary-color); }
button.follow-up-reminder-btn .icon.active { color: var(--reminder-color); }
button.follow-up-reminder-btn.enabled, button.follow-up-reminder-btn:hover { background-color: var(--icon-hover-state); }
.follow-up-reminder-popover-container { display: flex; flex-direction: column; margin-bottom: 0.5rem; position: relative; width: 282px; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item, .follow-up-reminder-popover-container .follow-up-reminder-popover-title { flex: 1 1 0%; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-title { font-size: 16px; font-weight: 600; padding: 1rem; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item { flex-grow: 0; line-height: 1.9em; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item > div { background-color: inherit; border: 0px; cursor: pointer; font-size: 14px; padding: 0.5rem 1rem; text-align: left; width: 100%; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item > div:hover { background-color: var(--dropdown-hover-color); }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item > div > img { margin-top: 0.2rem; transform: scale(0.8); }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item > div > span { display: inline-block; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item > div .icon { color: var(--icon-secondary-color); float: right; margin-top: -2px; transform: rotate(-90deg); vertical-align: middle; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-action-item.remove-reminder { border-top: 1px solid var(--dropdown-border-color); color: var(--error-color); }
.follow-up-reminder-popover-container.has-selection .follow-up-reminder-popover-title { margin-left: 20px; }
.follow-up-reminder-popover-container.has-selection .follow-up-reminder-popover-action-item.selected div { background-color: var(--dropdown-hover-color); }
.follow-up-reminder-popover-container.has-selection .follow-up-reminder-popover-action-item.selected div::before { background-image: var(--green-tick); content: ""; height: 20px; left: 10px; margin-top: 1.4px; position: absolute; width: 20px; }
.follow-up-reminder-popover-container.has-selection .follow-up-reminder-popover-action-item div span { margin-left: 20px; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-date-picker-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; bottom: -7px; box-shadow: var(--dropdown-shadow-one); position: absolute; right: -256px; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-date-picker-container.open-downwards { bottom: unset; top: 0px; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-date-picker-container.open-left { right: 282px; }
.follow-up-reminder-popover-container .follow-up-reminder-popover-date-picker-container .date-time-picker-container .time-input-item input[type="text"] { border: 1px solid var(--dropdown-border-color); border-radius: 4px; }
.spinner-container { align-items: center; display: flex; height: 269px; justify-content: center; width: 282px; }
.spinner-container > div { flex: 0 1 0%; }
.reminder-feature-blocking-popover-container { width: 320px; }
.reminder-feature-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px; }
.reminder-feature-blocking-popover-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.reminder-feature-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; }
.reminder-feature-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; justify-content: space-between; margin: 10px 0px 0px; }
.reminder-feature-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .shimmer { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; width: 50px; }
.reminder-feature-blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.reminder-feature-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); }
.ab-hook-paywall-container { display: flex; flex-direction: column; min-height: 200px; }
.ab-hook-paywall-container .header-container { background: var(--img-background); }
.ab-hook-paywall-container .header-container .booking-text { color: var(--white); font-size: 14px; font-weight: 600; left: 0px; margin-left: 18px; margin-top: 18px; position: absolute; top: 0px; }
.ab-hook-paywall-container .heading-container { align-items: baseline; display: flex; justify-content: center; }
.ab-hook-paywall-container .heading-container .header-text { font-size: 24px; font-weight: 600; margin-left: 6px; }
.ab-hook-paywall-container .paywall-description-container { align-items: baseline; display: flex; justify-content: center; }
.ab-hook-paywall-container .paywall-description-container .paywall-description { font-size: 20px; font-weight: 400; width: 320px; }
.ab-hook-paywall-container .ab-paywall-footer { margin: 24px; }
.list-loader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.error-container { display: flex; flex-direction: column; height: 223px; justify-content: space-between; width: 316px; }
.error-container .error-content { align-items: center; display: flex; flex-direction: column; height: 182px; justify-content: center; padding: 0px 30px; }
.error-container .error-content .btn-try-again { margin-top: 36px; }
.error-container .error-content span { max-height: 42px; max-width: 257px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.redirection-button-container { border-top: 1px solid var(--secondary-line-separator); height: 41px; }
.redirection-button-container .bookings-button { color: var(--link-color); display: flex; justify-content: flex-start; margin-top: 11px; width: 100%; }
.redirection-button-container .bookings-button .icon { cursor: pointer; margin-left: 14px; margin-top: 4px; }
.redirection-button-container .bookings-button span { cursor: pointer; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.introduction-popover { border-radius: 8px; height: 445px; width: 363px; }
.introduction-popover .popover-content-container { display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.introduction-popover .popover-content-container .actions-container { display: flex; justify-content: center; min-height: 60px; width: 100%; }
.introduction-popover .popover-content-container .actions-container .btn-styles { place-self: center; display: flex; min-height: 36px; }
.introduction-popover .close-icon { margin: 8px 8px 0px 0px; position: absolute; right: 0px; top: 0px; z-index: 2; }
.slider-container { color: var(--secondary-text); height: 100%; width: 100%; }
.slider-container, .slider-container .description-one-container { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.slider-container .description-one-container { height: 48px; margin-top: 24px; width: 190px; }
.slider-container .description-one-container .text-one-container { align-items: baseline; display: flex; height: 19px; justify-content: center; }
.slider-container .description-one-container .text-one-container .text-styles { color: var(--secondary-text-subtle); display: inline-block; font-size: 14px; font-weight: 500; margin-left: 4px; margin-right: 4px; max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slider-container .description-one-container .text-one-container .start-icon { height: 14px; width: 14px; }
.slider-container .description-one-container .text-two-container { align-items: center; display: flex; height: 26px; justify-content: center; margin-top: 4px; }
.slider-container .description-one-container .text-two-container .text-styles { display: inline-block; font-size: 22px; font-weight: 600; margin-left: 6px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slider-container .slider-img { height: 215px; margin-top: 12px; width: 295px; }
.slider-container .description-two-container { align-items: center; display: flex; justify-content: center; margin-top: 12px; text-align: center; }
.slider-container .description-two-container .text-styles { display: inline-block; font-size: 14px; font-weight: 400; margin-left: 61px; margin-right: 45px; max-height: 54px; max-width: 334px; overflow: hidden; text-align: center; text-overflow: ellipsis; }
.slider-container .description-two-container .text-styles b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-list-container { display: flex; flex-direction: column; height: 373px; justify-content: space-between; padding: 16px 0px 0px; width: 325px; }
.booking-list-container .list-content { overflow: hidden scroll; }
.booking-list-container .list-content .header-container { padding: 8px 16px 8px 20px; }
.booking-list-container .list-content .header-container .menu-title { align-items: center; color: var(--text-color); cursor: default; display: flex; font-size: 14px; font-weight: 600; overflow: hidden; text-transform: uppercase; width: 100%; }
.booking-list-container .list-content .no-service-container { color: var(--text-color); cursor: default; display: flex; height: 30px; justify-content: space-between; margin-bottom: 5px; margin-top: 5px; padding: 0px 6px 6px 46px; position: relative; width: 100%; }
.booking-list-container .list-content .no-service-container .no-service-text { color: var(--tertiary-text-three); font-size: 13.02px; font-weight: 400; }
.booking-list-container .list-content .content-container { width: 100%; }
.booking-list-container .list-content .content-container .item { color: var(--text-color); cursor: default; display: flex; height: 64px; justify-content: space-between; padding: 10px 15px 10px 40px; position: relative; width: 100%; }
.booking-list-container .list-content .content-container .item .link-container { display: flex; flex-direction: column; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-list-container .list-content .content-container .item .link-container .link-description { font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-list-container .list-content .content-container .item .link-container .link { color: var(--tertiary-text-three); font-size: 12.04px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-list-container .list-content .content-container .item .action-items { display: none; }
.booking-list-container .list-content .content-container .item .action-items button { height: 100%; line-height: normal; padding: 0px 3px; }
.booking-list-container .list-content .content-container .item .action-items button .icon { margin-right: 0px; vertical-align: middle; }
.booking-list-container .list-content .content-container .item .action-items .add-btn-styles { color: var(--ctm-brand-color,var(--add-btn-text)); }
.booking-list-container .list-content .content-container .item:hover { background-color: var(--secondary-hover-color); cursor: pointer; text-decoration: none; }
.booking-list-container .list-content .content-container .item:hover .action-items { align-self: center; display: flex; justify-content: center; width: 40px; }
.booking-list-container .list-content .content-container .item:active { color: var(--text-color); }
.booking-list-container .list-content .content-container .item-inactive { color: var(--inactive-link-text); cursor: default; display: flex; height: 64px; justify-content: space-between; padding: 10px 1px 10px 40px; position: relative; width: 100%; }
.booking-list-container .list-content .content-container .item-inactive .inactive-items-container { align-items: start; display: flex; flex-direction: column; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.booking-list-container .list-content .content-container .item-inactive .inactive-items-container .link-description { font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 198px; }
.booking-list-container .list-content .content-container .item-inactive .inactive-items-container .label { align-items: center; border: 1px solid var(--inactive-border-color); border-radius: 2px; color: var(--secondary-text-subtle); display: flex; font-size: 12px; font-weight: 500; height: 18px; margin-top: 4px; min-width: 58px; padding: 5px 6px; }
.booking-list-container .list-content .content-container .item-inactive .action-items { display: none; }
.booking-list-container .list-content .content-container .item-inactive .action-items button { height: 100%; line-height: normal; padding: 0px 3px; }
.booking-list-container .list-content .content-container .item-inactive .action-items button .icon { color: var(--ctm-brand-color,var(--add-btn-text)); margin-right: 0px; vertical-align: middle; }
.booking-list-container .list-content .content-container .item-inactive .action-items .icon { color: var(--ctm-brand-color,var(--add-btn-text)); margin-left: 4px; }
.booking-list-container .list-content .content-container .item-inactive .action-items .add-btn-styles { color: var(--ctm-brand-color,var(--add-btn-text)); }
.booking-list-container .list-content .content-container .item-inactive:hover { background-color: var(--secondary-hover-color); cursor: pointer; text-decoration: none; }
.booking-list-container .list-content .content-container .item-inactive:hover .action-items { align-items: center; display: flex; justify-content: center; width: 62px; }
.booking-list-container .beta-container { border-top: 1px solid var(--secondary-line-separator); margin-bottom: 8px; margin-left: 8px; margin-right: 8px; }
.booking-list-container .beta-container .beta-content { align-items: center; background: var(--bg-beta-paywall); border-radius: 4px; cursor: pointer; display: flex; height: 75px; justify-content: center; margin-top: 8px; text-overflow: clip; width: 100%; }
.booking-list-container .beta-container .beta-content .upgrade-icon { width: 10%; }
.booking-list-container .beta-container .beta-content .beta-text-container { display: flex; flex-direction: column; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; }
.booking-list-container .beta-container .beta-content .beta-text-container .beta-text { font-size: 14px; font-weight: 400; }
.booking-list-container .beta-container .beta-content .beta-text-container .upgrade-text { color: var(--beta-paywall-upgrade-text); font-size: 14px; font-weight: 400; }
.extra-button-styles { margin-bottom: -40px; }
.loading-container { align-items: center; display: flex; flex-direction: column; height: 184px; justify-content: center; width: 316px; }
.loading-container span { font-weight: 400; line-height: 21px; margin-bottom: 14px; width: 194px; }
.ab-nudge-popover { padding: 20px; width: 289px; }
.ab-nudge-popover, .ab-nudge-popover .text-container { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.ab-nudge-popover .text-container { margin-top: 16px; }
.ab-nudge-popover .text-container .header-text { font-size: 20px; font-weight: 400; text-align: center; }
.ab-nudge-popover .text-container .sub-header-text { font-size: 14px; margin-top: 8px; text-align: center; }
.ab-nudge-popover .buttons-container { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-top: 24px; }
.ab-nudge-popover .buttons-container .button-two { color: var(--tertiary-text-three); margin-top: 10px; text-align: center; }
.ab-nudge-popover .buttons-container .button-two:hover { cursor: pointer; }
.ab-nudge-popover .close-icon { margin: 8px 8px 0px 0px; position: absolute; right: 0px; top: 0px; z-index: 2; }
.composer-action-bar-content .campaign-btn-container { display: flex; }
.composer-action-bar-content .campaign-btn-container .btn-campaign { background: rgba(0, 0, 0, 0); cursor: pointer; font-weight: 400; height: 100%; margin-left: 8px; margin-right: 2px; padding: 0px 8px; }
.composer-action-bar-content .campaign-btn-container .btn-campaign > span { align-items: center; display: flex; }
.composer-action-bar-content .campaign-btn-container .btn-campaign svg { color: var(--icon-secondary-color); margin-right: 0px; }
.composer-action-bar-content .campaign-btn-container .btn-campaign.selected, .composer-action-bar-content .campaign-btn-container .btn-campaign:hover { background: var(--campaign-hover); }
.composer-action-bar-content .campaign-btn-container .btn-campaign.selected svg, .composer-action-bar-content .campaign-btn-container .btn-campaign:hover svg { color: var(--marketing-campaign-blue); }
.composer-action-bar-content .campaign-btn-container .btn-mail-merge { background: rgba(0, 0, 0, 0); cursor: pointer; margin-right: 2px; }
.composer-action-bar-wrap .composer-action-bar-content .btn-send.campaign { background-color: var(--marketing-campaign-blue); border: 1px solid var(--marketing-campaign-blue); border-radius: 4px; color: var(--primary-text); }
.composer-action-bar-wrap .composer-action-bar-content .btn-send.campaign.disabled { background-color: var(--btn-disabled); border: 1px solid var(--btn-disabled); color: var(--primary-disabled-text); pointer-events: none; }
.email-campaign-contextual-nudge-container { border-radius: 8px; width: 350px; }
.email-campaign-contextual-nudge-container .popover-header { background-color: var(--bg-color-titan-max); color: var(--tertiary-text-three); }
.email-campaign-contextual-nudge-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.email-campaign-contextual-nudge-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); font-size: 18.06px; line-height: 26px; padding: 24px; text-align: center; }
.email-campaign-contextual-nudge-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); font-size: 16px; margin-bottom: 16px; }
.email-campaign-contextual-nudge-container .popover-content-wrapper .footer-cta { min-width: 70px; }
.email-campaign-blocking-container { width: 320px; }
.email-campaign-blocking-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); }
.email-campaign-blocking-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.email-campaign-blocking-container .popover-header .paywall-image { padding-left: 40px; padding-top: 35px; }
.email-campaign-blocking-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 18.06px; line-height: 26px; padding: 24px; }
.email-campaign-blocking-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); }
.email-campaign-blocking-container .popover-content-wrapper .demo-btn-container { margin-top: 16px; }
.mail-merge-popover { border-radius: 4px; font-size: 14px; line-height: 1.43; padding: 8px 0px; }
.mail-merge-popover .header-container { align-items: center; display: flex; justify-content: space-between; padding: 8px 14px; }
.mail-merge-popover .header-container .menu-title { align-items: center; color: var(--text-color); cursor: default; display: flex; font-size: 14px; font-weight: 600; overflow: hidden; text-transform: uppercase; white-space: nowrap; width: 100%; }
.mail-merge-popover .header-container .mail-merge-learn-more .learn-more-link-span { color: var(--tertiary-text-three); margin-left: 20px; text-decoration: underline; white-space: nowrap; }
.mail-merge-popover .content-container { width: 100%; }
.mail-merge-popover .content-container .item { cursor: default; padding: 10px 6px 10px 20px; position: relative; width: 100%; }
.mail-merge-popover .content-container .item .menu-items { align-items: center; display: flex; height: 20px; justify-content: space-between; }
.mail-merge-popover .content-container .item .menu-items svg { color: var(--icon-secondary-color); margin-right: 6px; }
.mail-merge-popover .content-container .item .menu-items .content { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 20px); }
.mail-merge-popover .content-container .item:hover { background-color: var(--dropdown-hover-color); cursor: pointer; text-decoration: none; }
.mail-merge-popover .content-container .item:active { color: var(--text-color); }
.mail-merge-popover .demo-btn-container { align-items: start; border-top: 1px solid var(--border-color-default); display: flex; justify-content: start; padding: 10px 20px; }
.mail-merge-popover svg { vertical-align: middle; }
.mail-merge-popover .icon { color: var(--icon-secondary-color); }
.send-limit-warning-dialog .title { font-size: 20.02px; font-weight: 600; }
.send-limit-warning-dialog .description { margin-bottom: 14px; margin-top: 12px; }
.send-limit-warning-dialog .description a { margin-left: 3px; }
.send-limit-warning-dialog .highlighted-info { background: var(--highlight-info-background); border-radius: 4px; padding: 7px; }
.send-limit-warning-dialog .highlighted-info a { margin-left: 3px; }
.send-limit-warning-dialog .dont-show-again-container { align-items: center; display: flex; margin: 20px 0px 0px 5px; }
.send-limit-warning-dialog .dont-show-again-container > span { margin-left: 10px; }
.send-limit-warning-dialog .buttons { align-items: center; display: flex; font-weight: 400; justify-content: flex-end; margin-top: 28px; }
.send-limit-warning-dialog .buttons button { align-items: center; display: inline-flex; height: 32px; justify-content: center; }
.send-limit-warning-dialog .buttons .btn-outline { margin-left: 10px; }
.send-limit-warning-dialog .buttons .upgrade-hook-button { font-weight: 400; }
.send-limit-warning-dialog .buttons .renew-subscription { margin-left: 12px; }
.campaign_send_dialog_container .subtitle .learn-more-link-span { display: inline-block; }
.campaign_send_dialog_container .info-container .attention-icon { color: var(--priority-mustard); margin-right: 16px; vertical-align: middle; }
.campaign_send_dialog_container .info-container .bad-status { display: flex; font-weight: 500; text-transform: uppercase; }
.campaign_send_dialog_container .info-container .info-note { background-color: var(--input-uneditable); border-radius: 4px; display: flex; margin-top: 20px; padding: 10px; }
.campaign_send_dialog_container .info-container .info-note svg { margin-right: 5px; vertical-align: middle; }
.campaign_send_dialog_container .loader-container { align-items: center; display: flex; justify-content: center; }
.campaign_send_dialog_container .dont-show-again, .campaign_send_dialog_container .save_as_template_option { align-items: center; display: flex; }
.campaign_send_dialog_container .dont-show-again .checkbox-wrapper, .campaign_send_dialog_container .save_as_template_option .checkbox-wrapper { margin-right: 10px; }
.campaign_send_dialog_container .title { font-size: 16px; font-weight: 600; }
.campaign_send_dialog_container .subtitle { margin-bottom: 18px; margin-top: 10px; }
.campaign_send_dialog_container .input-container { align-items: center; display: flex; justify-content: space-between; margin-top: 20px; white-space: nowrap; }
.campaign_send_dialog_container .input-container input { height: 32px; margin-left: 16px; width: 350px; }
.campaign_send_dialog_container .buttons { display: flex; justify-content: flex-end; margin-top: 32px; }
.campaign_send_dialog_container .buttons .cancel-btn { margin-right: 12px; }
.tracked-attachments-area { display: block; }
.tracked-attachments-area .tracked-attachment-uploading-container { padding-left: 20px; padding-top: 20px; }
.tracked-attachments-area .file-attachment-item.file-upload-failed, .tracked-attachments-area .file-attachment-item.file-upload-progress { margin: 0px 8px 10px 0px; }
.tracked-attachments-area .tracked-attachment-file-container .tracked-attachment-file-actions { opacity: 0; }
.tracked-attachments-area .tracked-attachment-file-container:hover { background-color: var(--secondary-hover-color); }
.tracked-attachments-area .tracked-attachment-file-container:hover .tracked-attachment-file-actions { opacity: 1; }
.tracked-attachments-area .tracked-attachment-file-container:hover svg { background-color: var(--download-icon-bg); border-radius: 4px; color: var(--icon-secondary-color); margin-top: 5px; padding: 2px; }
.tracked-attachments-area .tracked-attachment-file-container:hover svg:hover { background-color: var(--download-icon-hover-bg); }
.campaign-banner-composer { align-items: center; background: var(--campaign-light-bg); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; margin: 10px auto 0px; padding: 8px 10px; position: relative; width: calc(100% - 44px); }
.campaign-banner-composer .campaign-icon { color: var(--marketing-campaign-blue); margin-right: 10px; }
.campaign-banner-composer svg { vertical-align: middle; }
.campaign-banner-composer .text-container { align-items: center; display: flex; justify-content: space-between; width: 90%; }
.campaign-banner-composer .text-container .text { width: 65%; }
.campaign-banner-composer .text-container .send-feedback-btn { border-left: 1px solid rgb(207, 202, 237); height: 24px; padding-left: 10px; }
.campaign-banner-composer .text-container .send-feedback-btn .feedback-btn { font-weight: 400; }
.campaign-banner-composer .dismiss-btn { cursor: pointer; position: absolute; right: 4px; top: 4px; }
.clear-banner-warning-dialog .title { font-size: 15.96px; font-weight: 500; }
.clear-banner-warning-dialog .description { display: flex; flex-direction: column; margin-bottom: 14px; margin-top: 12px; }
.clear-banner-warning-dialog .description .description-two { margin-top: 20px; }
.clear-banner-warning-dialog .buttons { display: flex; font-weight: 400; justify-content: flex-end; margin-top: 32px; }
.clear-banner-warning-dialog .buttons .btn-primary { margin-left: 20px; }
.learn-more-container { padding: 24px 44px 24px 24px; position: relative; width: 410px; }
.learn-more-container .learn-more-close { position: absolute; right: 12px; top: 12px; }
.learn-more-container .container-two { margin-top: 24px; }
.designer-banner-composer { align-items: center; background: var(--designer-banner-bg); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; margin: 10px auto 0px; padding: 8px 10px; position: relative; width: calc(100% - 44px); }
.designer-banner-composer .designer-banner-icon { color: var(--composer-icon-color); }
.designer-banner-composer .sparkle-icon { margin-left: 4px; padding-top: 2px; }
.designer-banner-composer .text-container { align-items: center; display: flex; justify-content: space-between; margin-left: 10px; width: 70%; }
.designer-banner-composer .text-container .text .learn-more-txt { margin-left: 5px; }
.designer-banner-composer .btn-container { align-items: center; display: flex; justify-content: end; width: 30%; }
.designer-banner-composer .btn-container .edit-btn .edit-pencil-icon { margin-right: 4px; }
.designer-banner-composer .btn-container .cancel-btn .cancel-icon { margin: -3px 3px; }
.inline-smart-write-blocking-popover-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); width: 390px; }
.inline-smart-write-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--white); font-weight: 600; }
.inline-smart-write-blocking-popover-container .popover-header .popover-title { padding: 12px 12px 0px; position: relative; width: 100%; z-index: 2; }
.inline-smart-write-blocking-popover-container .popover-header .popover-title .inline-summary-paywall-close { position: absolute; right: 6px; top: 6px; }
.inline-smart-write-blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 0px 0px 4px 4px; }
.inline-smart-write-blocking-popover-container .popover-content-wrapper .popover-content { font-size: 20px; padding: 20px 24px 0px; }
.inline-smart-write-blocking-popover-container .popover-content-wrapper .popover-footer { align-items: center; display: flex; justify-content: center; margin: auto; padding-bottom: 20px; width: 272px; }
.inline-smart-write-blocking-popover-container .popover-content-wrapper .popover-footer .titan-max-action-container .titan-max-btn { margin-top: 16px; }
body.theme-light { --nudge-illustration-color: #c8cbff; --nudge-improve-card-border-color: #8680ff; --nudge-improve-card-bg: #22233a; --nudge-improve-card-shadow: 0 0 10.621px 0 #3333; --nudge-selected-box-bg: rgba(155,150,255,.258); --nudge-static-element-bg: #353857; }
body.theme-dark { --nudge-illustration-color: #fff; --nudge-improve-card-border-color: #595959; --nudge-improve-card-bg: #252525; --nudge-improve-card-shadow: 0 0 10.621px 0 #3333; --nudge-selected-box-bg: #bababa4f; --nudge-static-element-bg: #434343; }
.nudge-illustration { display: flex; justify-content: center; margin-top: 28px; padding: 0px 24px 32px; }
.nudge-illustration .illustration-composer { color: var(--nudge-illustration-color); min-height: 110px; overflow: hidden; position: relative; width: 100%; }
.nudge-illustration .illustration-composer .greeting-anchor { position: relative; }
.nudge-illustration .illustration-composer .composer-greeting { color: inherit; font-size: 12px; font-weight: 400; line-height: 1.4; margin: 0px; }
.nudge-illustration .illustration-composer .composer-improve-card { align-items: center; background: var(--nudge-improve-card-bg); border: .85px solid var(--nudge-improve-card-border-color); border-radius: 0px 8px 8px; box-shadow: var(--nudge-improve-card-shadow); color: rgb(255, 255, 255); display: inline-flex; font-size: 15px; font-weight: 500; gap: 8px; line-height: 1.3; padding: 8px 12px; position: absolute; right: 0px; top: calc(100% + 29px); white-space: nowrap; z-index: 1; }
.nudge-illustration .illustration-composer .composer-improve-card svg { color: rgb(155, 150, 255); flex-shrink: 0; height: 21px; width: 21px; }
.nudge-illustration .illustration-composer .composer-selected-row { align-items: center; display: flex; margin-top: 5px; }
.nudge-illustration .illustration-composer .composer-selected-row .composer-selected-box { align-items: center; background-color: var(--nudge-selected-box-bg); display: flex; flex: 1 1 0%; height: 21px; min-width: 0px; overflow: hidden; padding: 0px 5px; }
.nudge-illustration .illustration-composer .composer-selected-row .composer-selected-box .composer-selected-text { color: inherit; font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nudge-illustration .illustration-composer .composer-selected-row .selected-row-badge { background-color: var(--nudge-static-element-bg); border-radius: 4px; flex-shrink: 0; height: 8px; margin: 0px 14px; width: 38px; }
.nudge-illustration .illustration-composer .composer-skeleton-lines { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.nudge-illustration .illustration-composer .composer-skeleton-lines .skeleton-row { display: flex; gap: 6px; }
.nudge-illustration .illustration-composer .composer-skeleton-lines .skeleton-row .skeleton-pill { background-color: var(--nudge-static-element-bg); border-radius: 4px; flex-shrink: 0; height: 8px; }
.nudge-illustration .illustration-composer .composer-skeleton-lines .skeleton-row .skeleton-pill-flex { flex: 1 1 0%; }
body.theme-light { --improve-writing-btn-bg: #fff; --improve-writing-btn-color: var(--text-color); --improve-writing-btn-icon-color: #4b56ba; }
body.theme-dark { --improve-writing-btn-bg: var(--bg-sidebar); --improve-writing-btn-color: var(--primary-text); --improve-writing-btn-icon-color: #7c86e6; }
.improve-writing-btn.improve-writing-btn { align-items: center; background: var(--improve-writing-btn-bg); border-radius: 8px; box-shadow: rgba(51, 51, 51, 0.2) 0px 0px 10px 0px; color: var(--improve-writing-btn-color); cursor: pointer; display: inline-flex; font-weight: 500; gap: 6px; height: auto; padding: 6px 8px 6px 6px; top: 3px; white-space: nowrap; z-index: 1000; border: 1px solid rgba(0, 0, 0, 0) !important; }
.improve-writing-btn.improve-writing-btn.align-left { border-top-left-radius: 0px; }
.improve-writing-btn.improve-writing-btn.align-right { border-top-right-radius: 0px; }
.improve-writing-btn.improve-writing-btn svg { color: var(--improve-writing-btn-icon-color); }
.improve-writing-btn.improve-writing-btn:active, .improve-writing-btn.improve-writing-btn:focus, .improve-writing-btn.improve-writing-btn:hover { box-shadow: rgba(51, 51, 51, 0.2) 0px 0px 10px 0px; color: var(--improve-writing-btn-color); background: var(--improve-writing-btn-bg) !important; border: 1px solid rgba(0, 0, 0, 0) !important; }
.improve-writing-btn.improve-writing-btn:hover span { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.improve-writing-error-state { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 187px; padding: 0px 12px; text-align: center; }
.improve-writing-error-state .error-icon { margin-bottom: 20px; }
.improve-writing-error-state .error-message { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 1.5; }
.improve-writing-error-state .error-action { color: var(--ctm-brand-color,var(--link-color)); cursor: pointer; font-size: 14px; font-weight: 500; height: 21px; margin-top: 8px; padding: 0px; }
.improve-writing-error-state .error-action:hover { color: var(--ctm-brand-color,var(--link-color)) !important; }
body.theme-light { --header-bg: #f0f2fa; --iw-settings-btn-hover-bg: #4b56ba1f; --iw-close-btn-hover-bg: #dcdff2; --popover-bg: #fff; --feedback-btn-hover-color: #f0f0f0; }
body.theme-dark { --header-bg: #313741; --iw-settings-btn-hover-bg: #3d434c; --iw-close-btn-hover-bg: #3d434c; --popover-bg: #272727; --feedback-btn-hover-color: #383838; }
body.theme-light .improve-writing-popover { --chip-unselected-background: #f2f2f2; --chip-hover-background: #e7e7e7; --chip-hover-text: #333; }
body.theme-dark .improve-writing-popover { --chip-unselected-background: #3d3d3d; --chip-hover-background: #4d4d4d; }
@keyframes skeleton-loading { 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
.improve-writing-popover { background-color: var(--popover-bg); border-radius: 8px; box-shadow: rgba(51, 51, 51, 0.2) 0px 10px 14px -1px; overflow: hidden; width: 563px; z-index: 1000; }
.improve-writing-popover .popover-header { align-items: center; background-color: var(--header-bg); display: flex; justify-content: space-between; padding: 12px 16px; }
.improve-writing-popover .popover-header .header-left { align-items: center; display: flex; gap: 8px; }
.improve-writing-popover .popover-header .header-left .header-title { color: var(--text-color); font-size: 15px; font-weight: 500; }
.improve-writing-popover .popover-header .header-actions { align-items: center; display: flex; gap: 4px; }
.improve-writing-popover .popover-header .header-actions .button-container { height: 24px; width: 24px; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.close-btn, .improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn { align-items: center; border-radius: 4px; color: var(--tertiary-text-three); display: inline-flex; justify-content: center; line-height: 1; padding: 0px; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.close-btn span, .improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn span { align-items: center; display: flex; height: 24px; justify-content: center; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn { height: 100%; width: 100%; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn span { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn span svg { height: 20px; width: 20px; }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.settings-btn:hover { background-color: var(--iw-settings-btn-hover-bg); }
.improve-writing-popover .popover-header .header-actions .btn-naked-primary.close-btn:hover { background-color: var(--iw-close-btn-hover-bg); }
.improve-writing-popover .popover-body { background-color: var(--popover-bg); padding: 16px 16px 16px 18px; }
.improve-writing-popover .popover-body .suggestion-area { background-color: var(--popover-bg); border: 1px solid var(--secondary-line-separator); border-radius: 6px; color: var(--text-color); display: flex; flex-direction: column; font-size: 14px; gap: 8px; justify-content: space-between; line-height: 1.5; margin-bottom: 12px; max-height: 200px; min-height: 200px; padding: 12px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-text-wrapper { display: flex; flex: 1 1 0%; min-height: 0px; position: relative; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-text { flex: 1 1 0%; min-height: 0px; overflow-y: scroll; padding-right: 8px; scrollbar-width: none; white-space: pre-wrap; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-text::-webkit-scrollbar { display: none; }
.improve-writing-popover .popover-body .suggestion-area .custom-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 3px; bottom: 0px; pointer-events: none; position: absolute; right: 0px; top: 0px; width: 5px; }
.improve-writing-popover .popover-body .suggestion-area .custom-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 3px; left: 0px; position: absolute; right: 0px; transition: background 0.15s; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer { align-items: center; display: flex; flex-shrink: 0; justify-content: space-between; margin-top: 4px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons { align-items: center; display: flex; gap: 2px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .thumbs-down-anchor { display: inline-flex; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .button-container { height: 32px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn > span { align-items: center; display: flex; justify-content: center; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn:hover { background-color: var(--feedback-btn-hover-color); color: var(--tertiary-text-three); }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn.is-selected { color: var(--link-color); }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn.is-selected:hover { background-color: initial; color: var(--link-color); }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .feedback-buttons .feedback-btn svg { height: 28px; width: 28px; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .replace-btn { background-color: var(--ctm-brand-color,var(--header-underline)); border-color: var(--ctm-brand-color,var(--header-underline)); box-shadow: none; cursor: pointer; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .replace-btn:hover { background-color: var(--ctm-brand-color,var(--header-underline)); border-color: var(--ctm-brand-color,var(--header-underline)); opacity: 0.9; }
.improve-writing-popover .popover-body .suggestion-area .suggestion-footer .replace-btn:disabled, .improve-writing-popover .popover-body .suggestion-area .suggestion-footer .replace-btn[disabled] { opacity: 1; pointer-events: none; background-color: var(--btn-disabled) !important; border: 1px solid var(--btn-disabled) !important; color: var(--primary-disabled-text) !important; }
.improve-writing-popover .popover-body .skeleton-container { display: flex; gap: 8px; padding: 0px; }
.improve-writing-popover .popover-body .skeleton-container .skeleton-strips { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.improve-writing-popover .popover-body .skeleton-container .skeleton-strips .strip { animation: 1.4s ease 0s infinite normal none running skeleton-loading; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; border-radius: 13px; height: 8px; }
.improve-writing-popover .popover-body .skeleton-container .skeleton-strips .strip1 { width: 95%; }
.improve-writing-popover .popover-body .skeleton-container .skeleton-strips .strip2 { width: 80%; }
.improve-writing-popover .popover-body .chips-row { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px; }
.improve-writing-popover .popover-body .chips-row .tone-chips { display: flex; flex: 1 1 0%; flex-wrap: wrap; gap: 6px; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip-group { display: flex; flex-wrap: wrap; gap: 6px; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip-group + .chip-group { margin-left: 22px; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 16px; cursor: pointer; font-size: 14px; margin-inline-end: 0px; margin: 0px; padding: 4px 12px; transition: 0.2s; background: var(--chip-unselected-background) !important; color: var(--chip-unselected-text) !important; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip:hover { background: var(--chip-hover-background) !important; color: var(--chip-hover-text) !important; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip.selected { cursor: pointer; }
.improve-writing-popover .popover-body .chips-row .tone-chips .chip.selected, .improve-writing-popover .popover-body .chips-row .tone-chips .chip.selected:hover { background: var(--chip-selected-background) !important; color: var(--chip-selected-text) !important; }
.improve-writing-popover .popover-body .chips-row .tone-chips.disabled .chip, .improve-writing-popover .popover-body .chips-row .tone-chips.disabled .chip.selected, .improve-writing-popover .popover-body .chips-row .tone-chips.disabled .chip.selected:hover, .improve-writing-popover .popover-body .chips-row .tone-chips.disabled .chip:hover { cursor: not-allowed; background: var(--chip-hover-background) !important; color: var(--chip-hover-text) !important; }
.improve-writing-popover .popover-body .chips-row .retry-btn { color: var(--ctm-brand-color,var(--header-underline)); cursor: pointer; flex-shrink: 0; }
.improve-writing-popover .popover-body .chips-row .retry-btn:hover { background-color: rgb(241, 246, 255); color: var(--ctm-brand-color,var(--header-underline)); }
.improve-writing-popover .popover-body .chips-row .retry-btn:disabled, .improve-writing-popover .popover-body .chips-row .retry-btn[disabled] { background-color: initial; color: var(--tertiary-text-three); cursor: not-allowed; }
.improve-writing-popover .popover-body .chips-row .retry-btn:disabled:hover, .improve-writing-popover .popover-body .chips-row .retry-btn[disabled]:hover { background-color: initial !important; }
.improve-writing-popover .popover-body .chips-row .retry-btn svg { height: 20px; width: 20px; }
.improve-writing-popover .popover-body .chips-row .retry-btn .nike-antd-btn-icon { align-items: center; display: flex; justify-content: center; }
body.theme-dark .improve-writing-popover .popover-body .chips-row .retry-btn svg { color: rgb(109, 164, 255); }
body.theme-dark .improve-writing-popover .popover-body .chips-row .retry-btn:hover { background-color: rgba(66, 82, 101, 0.64); }
body.theme-dark .improve-writing-popover .popover-body .chips-row .retry-btn:disabled:hover, body.theme-dark .improve-writing-popover .popover-body .chips-row .retry-btn[disabled]:hover { background-color: initial !important; }
body.theme-dark .improve-writing-popover .popover-body .suggestion-area .custom-scrollbar-track { background: rgba(255, 255, 255, 0.12); }
body.theme-dark .improve-writing-popover .popover-body .suggestion-area .custom-scrollbar-thumb { background: rgba(255, 255, 255, 0.35); }
.improve-writing-feedback-popover .nike-antd-popover-arrow::before { background: var(--bg-modal) !important; }
.improve-writing-feedback-popover .nike-antd-popover-inner { border-radius: 8px; box-shadow: var(--iw-feedback-popover-shadow); padding: 0px; }
.improve-writing-feedback-popover .nike-antd-popover-inner-content { padding: 0px; }
body.theme-light .improve-writing-feedback-popover { --iw-feedback-popover-shadow: 0 10px 14px -1px #3333; }
body.theme-dark .improve-writing-feedback-popover { --iw-feedback-popover-shadow: 0 0 14px -1px #0000004d; }
.menu-item-right-small-padding { padding-right: 5px !important; }
.menu-list-container { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px -1px; position: fixed; z-index: 1000; }
.dropzone-cover { align-items: center; border: 2px dashed var(--link-color); border-radius: 10px; inset: 0px; display: flex; flex-direction: column; justify-content: center; margin: 10px; opacity: 0.9; position: absolute; user-select: none; z-index: 1; }
.greeting-autocomplete-chip { align-items: center; background: var(--bg-primary-color); border: 1px solid var(--border-color-subtle); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px; color: var(--text-color); display: inline-flex; font-size: 13.02px; gap: 8px; line-height: 16px; padding: 4px 4px 4px 10px; pointer-events: none; position: fixed; white-space: nowrap; z-index: 10000; }
.greeting-autocomplete-chip .name { font-weight: 500; }
.greeting-autocomplete-chip kbd { align-items: center; background: var(--hover-color); border: 1px solid var(--border-color-subtle); border-radius: 3px; color: var(--text-color-very-subtle); display: inline-flex; font-family: inherit; font-size: 12.04px; height: 18px; justify-content: center; line-height: 1; padding: 0px 5px; }
.flyout .composer-header .content-container { border-radius: 4px; max-height: 305px; overflow: initial; }
.flyout .composer-header .content-container .token-item-container { border-radius: 4px; max-height: 252px; overflow: auto; }
.composer-header { position: relative; }
.composer-header .key-commands-region { height: auto; }
.composer-header .content-container { max-height: 130px; }
.composer-header .composer-header-actions { align-items: center; cursor: default; display: flex; float: right; padding-right: 21px; padding-top: 12px; position: relative; z-index: 1; }
.composer-header .composer-header-actions .action { color: var(--tertiary-text-three); cursor: pointer; font-size: 13.02px; padding: 0px 6px; }
.composer-header .composer-header-actions .action:first-child { padding-left: 14px; }
.composer-header .composer-header-actions .action:last-child { padding-right: 0px; }
.composer-header .composer-header-actions .action:hover { color: var(--link-color); cursor: default; }
.composer-header .composer-header-actions .action.draft-sync-state:hover { color: var(--tertiary-text-three); cursor: default !important; }
.composer-header .composer-from-field { align-items: center; color: var(--tertiary-text-three); display: flex; float: left; padding-top: 13px; }
.composer-header .composer-from-field .email-address { color: var(--text-color); margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-header .composer-from-field .from-list-dropdown { margin-left: 5px; max-width: 100%; padding-top: 0px; vertical-align: middle; }
.composer-header .composer-subject.subject-field { flex-shrink: 0; margin: 0px; position: relative; }
.composer-header .composer-subject.subject-field::after { background-color: var(--secondary-line-separator); bottom: 0px; content: " "; height: 1px; left: 23px; position: absolute; width: calc(100% - 44px); }
.composer-header .composer-subject.subject-field input { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: inline-block; height: 44px; margin: 0px; min-width: 5em; padding: 11px 24px; }
.composer-header .composer-subject.subject-field input:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; }
.composer-header input, .composer-header textarea { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color); display: block; position: relative; resize: none; width: 100%; }
.feature-items-container { display: flex; flex-shrink: 0; margin: 0px; padding: 8px 24px; position: relative; }
.feature-items-container::after { background-color: var(--secondary-line-separator); bottom: 0px; content: " "; height: 1px; left: 23px; position: absolute; width: calc(100% - 44px); }
.feature-items-container .btn-reminder, .feature-items-container .btn-smart-write { padding: 0px 8px 0px 4px; }
.composer-participant-field { color: var(--text-color); flex-shrink: 0; margin: 0px; min-height: 44px; position: relative; }
.composer-participant-field .composer-header-actions { padding-right: 0px; }
.composer-participant-field .tokenizing-field { background: rgba(0, 0, 0, 0); }
.composer-participant-field .tokenizing-field .tokenizing-field-label { color: var(--tertiary-text-three); margin-right: 6px; }
.composer-participant-field .tokenizing-field .tokenizing-field-input { margin-left: 0px; max-height: 106px; overflow: auto; }
.composer-participant-field .tokenizing-field .token { background: none; border: 1px solid var(--secondary-line-separator); border-radius: 25px; box-shadow: none; color: var(--text-color); margin: 0px 5px 5px 0px; overflow: hidden; padding: 0px 12px; vertical-align: top; }
.composer-participant-field .tokenizing-field .token:hover { background: var(--icon-hover-state); border-color: var(--secondary-line-separator); box-shadow: none; }
.composer-participant-field .tokenizing-field .token.invalid, .composer-participant-field .tokenizing-field .token.invalid:hover { border-color: var(--error-color); }
.composer-participant-field .tokenizing-field .token.invalid.selected { background: var(--error-color); }
.composer-participant-field .tokenizing-field .token.selected { background: var(--icon-hover-state); color: var(--text-color); }
.composer-participant-field .tokenizing-field .btn-remove-token { cursor: pointer; float: right; margin-bottom: 1px; margin-right: -10px; opacity: 0.8; padding-left: 2px; }
.composer-participant-field .tokenizing-field .btn-remove-token svg { vertical-align: middle; }
.composer-participant-field .tokenizing-field .participant { align-items: center; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-participant-field .tokenizing-field .participant .participant-primary { font-weight: 500; }
.composer-participant-field .tokenizing-field .participant .participant-text { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.composer-participant-field .tokenizing-field .participant .participant-secondary { color: var(--tertiary-text-three); }
.composer-participant-field .header-container { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.composer-participant-field::after { background-color: var(--secondary-line-separator); bottom: 0px; content: " "; height: 1px; left: 23px; position: absolute; width: calc(100% - 44px); }
.composer-participant-field.from-field { padding: 0px 24px; }
.composer-participant-field .button-dropdown { margin-left: 10px; padding-top: 11px; vertical-align: -webkit-baseline-middle; }
.composer-participant-field .button-dropdown .only-item, .composer-participant-field .button-dropdown .primary-item { line-height: 2em; }
.composer-participant-field .button-dropdown .secondary-items, .composer-participant-field .button-dropdown:hover .only-item, .composer-participant-field .button-dropdown:hover .primary-item { border-radius: 4px; }
.composer-participant-field .button-dropdown .item .contact.is-alias { border-left: 2px solid var(--secondary-line-separator); font-style: italic; margin-left: 2px; padding-left: 10px; }
.composer-header .composer-participant-field .tokenizing-field-wrap { padding: 0px 24px; }
.composer-header .composer-participant-field .content-container { background-color: var(--bg-dropdown-color); margin-left: 24px; width: calc(100% - 48px); }
.composer-header .composer-participant-field .content-container .recipient-content-footer { align-items: center; background-color: var(--bg-small-dropdowns); border-top: 1px solid var(--secondary-line-separator); display: flex; font-size: 13px; padding: 6px 0px; }
.composer-header .composer-participant-field .content-container .recipient-content-footer svg { color: rgb(23, 170, 229); min-height: 24px; min-width: 24px; }
.composer-header .composer-participant-field .content-container .recipient-content-footer span { font-weight: 600; }
.composer-header .composer-participant-field .content-container .recipient-content-footer div { display: inline-block; }
.composer-header .composer-participant-field .content-container .import-contact-banner { align-items: center; background-color: var(--import-contact-banner-background); border-radius: 4px; bottom: 0px; cursor: pointer; display: flex; font-size: 13px; padding: 8px 12px 8px 8px; position: sticky; }
.composer-header .composer-participant-field .content-container .import-contact-banner .icon-container { color: var(--composer-template-icon-hover); height: 24px; margin-right: 4px; }
.composer-header .composer-participant-field .content-container .import-contact-banner svg { min-height: 24px; min-width: 24px; }
.composer-header .composer-participant-field .content-container .import-contact-banner span { font-weight: 600; }
.composer-header .composer-participant-field .content-container .import-contact-banner .action { color: var(--composer-template-icon-hover); text-decoration: underline; }
.composer-header .composer-participant-field .content-container .import-contact-banner div { display: inline-block; }
.composer-header .composer-participant-field .button-dropdown .content-container { margin-left: 0px; width: 100%; }
.hidden-button-overflow-menu .contact-list-composer-button { width: 100%; }
.hidden-button-overflow-menu .contact-list-composer-button .btn { gap: 4px; padding: 8px 6px; width: 100%; }
.hidden-button-overflow-menu .email-designer-container, .hidden-button-overflow-menu .invoice-builder-btn-container { padding: 8px 0px; }
.hidden-button-overflow-menu .email-designer-container button, .hidden-button-overflow-menu .invoice-builder-btn-container button { gap: 4px; width: 100%; }
.hidden-button-overflow-menu .email-templates-btn-wrapper, .hidden-button-overflow-menu .smart-write-btn-wrapper { width: 100%; }
.hidden-button-overflow-menu .btn.btn-smart-write, .hidden-button-overflow-menu .btn.btn-template { gap: 4px; padding: 8px 0px 8px 4px; width: 100%; }
.hidden-button-overflow-menu .btn.btn-contact:hover, .hidden-button-overflow-menu .btn.btn-smart-write:hover, .hidden-button-overflow-menu .btn.btn-template:hover, .hidden-button-overflow-menu .email-designer-container:hover, .hidden-button-overflow-menu .invoice-builder-btn-container:hover { background: none; }
.collapsed-composer-participants { border-bottom: 1px solid var(--secondary-line-separator); color: var(--tertiary-text-three); flex-shrink: 0; margin: 0px 24px; min-height: 44px; padding: 11px 0px 7px; position: relative; }
.collapsed-composer-participants .collapsed-contact { color: var(--text-color); display: inline-block; max-width: 250px; overflow: hidden; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; }
.collapsed-composer-participants .collapsed-contact::after { content: ","; }
.collapsed-composer-participants .collapsed-contact:last-child::after { content: ""; }
.collapsed-composer-participants .num-remaining-wrap { align-items: center; background: rgba(0, 0, 0, 0); border: 1px solid var(--border-color-default); border-radius: 4px; display: inline-flex; font-size: 12.04px; height: 24px; padding: 4px 8px; position: relative; top: -6px; }
.collapsed-composer-participants .num-remaining-wrap:hover { background: var(--icon-hover-state); cursor: pointer; }
.collapsed-composer-participants .num-remaining-wrap .num-remaining { color: var(--text-color); }
.collapsed-composer-participants .collapsed-contact-container.fromEnabled { width: calc(100% - 58px); }
.collapsed-composer-participants .collapsed-contact-container.subjectEnabled { width: 100%; }
.collapsed-composer-participants .collapsed-contact-container.inline { width: calc(100% - 148px); }
.collapsed-composer-participants .collapsed-contact-container.inline.fromEnabled { width: calc(100% - 58px); }
.collapsed-composer-participants .collapsed-contact-container.inline.fromEnabled.subjectEnabled { width: 100%; }
.collapsed-composer-participants .collapsed-contact-container.inline.subjectEnabled { width: calc(100% - 90px); }
.reply-from-titan-popover { padding: 24px; width: 320px; }
.reply-from-titan-popover .title { font-size: 15.96px; font-weight: 600; margin-top: 16px; }
.reply-from-titan-popover .description { font-size: 12.04px; margin-bottom: 24px; margin-top: 12px; }
.send-as-alias-outer { display: flex; }
.send-as-alias-outer .send-as-alias-blocking-popover-container { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px; margin-top: -45%; width: 333px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .head-cross { display: flex; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .head-cross .dismiss-btn { font-size: 12.04px; margin-right: -20px; margin-top: -20px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .head-cross .header-title { color: var(--feature-container-color); flex-grow: 10; font-size: 15.96px; font-weight: 600; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; justify-content: space-between; margin: 10px 0px 0px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .text { color: rgb(255, 255, 255); margin-top: -19%; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .sub-texts { color: var(--tertiary-text-three); display: flex; flex-direction: column; text-align: end; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .sub-texts .st { margin-bottom: 6px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .shimmers { display: flex; flex-direction: column; margin-right: 12%; margin-top: 5%; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .shimmers .shimmer { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; margin-bottom: 14px; width: 130px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-content-wrapper { background-color: var(--email-alias-block-nudge-bg); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.send-as-alias-outer .send-as-alias-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); white-space: normal; }
.send-as-alias-outer .triangle { background: var(--bg-color-titan-max); clip-path: polygon(0px 100%, 50% 0px, 100% 100%); height: 10px; margin-top: -22px; width: 25px; }
.send-as-alias-outer .triangle.left { margin-left: -8px; margin-right: -5px; transform: rotate(90deg); }
.send-as-alias-outer .triangle.right { left: -350px; position: relative; transform: rotate(-90deg); }
.from-list-dropdown.button-dropdown { cursor: pointer; }
.from-list-dropdown.button-dropdown .only-item { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; display: flex; font-size: 14px; padding: 0px 0px 0px 5px; }
.from-list-dropdown.button-dropdown .only-item span { max-width: 93%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.from-list-dropdown.button-dropdown .only-item:hover { background: var(--secondary-hover-color); border-radius: 4px; }
.from-list-dropdown.button-dropdown .only-item .icon-arrow { align-self: flex-end; color: var(--icon-secondary-color); display: flex; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container { max-height: 195px; max-width: 464px; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container .item { padding: unset; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container .item .titan-max-wrapper { display: block; width: 100%; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container .item .titan-max-wrapper:focus { background-color: var(--dropdown-hover-color); }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container .item .alias { margin: 7px 20px 4px 7px; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .content-container .email-alias-item { position: static; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .footer-container { background-color: var(--secondary-hover-color); color: var(--link-color); display: block; font-size: 12.04px; line-height: 14px; margin-top: 4px; padding: 7px 12px; text-align: right; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .footer-container .manage-alias { cursor: pointer; font-size: 12.04px; font-weight: 500; line-height: 14px; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .footer-container:empty { display: none; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item { color: var(--text-color); overflow: unset; padding: 7px 12px; text-overflow: ellipsis; white-space: nowrap; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item.selected { background: none; display: flex; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item.selected:hover { background: var(--secondary-hover-color); }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item.selected::after { background-image: var(--check-mark); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 20px; margin: 5px 6px; vertical-align: top; width: 20px; }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item:focus { background: var(--secondary-hover-color); }
.from-list-dropdown.button-dropdown .send-as-menu.menu .item .alias { display: inline-block; line-height: normal; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quoted-text-control { border: 1px solid var(--line-seprator-color); border-radius: 4px; color: var(--icon-secondary-color); display: inline-block; font-size: 12.04px; font-weight: 600; line-height: 10px; padding: 2px 5px 0px; }
.quoted-text-control:hover { border: 1px solid var(--secondary-line-separator); color: var(--text-color); cursor: pointer; }
.quoted-text-control .dots { display: inline-block; font-size: 9.632px; position: relative; top: -1px; }
.btn-schedule { color: var(--tertiary-text-three); cursor: pointer; overflow: hidden; padding: 6px 10px; text-overflow: ellipsis; white-space: nowrap; }
.btn-schedule svg { margin-right: 5px; vertical-align: middle; }
.btn-schedule .send-later-txt { color: var(--text-color); }
.schedule-send-blocking-popover-container { width: 350px; }
.schedule-send-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 24px; }
.schedule-send-blocking-popover-container .popover-header .dismiss-btn { font-size: 12.04px; position: absolute; right: 9px; top: 12px; }
.schedule-send-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-size: 16px; font-weight: 600; }
.schedule-send-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder { align-items: center; display: flex; justify-content: space-between; margin: 10px 0px 0px; }
.schedule-send-blocking-popover-container .popover-header .action-item-placeholders .item-placeholder .shimmer { background: var(--titan-max-shimmer); border-radius: 8px; height: 11px; width: 50px; }
.schedule-send-blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.schedule-send-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); }
.schedule-send-date-picker-container { padding: 20px; }
.schedule-send-date-picker-container .heading { align-items: center; display: flex; font-size: 15.96px; font-weight: 600; margin: 10px 0px; }
.schedule-send-date-picker-container .heading span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 177px; }
.schedule-send-date-picker-container .heading svg { vertical-align: middle; }
.schedule-send-date-picker-container .heading .nav-left { cursor: pointer; margin-right: 10px; }
.schedule-send-date-picker-container .date-time-picker-container .time-input-item { margin-top: 10px; }
.schedule-send-date-picker-container .date-time-picker-container .time-input-item input[type="text"] { border: 1px solid var(--dropdown-border-color); border-radius: 4px; }
.schedule-send-container { background-color: inherit; display: flex; flex-direction: column; margin-bottom: 0.5rem; padding: 20px; position: relative; width: 282px; }
.schedule-send-container .schedule-send-action-item, .schedule-send-container .schedule-send-title { flex: 1 1 0%; }
.schedule-send-container .schedule-send-title { font-size: 18.06px; font-weight: 600; margin-bottom: 12px; padding: 0px 1rem; }
.schedule-send-container .schedule-send-title .schedue-send-timezone { color: var(--tertiary-text-three); font-size: 12.04px; font-weight: 400; }
.schedule-send-container .schedule-send-title .schedule-send-desc { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; line-height: normal; margin-bottom: 5px; padding-top: 8px; }
.schedule-send-container .schedule-send-action-item { flex-grow: 0; }
.schedule-send-container .schedule-send-action-item > div { align-items: center; background-color: inherit; border: 0px; cursor: pointer; display: flex; justify-content: space-between; line-height: 1.9em; padding: 0.5rem; text-align: left; width: 100%; }
.schedule-send-container .schedule-send-action-item > div:hover { background-color: var(--dropdown-hover-color); }
.schedule-send-container .schedule-send-action-item > div > span { display: inline-block; }
.schedule-send-container .schedule-send-action-item > div .float-right { color: var(--tertiary-text-three); float: right; font-size: 12.04px; line-height: 2; }
.schedule-send-container .schedule-send-action-item > div .icon { height: 20px; margin-top: 2px; width: 20px; }
.schedule-send-container .schedule-send-action-item .with-checkbox { align-items: start; display: flex; }
.schedule-send-container .schedule-send-action-item .with-checkbox .checkbox { margin-right: 8px; margin-top: 2px; }
.schedule-send-container .schedule-send-action-item small { color: var(--tertiary-text-three); font-size: 12.04px; line-height: normal; }
.schedule-send-container .separator { background-color: var(--secondary-line-separator); display: block; height: 1px; margin: 10px 0px; }
.schedule-send-container .checkbox { align-items: center; display: flex; }
.schedule-send-container .checkbox input[type="checkbox"] { opacity: 0; position: absolute; width: 1px; }
.schedule-send-container .checkbox.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.schedule-send-container .checkbox.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.pref-import-contact-wrapper { padding: 0px; }
.pref-import-contact-wrapper a { text-decoration: none; }
.pref-import-contact-wrapper .import-contact-btn { margin-top: 24px; }
.pref-import-contact-wrapper .file-upload-failed { display: flex; margin-top: 8px; }
.pref-import-contact-wrapper .file-upload-failed .error { margin-top: 0px; }
.pref-import-contact-wrapper .bg-color { background-color: var(--bg-secondary-modal); }
.pref-import-contact-wrapper__title { font-size: 15.96px; font-weight: 600; padding-bottom: 24px; }
.pref-import-contact-wrapper .file-upload-progress { margin-left: 16px; }
.pref-import-contact-wrapper .link { color: var(--link-color); }
.pref-import-contact-wrapper .csv-upload-wrapper { align-items: center; display: flex; justify-content: flex-start; margin-top: 16px; }
.pref-import-contact-wrapper .gmail-box { align-items: center; display: flex; justify-content: space-between; margin-top: 24px; }
.pref-import-contact-wrapper .google-contact__progress { align-items: center; display: flex; gap: 12px; }
.pref-import-contact-wrapper__box { border: 1px solid var(--border-color-default); border-radius: 4px; margin-bottom: 16px; padding: 16px; width: 775px; }
.pref-import-contact-wrapper__box a { color: var(--link-color); }
.pref-import-contact-wrapper__box img { margin-right: 16px; }
.pref-import-contact-wrapper .csv-container-text { align-items: flex-start; display: flex; flex-direction: column; margin-left: 5px; }
.pref-import-contact-wrapper .csv-box { align-items: center; display: flex; justify-content: space-between; }
.pref-import-contact-wrapper .csv-box .csv-logo { height: 32px; margin-left: 5px; width: 32px; }
.pref-import-contact-wrapper__csv-wrapper { align-items: center; display: flex; justify-content: space-between; }
.pref-import-contact-wrapper i { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 3px 3px 0px; display: inline-block; height: 3px; padding: 3px; }
.pref-import-contact-wrapper__down-arrow { color: var(--icon-secondary-color); margin-top: 8px; }
.pref-import-contact-wrapper__up-arrow { color: var(--icon-secondary-color); margin-bottom: 8px; transform: rotate(180deg); }
.pref-import-contact-wrapper__up-arrow:hover { cursor: pointer; }
.pref-import-contact-wrapper .csv-box__content { display: flex; flex-direction: column; margin-left: 48px; margin-top: 16px; }
.pref-import-contact-wrapper .csv-box__desc { color: var(--tertiary-text-three); font-size: 14px; line-height: 1.43; }
.pref-import-contact-wrapper .csv-box__desc a { text-decoration: underline; }
.pref-import-contact-wrapper .import-contact__attachment-item { margin: 0px; }
.pref-import-contact-wrapper .import-contact__attachment-item .inner { border: 1px solid var(--secondary-line-separator); }
.pref-import-contact-wrapper .import-contact__attachment-item:hover .inner { background-color: var(--secondary-hover-color); }
.pref-import-contact-wrapper .file-uploaded-text { color: var(--file-uploaded-text,--read-receipts); margin-top: 8px; }
.pref-import-contact-wrapper .error { color: var(--error-color); margin-top: 8px; }
.pref-import-contact-wrapper .google-contact__loader { margin-left: 16px; }
.import-contact-error .dialog-title { font-size: 18px; }
.import-contact-error .incorrect-file-format-error { padding-right: 15px; }
.create-alias-container { padding: 4px; width: 775px; }
.create-alias-container .heading { color: var(--text-color); font-size: 15px; font-weight: 700; line-height: 20px; }
.create-alias-container .create-alias-subheading { color: var(--text-color); font-size: 15.96px; font-weight: 600; letter-spacing: -0.0933334px; line-height: 20px; margin-bottom: 20px; padding: 8px 0px; }
.create-alias-container label { display: block; font-weight: 700; margin-bottom: 5px; margin-top: 20px; }
.create-alias-container .email-container { display: flex; height: 38px; }
.create-alias-container .email-container .alias-email-input { border-radius: 4px 0px 0px 4px; padding-left: 10px; width: 175px; }
.create-alias-container .email-container .email-domain { align-items: center; background-color: var(--bg-modal-active-item); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: 0px 3px 3px 0px; display: flex; max-width: 300px; min-width: 175px; padding: 10px; }
.create-alias-container .display-name-input { height: 38px; padding-left: 10px; width: 350px; }
.create-alias-container .button-container { display: block; margin: 32px 0px; }
.create-alias-container .create-alias-info { background: var(--yellow-banner); border-radius: 4px; color: var(--text-color); display: flex; padding: 8px 12px; }
.create-alias-container .create-alias-info .info-icon { flex-shrink: 0; margin: 4px 10px 0px 0px; }
.create-alias-container .link-span { color: var(--link-color); text-decoration: none; }
.create-alias-container .error-msg { color: var(--error-color); font-size: 12.04px; }
.dock { bottom: 0px; display: flex; flex: 1 1 0%; justify-content: flex-end; left: 0px; pointer-events: none; position: absolute; right: 0px; z-index: 31; }
.dock:has(.composer-flyout.open.expand) { z-index: 32; }
.dock .dock-inner-wrap { display: flex; padding: 10px 10px 0px; }
.pwa-install-banner { align-items: center; background-color: var(--bg-notification-bar); color: var(--notification-color); display: flex; font-weight: 600; gap: 12px; justify-content: center; line-height: 1.43; padding: 10px 16px; position: relative; }
.pwa-install-banner .click-area { all: unset; }
.pwa-install-banner .install-btn { background-color: unset; border: 1px solid var(--notification-color); border-radius: 4px; color: var(--notification-color); margin-left: 16px; padding: 2px 9.5px; }
.pwa-install-banner .install-btn:hover { cursor: pointer; }
.pwa-install-banner .close-icon { position: absolute; right: 16px; top: 10px; }
.pwa-install-banner .close-icon:hover { cursor: pointer; }
.pwa-install-banner .banner-desktop-buttons { flex-shrink: 0; width: auto; }
.pwa-install-banner .banner-desktop-buttons .download-desktop-btn { background: rgba(0, 0, 0, 0); border-color: var(--notification-color); color: var(--notification-color); flex: 0 0 auto; font-weight: 400; padding: 2px 9.5px; width: auto; }
.pwa-install-banner .banner-desktop-buttons .download-desktop-btn:hover { cursor: pointer; }
.pwa-install-banner .banner-desktop-buttons .download-desktop-btn svg use { color: var(--notification-color); }
.email-alias-container .heading { color: var(--text-color); font-size: 15px; font-weight: 700; line-height: 20px; }
.email-alias-container .divider { margin-top: 2%; opacity: 0.3; }
.email-alias-container .sender-alias-info { color: var(--text-color); font-size: 15.96px; font-weight: 600; letter-spacing: -0.0933334px; line-height: 20px; margin-top: 2%; padding: 8px 0px; }
.email-alias-container .sender-alias-info .icon-container .info-icon { margin-bottom: -2px; margin-left: 3px; }
.email-alias-container .sender-alias-info .icon-container .info-icon:hover { background-color: var(--hover-color); cursor: pointer; }
.email-alias-container .sender-list-container { width: 755px; }
.email-alias-container .send-as-info { bottom: 0px; max-width: 775px; position: sticky; }
.alias-info-wrapper { background: var(--download-hook-bg); border-radius: 4px; color: var(--text-color); display: flex; margin-top: 4%; padding: 8px 10px; }
.alias-info-wrapper .icon-container .info-icon { margin: 4px 10px 0px 0px; }
.alias-premium-feature { background: var(--bg-secondary-modal); border: 1px solid var(--block-banner-border); border-radius: 4px; display: flex; margin-left: -2%; margin-top: 3%; padding: 2% 2% 4%; }
.alias-premium-feature .alias-premium-feature-info { display: flex; flex-direction: column; max-width: 75%; }
.alias-premium-feature .alias-premium-feature-info .header { display: flex; flex-direction: column; }
.alias-premium-feature .alias-premium-feature-info .header .main-header { font-size: 15.96px; font-weight: 600; }
.alias-premium-feature .alias-premium-feature-info .header .sub-header { font-size: 14px; font-weight: 400; }
.alias-premium-feature .alias-premium-feature-info .checkpoints { display: flex; flex-direction: column; margin-top: 5%; }
.alias-premium-feature .alias-premium-feature-info .checkpoints .checkpoint-list { list-style: none; }
.alias-premium-feature .alias-premium-feature-info .checkpoints .checkpoint-list .email_private { display: flex; }
.alias-premium-feature .alias-premium-feature-info .checkpoints .checkpoint-list .email_private .icon svg { color: var(--tick-mark); }
.alias-premium-feature .alias-premium-feature-info .checkpoints .checkpoint-list .multiple_hats { display: flex; }
.alias-premium-feature .alias-premium-feature-info .checkpoints .checkpoint-list .multiple_hats .icon svg { color: var(--tick-mark); }
.alias-premium-feature .alias-premium-feature-info .upgrade-btn { margin-top: 5%; }
.alias-premium-feature .alias-premium-feature-info .upgrade-btn .upgrade-hook-button { font-weight: 400; }
.email-sender-item { box-sizing: border-box; padding: 16px 0px; position: relative; }
.email-sender-item.expanded { background: var(--bg-modal-active-item); }
.email-sender-item .sender-header { display: flex; justify-content: space-between; }
.email-sender-item .sender-header .sender-title { color: var(--text-color); display: flex; flex-grow: 2; font-size: 14px; letter-spacing: -0.0933334px; line-height: 20px; overflow: hidden; }
.email-sender-item .sender-header .sender-title .title { max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-sender-item .sender-header .sender-title .title.hasDefault { max-width: 420px; }
.email-sender-item .sender-header .sender-title .default { color: var(--tertiary-text-three); }
.email-sender-item .sender-header .action-items { display: flex; }
.email-sender-item .sender-header .action-items.hidden { visibility: hidden; }
.email-sender-item .sender-header .action-items .btn { font-weight: 600; min-width: 40px; padding: 0px; }
.email-sender-item .sender-header .action-items .btn.invisible { visibility: hidden; }
.email-sender-item .sender-header .action-items .btn:focus { box-shadow: none; }
.email-sender-item .sender-header .action-items .btn.mr-left { margin-left: 10px; }
.email-sender-item::after { background: var(--line-seprator-color); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 100%; }
.email-sender-item .edit-wrapper { padding: 18px 16px 0px; }
.email-sender-item .edit-wrapper.hide-alert { padding-left: 6px; }
.email-sender-item .edit-wrapper .edit-header { color: var(--text-color); font-size: 14px; font-weight: 700; letter-spacing: -0.0933334px; line-height: 20px; margin-bottom: 15px; }
.email-sender-item .edit-wrapper .display-name-editor { align-items: center; display: flex; }
.email-sender-item .edit-wrapper .display-name-editor .display-name-input { box-sizing: border-box; height: 32px; margin-right: 12px; padding: 6px 12px; width: 180px; }
.email-sender-item .edit-wrapper .default-sender-confirmation { align-items: center; color: var(--tertiary-text-three); display: flex; line-height: 22px; padding: 9px 0px; }
.email-sender-item .edit-wrapper .action .btn-cancel { margin-left: 12px; }
.email-sender-item .edit-wrapper .error-msg { color: var(--error-color); line-height: 18px; margin-top: 14px; }
.email-sender-item .edit-wrapper .hide-confirmation { color: var(--tertiary-text-three); font-size: 14px; letter-spacing: -0.0933334px; line-height: 20px; margin-bottom: 12px; }
.email-reputation-banner { align-items: center; background-color: var(--closable-storage-banner-bg); color: var(--text-color); display: flex; height: 48px; justify-content: center; position: relative; }
.email-reputation-banner .improve_cta { background-color: initial; border: 1px solid var(--text-color); border-radius: 4px; cursor: pointer; font-weight: 600; margin-left: 12px; max-height: 35px; max-width: 20%; overflow: hidden; padding: 6px 16px; text-overflow: ellipsis; white-space: nowrap; }
.email-reputation-banner .icon { margin-right: 5px; margin-top: 1px; }
.email-reputation-banner .icon.warning-icon { color: var(--attention-icon); }
.email-reputation-banner .activate-desc { font-weight: 700; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-reputation-banner .close-btn.close-btn { background-color: var(--email-rep-close-btn-bg); position: absolute; right: 12px; top: 12px; }
.email-reputation-banner .close-btn.close-btn:hover { background-color: var(--email-rep-close-btn-bg-hover); }
.email-reputation-banner .close-btn.close-btn svg path { fill: var(--email-rep-close-btn-icon-fill); }
.email-reputation-modal-container { border-radius: 5px; height: 100%; overflow: hidden; width: 100%; }
.email-reputation-modal-container .image-body { background: var(--email-reputation-image-bg-color); display: flex; flex-direction: column; height: 191px; justify-content: flex-end; }
.email-reputation-modal-container .image-body img { display: block; margin: 0px auto; }
.email-reputation-modal-container .body-wrapper { align-items: center; background: var(--bg-paywall-text); display: flex; flex-direction: column; padding: 32px 38px 26px; }
.email-reputation-modal-container .body-wrapper .title { font-size: 23.94px; font-weight: 600; line-height: 30px; text-align: center; }
.email-reputation-modal-container .body-wrapper .title .poor { background: var(--email-reputation-bg-color); border-radius: 4px; color: var(--email-reputation-color); margin-left: 8px; padding: 2px 9px; }
.email-reputation-modal-container .body-wrapper .description { font-size: 18.06px; font-weight: 400; line-height: 21px; margin-top: 22px; text-align: center; width: 95%; }
.email-reputation-modal-container .body-wrapper button { line-height: 20px; margin-top: 44px; min-height: 40px; text-transform: capitalize; width: 320px; }
.email-reputation-modal-container .body-wrapper .learn-more { font-size: 15.96px; margin-top: 9px; }
.email-reputation-modal-container .body-wrapper .learn-more svg { margin-top: 5px; }
.event-wrapper { background-color: initial; border: 1px solid var(--border-color-default); border-radius: 4px; box-shadow: var(--event-wrapper-shadow); color: var(--text-color); display: flex; margin: 15px 0px 10px; overflow: hidden; }
.event-wrapper a { color: var(--link-color); cursor: pointer; text-decoration: none; }
.event-wrapper .txt-meta { color: var(--tertiary-text-three); }
.event-wrapper .event-date-card { background-color: var(--bg-modal); border-right: 1px solid var(--border-color-default); padding: 12px; }
.event-wrapper .calendar-box { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--secondary-shadow); font-weight: 600; overflow: hidden; padding-bottom: 3px; text-align: center; width: 70px; }
.event-wrapper .calendar-box > span { display: block; }
.event-wrapper .calendar-box .c-month { background-color: var(--btn-default-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); font-size: 12.04px; padding: 4px 0px; }
.event-wrapper .calendar-box .c-date { font-size: 23.94px; line-height: 38px; }
.event-wrapper .calendar-box .c-day { color: var(--tertiary-text-three); font-size: 10.5px; }
.event-wrapper .event-body { padding: 15px; }
.event-wrapper .event-body p { margin: 6px 0px; }
.event-wrapper .event-title { font-size: 20.02px; font-weight: 700; margin: 0px; }
.event-wrapper .event-itinerary { margin-top: 15px; width: 100%; }
.event-wrapper .event-itinerary .row { display: flex; margin-bottom: 6px; }
.event-wrapper .event-itinerary span.key { color: var(--tertiary-text-three); flex-shrink: 0; font-weight: 400; width: 70px; }
.event-wrapper .event-itinerary span > span { display: block; margin-top: 6px; }
.event-wrapper .event-itinerary .event-participants > span { display: inline; margin-top: 0px; }
.event-wrapper .event-actions { margin-top: 20px; }
.event-wrapper .event-actions .button-container:not(:first-child) { margin-left: 8px; }
.support-modal-scroll-region { display: flex; flex-grow: 1; }
.support-modal { padding: 40px; width: 100%; }
.support-modal .modal-title { font-size: 20.02px; font-weight: 600; margin: 0px 0px 10px; text-align: center; }
.support-option { display: flex; font-size: 14px; padding: 18px 0px; }
.support-option.open .info { cursor: default; }
.support-option .info { color: var(--text-color); cursor: pointer; display: block; flex: 1 1 0%; text-decoration: none; }
.support-option .info > * { display: block; }
.support-option .info .title { font-weight: 600; }
.support-option .info.cursor-default { cursor: default; }
.support-option .icon { height: 36px; margin-right: 16px; margin-top: 3px; width: 36px; }
.support-option .title { color: var(--text-color); }
.support-option .desc { color: var(--tertiary-text-three); }
.support-option-container { border-bottom: 1px solid var(--modal-line-separator); overflow: hidden; position: relative; }
.support-option-container.open, .support-option-container:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.support-option-container .support-option-child { transition: height 0.5s ease-out; }
.support-option-container .support-option-child.raise-ticket { height: 265px; }
.support-option-container .support-option-child.collapsed { height: 0px; overflow: hidden; }
.raise-request-form { margin-bottom: 15px; position: relative; }
.raise-request-form .send-loader { margin-right: 8px; }
.raise-request-form .error { color: var(--error-color); font-size: 12.04px; padding: 0px 5px; }
.raise-request-form .request-form-container { border: 1px solid var(--signature-border); border-radius: 4px; }
.raise-request-form.has-error .describe-query-wrapper { height: 196px; }
.raise-request-form .describe-query-wrapper { background-color: var(--bg-editor); display: flex; flex-direction: column; height: 200px; justify-content: space-between; overflow: auto; position: relative; width: 100%; }
.raise-request-form .describe-query-wrapper.focussed { border: 1px solid var(--link-color); }
.raise-request-form .describe-query-wrapper .describe-query { flex-shrink: 0; min-height: 120px; padding: 16px; white-space: normal; }
.raise-request-form .describe-query-wrapper .describe-query[contenteditable="plaintext-only"]:empty::before, .raise-request-form .describe-query-wrapper .describe-query[contenteditable="true"]:empty::before { color: var(--tertiary-text-three); content: attr(placeholder); pointer-events: none; }
.raise-request-form .describe-query-wrapper .attachments-container { display: flex; flex-wrap: wrap; }
.raise-request-form .dropzone-cover { background: var(--bg-editor); height: 180px; }
.raise-request-form .action-bar { align-items: center; background-color: var(--bg-bug-modal-footer); border-radius: 0px 0px 4px 4px; border-top: 1px solid var(--border-color-default); display: flex; font-size: 14px; height: 48px; justify-content: flex-end; padding: 8px 8px 8px 16px; width: 100%; }
.raise-request-form .action-bar .info { color: var(--tertiary-text-three); flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.raise-request-form .action-bar .info.info-error { color: var(--error-color); }
.raise-request-form .action-bar .info .info-icon { margin-right: 8px; }
.raise-request-form .action-bar .info .info-icon .feedback-icon-success { color: var(--tertiary-text-three); position: relative; top: 3px; }
.raise-request-form .action-bar .attachment-btn { align-items: center; display: flex; justify-content: center; padding-left: 4px; padding-right: 8px; }
.raise-request-form .action-bar .attachment-btn:focus { box-shadow: none; }
.raise-request-form .action-bar .attachment-btn .attachment-icon { position: relative; top: 7px; }
.raise-request-form .action-bar .attachment-btn .attach-files { line-height: 42px; }
.raise-request-form .action-bar .submit-btn { font-size: 14px; }
.raise-request-form .action-bar .submit-btn img { margin-right: 5px; }
.request-received { box-shadow: var(--modal-shadow); flex-grow: 1; text-align: center; }
.request-received .top-div { padding: 40px 32px; }
.request-received .top-div .request-success-img { max-width: 250px; transform: scale(1); }
.request-received .top-div .request-success-title { font-size: 20.02px; font-weight: 600; margin: 8px 0px; }
.request-received .top-div .request-success-subtitle { color: var(--secondary-text-subtle); }
.request-received .bottom-div { background-color: var(--bg-bug-modal-footer); border-top: 1px solid var(--modal-line-separator); display: flex; padding-bottom: 24px; }
.request-received .bottom-div .help-title { padding: 25px 0px 20px; }
.request-received .visit-help-center { flex-basis: 0px; flex-grow: 1; padding: 0px 25px; }
button.btn.button-feedback { align-items: center; border-radius: 4px; color: var(--icon-secondary-color); cursor: pointer; display: flex; height: 40px; justify-content: center; min-width: 40px; padding: 6px 8px; }
button.btn.button-feedback:hover { background-color: var(--hover-color); color: var(--icon-secondary-color); }
button.btn.button-feedback .button-feedback-icon { display: block; }
.filters-list-container h6 { font-weight: 500; }
.filters-list-container .empty-container { align-items: center; display: flex; flex-direction: column; height: 400px; justify-content: center; padding-top: 20%; }
.filters-list-container .empty-msg { color: var(--tertiary-text-three); margin-top: 25px; }
.filters-list-container .clickable { color: var(--link-color); cursor: pointer; font-weight: 500; }
.new-rule { border-radius: 4px; font-weight: 600; margin-bottom: 35px; padding: 12px; }
.rule-item { border-top: 1px solid var(--border-color-default); height: 50px; line-height: 50px; }
.rule-item .left-aligned { flex-grow: 1; }
.rule-item .left-aligned .toggle-switch { margin-left: 6px; }
.rule-item .right-aligned .btn { background: none; box-shadow: none; min-width: 34px; padding: 5px; }
.rule-item .right-aligned .btn:hover { background-color: var(--hover-color); }
.rule-item .right-aligned img { margin: 0px 3px; }
.rule-item .right-aligned .switch { margin-left: 12px; }
.switch { align-items: center; display: flex; font-size: 0.59em; margin-bottom: 1em; margin-top: 1em; position: relative; }
.switch__label { color: var(--tertiary-text-three); margin-left: 1em; margin-right: 1em; }
.switch__item { border-radius: 2em; box-shadow: 0 .2em .5em -.2em var(--tertiary-text-three); cursor: pointer; display: block; margin-top: -1em; position: relative; width: 7em; }
.switch__checkbox { opacity: 0; position: absolute; }
.switch__bar { background-color: rgba(0, 0, 0, 0.25); border-radius: 2em; padding: 0.2em; transition-property: background-color; transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 100%; }
.switch__bar, .switch__bar::after { display: block; transition-duration: 0.3s; }
.switch__bar::after { background-color: var(--error-color); border-radius: 50%; content: ""; height: 3em; position: relative; transition-property: background-color, transform; transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 3em; }
.switch__checkbox:checked + .switch__bar::after { transform: translateX(3.5em); transition-duration: 0.2s; }
.switch__checkbox:checked + .switch__bar { background-color: var(--btn-default-color); }
.summary-container .label { font-weight: 500; }
.fail-msg { line-height: 27px; }
.fail-msg span { color: var(--btn-default-color); cursor: pointer; }
.filter-rule-container { height: 470px; overflow-y: auto; padding-left: 36px; padding-top: 27px; position: relative; }
.filter-rule-container .form-fields-container { height: 100%; }
.filter-rule-container .conditions-dynamic-form-container { background: var(--bg-modal-active-item); border-radius: 4px; width: 705px; }
.filter-rule-container .conditions-dynamic-form-container > div:first-child { padding-top: 4px; }
.filter-rule-container .rule-name { background: var(--bg-modal-active-item); border-radius: 4px; margin: 0px; padding: 8px; width: 705px; }
.filter-rule-container .rule-name .rule-name-input { height: 32px; padding-left: 8px; width: 530px; }
.filter-rule-container .conditions-container { padding-top: 32px; }
.filter-rule-container .conditions-container:last-of-type { margin-bottom: 16px; }
.filter-rule-container .sub-head { font-size: 14px; font-weight: 600; letter-spacing: -0.1px; margin-bottom: 8px; margin-top: 0px; }
.filter-rule-container .rule-name-input-head { margin-top: 4px; }
.filter-rule-container .form-row-container { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 4px; padding-bottom: 4px; }
.filter-rule-container .form-row-container .composer-participant-field { background-color: var(--input-bg); min-height: auto; width: 320px; }
.filter-rule-container .form-row-container .composer-participant-field .category-picker-popover .content-container { max-height: 160px; }
.filter-rule-container .form-row-container .composer-participant-field .tokenizing-field-input { margin-left: 0px; padding: 3px 0px 0px 5px; width: 320px; }
.filter-rule-container .form-row-container .composer-participant-field .tokenizing-field-input .token { padding-left: 9px; }
.filter-rule-container .form-row-container .composer-participant-field .tokenizing-field-wrap { padding: 0px; width: 320px; }
.filter-rule-container .form-row-container .composer-participant-field::after { content: none; }
.filter-rule-container .form-row-container .text-field { height: 32px; }
.filter-rule-container .form-row-container .button-dropdown { margin-right: 12px; }
.filter-rule-container .form-row-container .button-dropdown .only-item, .filter-rule-container .form-row-container .button-dropdown .primary-item { align-items: center; display: flex; height: 32px; justify-content: space-between; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 180px; }
.filter-rule-container .form-row-container .button-dropdown .only-item .text, .filter-rule-container .form-row-container .button-dropdown .primary-item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filter-rule-container .form-row-container .button-dropdown .only-item.on-focus:focus, .filter-rule-container .form-row-container .button-dropdown .primary-item.on-focus:focus { border-color: var(--link-color); }
.filter-rule-container .form-row-container .button-dropdown .menu .item { font-size: 12.04px; margin: 2px 0px; width: 180px; }
.filter-rule-container .form-row-container .button-dropdown .menu .item .text { cursor: pointer; font-size: 14px; margin: 2px 0px; width: 159px; }
.filter-rule-container .form-row-container .button-dropdown .menu .item.checked { color: var(--btn-disabled); pointer-events: none; }
.filter-rule-container .form-row-container .button-dropdown .menu .item.checked:hover { background: initial; }
.filter-rule-container .form-row-container .button-dropdown .menu .item.checked .text { cursor: auto; }
.filter-rule-container .form-row-container .button-dropdown .menu .item.selected:hover { background-color: var(--dropdown-hover-color); }
.filter-rule-container .form-row-container .actions { align-items: center; display: flex; justify-content: center; margin-left: -12px; margin-right: 2px; margin-top: 2px; }
.filter-rule-container .form-row-container .actions .btn { background: none; box-shadow: none; margin-top: 4px; min-width: 28px; padding: 1px; }
.filter-rule-container .form-row-container .actions .btn:hover { background-color: var(--bg-primary-color); }
.filter-rule-container .form-control-actions { display: flex; justify-content: space-between; padding: 24px 24px 4px 0px; }
.filter-rule-container .form-control-actions .right-aligned-actions { display: flex; }
.filter-rule-container .form-control-actions .blue-outline-btn { margin-right: 12px; min-width: 90px; }
.filter-rule-container .form-control-actions .btn-fit-content { min-width: 90px; }
.filter-rule-container .form-control-actions .icon { display: inline-block; margin-left: -13px; margin-right: 8px; transform: rotate(180deg); vertical-align: middle; }
.filter-rule-container .tokenizing-field-input { margin-left: 0px; padding-left: 5px; padding-top: 0px; }
.filter-rule-container .tokenizing-field-input .placeholder { margin-left: -8px; padding-left: 5px; }
.filter-rule-container .tokenizing-field-input .token { margin-bottom: 2px; margin-left: 2px; }
.filter-rule-container .tokenizing-field-input .btn-remove-token { margin-top: 0px; }
.filter-rule-container .tokenizing-field-input .btn-remove-token svg { height: 20px; width: 20px; }
.filter-rule-container .clickable { color: var(--link-color); cursor: pointer; display: inline-block; padding: 8px; }
.filter-rule-container .form-fields { align-items: flex-start; display: flex; padding: 4px 8px; }
.filter-rule-container .form-fields .email-domain-dropdown { background: var(--bg-dropdown); border-radius: 4px; color: var(--tertiary-text-three); max-height: 224px; position: unset; width: 125px; }
.filter-rule-container .form-fields .email-domain-dropdown .only-item { background: var(--bg-dropdown); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; justify-content: space-between; padding-left: 0.8em; padding-right: 0px; width: 125px; }
.filter-rule-container .form-fields .email-domain-dropdown .only-item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95px; }
.filter-rule-container .form-fields .email-domain-dropdown .only-item .icon { height: 24px; margin-left: 0px; width: 24px; }
.filter-rule-container .form-fields .email-domain-dropdown .secondary-items { left: unset; position: fixed; right: unset; width: 125px; }
.filter-rule-container .form-fields .email-domain-dropdown .secondary-items .menu .item:hover { color: var(--text-color); }
.filter-rule-container .form-fields .email-domain-dropdown .secondary-items .menu .content-container { overflow: hidden; width: 125px; }
.filter-rule-container .form-fields .email-domain-dropdown .secondary-items .menu .content-container .token-item-container .item .text { white-space: break-spaces; width: 95px; }
.filter-rule-container .text-field { border: 1px solid var(--border-color-default); padding-left: 8px; }
.filter-rule-container .composer-participant-field, .filter-rule-container .text-field { margin-right: 12px; width: 320px; }
.filter-rule-container .folder-select-container { margin-right: 12px; position: relative; }
.filter-rule-container .folder-select-container .category-picker-popover .header-container { border: 1px solid var(--border-color-default); border-radius: 4px; margin-bottom: 1.5px; padding: 0px; position: absolute; width: 250px; }
.filter-rule-container .folder-select-container .category-picker-popover .header-container input { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 32px; padding: 0px 0.8em; }
.filter-rule-container .folder-select-container .category-picker-popover .menu { border-radius: 0px; bottom: 0px; box-shadow: var(--dropdown-shadow-small); margin-top: 2.5em; max-height: 250px; overflow: auto; position: absolute; width: 250px; }
.filter-rule-container .folder-select-container .category-display-name, .filter-rule-container .folder-select-container .dropdown-like-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filter-rule-container .config-item { display: flex; margin-bottom: 20px; margin-left: 4px; margin-top: 35px; }
.filter-rule-container .config-item .checkbox { align-items: center; display: flex; }
.filter-rule-container .config-item .checkbox input[type="checkbox"] { opacity: 0; position: absolute; width: 1px; }
.filter-rule-container .config-item .checkbox.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.filter-rule-container .config-item .checkbox.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.dropdown-like-button { align-items: center; background: var(--input-bg); border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; height: 32px; justify-content: space-between; padding: 0px 7px; width: 220px; }
.dropdown-like-button .placeholder-text { color: var(--tertiary-text-three); }
.dropdown-like-button .icon { color: var(--icon-secondary-color); margin-left: 6px; vertical-align: middle; }
.rule-horizontal-divider { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin: 0px; width: 100%; }
.error-msg-wrapper .composer-participant-field, .error-msg-wrapper .only-item, .error-msg-wrapper .selected-folder, .error-msg-wrapper .selected-label, .error-msg-wrapper .text-field { border-color: var(--error-color); }
.error-msg-wrapper .rule-name-input { border: 1px solid var(--error-color); }
.error-msg-wrapper p { margin-bottom: 0px; padding-bottom: 0px; overflow-wrap: break-word; }
.filters-list-container { padding-right: 16px; }
.filters-list-container .sub-heading { font-size: 15.96px; font-weight: 600; }
.filters-list-container .new-rule { font-size: 14px; font-weight: 600; margin-bottom: 24px; padding-left: 16px; padding-right: 16px; }
.filters-list-container .rules-list-container h6 { color: var(--secondary-text); font-size: 14px; font-weight: 400; margin-bottom: 16px; margin-top: 24px; }
.filters-list-container .rules-list-container .summary-container { margin-left: 16px; padding-bottom: 16px; }
.filters-list-container .rules-list-container .rule-item { border-color: var(--modal-line-separator); }
.filters-list-container .rules-list-container .rule-item .left-aligned { margin-left: 16px; }
.filters-list-container .rules-list-container .rule-item .right-aligned { margin-right: 16px; }
.filters-list-container .rules-list-container > div:last-child { border-bottom: 1px solid var(--modal-line-separator); }
.form-control-actions { display: flex; margin: 10px 0px 10px 36px; }
.form-control-actions .icon { display: inline-block; margin-left: -13px; margin-right: 8px; transform: rotate(180deg); vertical-align: middle; }
.form-control-actions .discard-btn { margin-left: 20px; }
.email-domain-dropdown .button-dropdown .only-item { align-items: center; display: flex; height: 32px; justify-content: space-between; padding-right: 4px; width: 94px; }
.email-domain-dropdown .button-dropdown .only-item, .email-domain-dropdown .button-dropdown .only-item .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-domain-dropdown .button-dropdown .only-item.on-focus:focus { border-color: var(--link-color); }
.emails-select-input { border: 1px solid var(--border-color-default); border-radius: 4px; height: auto; min-height: 32px; width: 350px; }
.emails-select-input::after { content: none; }
.emails-select-input .tokenizing-field-wrap { padding: 0px; }
.emails-select-input .tokenizing-field-label { display: none; }
.emails-select-input .tokenizing-field-input { margin-left: 5px; padding: 3px 0px 0px; }
.emails-select-input .tokenizing-field-input .participant-primary { line-height: 24px; }
.emails-select-input .tokenizing-field-input .btn-remove-token { height: 22px; margin-top: 2px; }
.emails-select-input .tokenizing-field-input .btn-remove-token svg { margin-top: -6px; }
.composer-participant-field.emails-select-input .tokenizing-field-input { margin-left: 5px; }
.forwardingAddressInput { display: flex; }
.forwardingAddressInput .input-with-paywall { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; caret-color: rgba(0, 0, 0, 0); height: 32px; width: 220px; }
.forwardingAddressInput .input-with-paywall:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.forwardingAddressInput .upgrade-hook-button { font-weight: 400; margin: 0px 10px; max-height: 32px; }
.forwardingAddressInput .error-msg-wrapper .input-with-paywall { border: 1px solid var(--error-color); }
.error-msg-wrapper { max-width: 345px; }
.conditional-forwarding-nudge-container { background-color: var(--bg-color-titan-max); border-radius: 4px; width: 320px; }
.conditional-forwarding-nudge-container .feature-heading { align-items: center; border-radius: 4px 4px 0px 0px; color: var(--feature-container-color); display: flex; flex-direction: row; font-size: 15.96px; font-weight: 600; justify-content: space-between; padding: 24px 18px 0px; }
.conditional-forwarding-nudge-container .header-container { color: var(--tertiary-text-three); padding: 22px 32px; }
.conditional-forwarding-nudge-container .header-container .item-wrapper { align-items: center; display: flex; margin-bottom: 8px; }
.conditional-forwarding-nudge-container .header-container .item-wrapper .shimmer-block { background: var(--titan-max-shimmer); border-radius: 8px; display: inline-block; height: 11px; margin: 0px 10px 0px 18px; opacity: 0.4; }
.conditional-forwarding-nudge-container .header-container .item-wrapper .block-width-small { width: 88px; }
.conditional-forwarding-nudge-container .header-container .item-wrapper .block-width-medium { width: 127px; }
.conditional-forwarding-nudge-container .header-container .item-wrapper .block-width-large { width: 164px; }
.conditional-forwarding-nudge-container .header-container hr { border: .5px solid var(--titan-max-shimmer); margin: 19px 0px 14px; }
.conditional-forwarding-nudge-container .body-container { background-color: var(--bg-secondary-color-titan-max); border-radius: 0px 0px 4px 4px; font-size: 20.02px; line-height: 25.2px; padding: 24px; }
.conditional-forwarding-nudge-container .body-container .popover-content-header { color: var(--heading-color-titan-max); padding-right: 20px; }
.conditional-forwarding-nudge-container .body-container .popover-content-subheader { color: var(--tertiary-text-three); font-size: 16px; font-style: italic; font-weight: 400; line-height: 21px; margin-top: 16px; }
.label-checkbox-list .container-one { cursor: default; }
.label-checkbox-list .container-one .header-text { font-size: 14px; font-weight: 600; }
.label-checkbox-list .container-one .labels-items-container { margin-bottom: 6px; margin-top: 12px; max-height: 175px; overflow: hidden auto; scrollbar-color: var(--dropdown-border-color); }
.label-checkbox-list .container-one .labels-items-container::-webkit-scrollbar { scrollbar-color: var(--dropdown-border-color); width: 10px; }
.label-checkbox-list .container-one .labels-items-container.no-scroll { max-height: none; overflow-y: visible; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container { list-style: none; margin-top: 10px; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container:first-child { margin-top: 0px; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container .label-item { align-items: center; display: flex; justify-content: space-between; width: 170px; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container .label-item .label-name-icon { align-items: center; display: flex; justify-content: space-between; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container .label-item .label-name-icon .label-text { cursor: pointer; font-size: 14px; font-weight: 500; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; }
.label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container .label-item .checkbox-style { cursor: pointer; flex-shrink: 0; height: 14px; margin: 0px; width: 14px; }
.label-checkbox-list .label-divider { border-top: 1px solid var(--dropdown-border-color); font-size: 12.04px; pointer-events: none; }
.label-checkbox-list .buttons-container { text-overflow: ellipsis; }
.label-checkbox-list .buttons-container .button-item .button-container { display: block; width: 100%; }
.label-checkbox-list .buttons-container .button-item .button-style { align-self: stretch; appearance: none; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; font-weight: 400; padding: 4px 8px; width: 100%; }
.label-checkbox-list .buttons-container .button-item .button-style > span { align-items: center; display: flex; gap: 14px; justify-content: flex-start; }
.label-checkbox-list .buttons-container .button-item .button-style .footer-action-text { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; }
.label-checkbox-list .buttons-container .button-item .button-style .extra-styles { margin-left: 30px; padding: 5px; }
.label-checkbox-list .buttons-container .button-item .button-style .icon { color: var(--icon-secondary-color); }
.label-checkbox-list .buttons-container .button-item:hover { background-color: var(--secondary-hover-color); }
.label-checkbox-list .labels-dropdown-padding { padding-bottom: 10px; }
.label-select-with-paywall { display: flex; }
.label-select-with-paywall .upgrade-hook-button { font-weight: 400; margin: 0px 10px; max-height: 32px; }
.label-select-container { outline: none; position: relative; }
.label-select-container .selected-label-content { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.label-select-container .dropdown-like-button .icon { flex-shrink: 0; }
.label-select-container .label-select-disabled { cursor: default; }
.label-select-container .label-select-dropdown { background-color: var(--bg-small-dropdowns); border-radius: 4px; bottom: calc(100% + 4px); box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 8px -1px; color: var(--text-color); left: 0px; position: absolute; width: 209px; z-index: 100; }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one { padding-left: 0px; padding-top: 4px; }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one .labels-items-container { margin-top: 0px; }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container { margin-top: 4px; padding: 4px 8px; }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container:first-child { margin-top: 0px; }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container:hover { background-color: var(--secondary-hover-color); }
.label-select-container .label-select-dropdown .label-checkbox-list .container-one .labels-items-container .dropdown-label-item-container .label-item { width: 100%; }
.external-forwarder-verification-dialog .title { font-size: 20.02px; font-weight: 600; }
.external-forwarder-verification-dialog .description { font-weight: 600; margin-bottom: 16px; margin-top: 32px; }
.external-forwarder-verification-dialog .otp-input { border: 1px solid var(--error-color); border-radius: 4px; height: 32px; width: 400px; }
.external-forwarder-verification-dialog .subtitle { color: var(--tertiary-text-three); }
.external-forwarder-verification-dialog .buttons { display: flex; justify-content: flex-end; margin-top: 32px; }
.external-forwarder-verification-dialog .mr-18 { margin-right: 18px; }
.external-forwarder-verification-dialog .mt-8 { margin-top: 8px; }
.generic-domain-warning-dialog .title { font-size: 15.96px; font-weight: 600; }
.generic-domain-warning-dialog .description { font-weight: 400; margin-top: 8px; }
.generic-domain-warning-dialog .buttons { display: flex; justify-content: flex-end; margin-top: 32px; }
.generic-domain-warning-dialog .buttons .continue-button { margin-left: 12px; }
.forwarding-preference .forward-out-title { font-size: 15.96px; font-weight: 600; }
.forwarding-preference .forward-out-input { display: block; height: 32px; margin-bottom: 4px; margin-top: 4px; max-width: 400px; }
.forwarding-preference .radio-btn { align-items: center; display: flex; }
.forwarding-preference .recommended { background-color: var(--yellow-banner); border-radius: 4px; color: var(--text-color); font-size: 10.5px; font-weight: 500; margin-left: 4px; padding: 2px 8px 3px; text-transform: uppercase; width: 95px; }
.forward-in { width: 750px; }
.forward-in .subtext { color: var(--tertiary-text-three); font-size: 12.04px; margin-top: 14px; }
.forward-in .forward-in-heading { font-weight: 600; margin-bottom: 24px; }
.forward-in-options .forward-in-option-container { border: 1px solid var(--modal-line-separator); border-radius: 4px; }
.forward-in-options .gmail-option { align-items: center; display: flex; justify-content: space-between; padding: 18px 21px; }
.forward-in-options .gmail-option .gmail-option-details { display: flex; }
.forward-in-options .gmail-option .option-text { padding-left: 16px; }
.forward-in-options .gmail-option .icon.arrow-right { color: var(--icon-secondary-color); transform: rotate(180deg); vertical-align: middle; }
.forward-in-options .import-contacts-option { align-items: center; background-color: var(--bg-modal-active-item); display: flex; padding-left: 25px; }
.forward-in-options .import-contacts-option .import-contacts-checkbox { cursor: pointer; margin-right: 0px; }
.forward-in-options .import-contacts-option .import-contacts-label { padding: 7px 12px; }
.forward-in-options .other-email-option { align-items: center; cursor: pointer; display: flex; justify-content: space-between; min-height: 60px; padding: 0px 12px 0px 29px; }
.forward-in-options .other-email-option .other-email-option-details { align-items: center; display: flex; padding: 5px 18px 5px 0px; }
.forward-in-options .other-email-option .other-email-option-details .at-the-rate-icon { color: var(--text-color); margin-right: 25px; }
.forward-in-options .other-email-option .icon { color: var(--icon-secondary-color); }
.forward-out-confirmation-form input::-webkit-inner-spin-button, .forward-out-confirmation-form input::-webkit-outer-spin-button { appearance: none; margin: 0px; }
.forward-out-confirmation-form input[type="number"] { }
.forward-out-confirmation-form .forward-out-description { color: var(--text-color); font-size: 15.96px; font-weight: 600; margin-bottom: 24px; }
.forward-out-confirmation-form .edit-btn-area { align-items: center; display: flex; font-weight: 600; height: 20px; justify-content: space-between; padding-bottom: 7px; width: 400px; }
.forward-out-confirmation-form .edit-btn-area .edit-btn { font-weight: 600; padding: 0px; }
.forward-out-confirmation-form .forward-out-details { background-color: var(--bg-modal-active-item); border-radius: 4px; font-size: 12.04px; width: 400px; }
.forward-out-confirmation-form .forward-out-details .line-divider { border-bottom: 1px solid var(--modal-line-separator); margin: auto; width: 368px; }
.forward-out-confirmation-form .forward-out-form-field { display: flex; justify-content: space-between; padding: 16px; }
.forward-out-confirmation-form .forward-out-form-field .value { font-weight: 600; margin-left: 15px; }
.forward-out-confirmation-form .confirmation-code-area { margin-top: 32px; }
.forward-out-confirmation-form .confirmation-code-area .title { font-weight: 600; }
.forward-out-confirmation-form .resend-btn-area { color: var(--tertiary-text-three); font-size: 12.04px; margin-top: 16px; }
.forward-out-confirmation-form .resend-btn-area button { line-height: normal; padding: 0px 4px; }
.forward-out-confirmation-form .start-forwarding-btn { margin-top: 64px; }
.forward-out-confirmation-form .error-msg { color: var(--error-color); font-size: 12.04px; }
.forward-out-confirmation-form .error-msg .blue-btn { color: var(--btn-secondary-color); cursor: pointer; }
.forward-out-confirmation-form .error-msg .blue-btn:hover { text-decoration: underline solid var(--btn-secondary-color) 1px; }
.forward-out-email-form .forward-out-description { color: var(--text-color); font-size: 15.96px; font-weight: 600; margin-bottom: 32px; }
.forward-out-email-form .sub-text { color: var(--tertiary-text-three); margin-bottom: 24px; }
.forward-out-email-form .heading-label { font-weight: 600; }
.forward-out-email-form .heading-label .email-label { color: var(--tertiary-text-three); font-weight: 400; margin-top: 4px; }
.forward-out-email-form .error-msg { color: var(--error-color); font-size: 12.04px; margin-bottom: 10px; }
.forward-out-email-form .radio-btn-area { display: flex; flex-direction: column; height: 50px; justify-content: space-between; margin-bottom: 64px; margin-top: 10px; }
.forward-out-email-form .radio-btn-area .radio-btn { margin-right: 30px; }
.forward-out-email-form .radio-btn-area .radio-btn .recommended { margin-left: 8px; padding: 4px 8px 5px; }
.forward-out-email-form .radio-btn-area .radio-btn input[type="radio"] { height: 14px; margin-right: 7px; width: 20px; }
.custom-dkim-dialog-container { align-items: baseline; display: flex; flex-direction: column; }
.custom-dkim-dialog-container .desc-two { margin-top: 15px; }
.custom-dkim-dialog-container .desc-two .highlight-link { color: var(--link-color); cursor: pointer; }
.forwarding-preference-home .forwarding-option-container:first-child { margin-top: 0px; }
.forwarding-preference-home { width: 750px; }
.forwarding-preference-home .line-divider { border-bottom: 1px solid var(--modal-line-separator); margin: 0px 16px; }
.forwarding-preference-home .heading { font-size: 14px; font-weight: 600; }
.forwarding-preference-home .description { color: var(--tertiary-text-three); font-weight: 400; }
.forwarding-preference-home .forwarding-option-container { border: 1px solid var(--modal-line-separator); border-radius: 4px; font-size: 12.04px; margin-bottom: 10px; margin-top: 24px; }
.forwarding-preference-home .forwarding-option-container .forwarding-option-header { align-items: center; display: flex; justify-content: space-between; padding: 16px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container { margin-bottom: 8px; max-height: 171px; overflow-y: auto; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content { align-items: center; display: flex; justify-content: space-between; padding: 10px 16px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .gmail-account-info { display: flex; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .gmail-account-info .details { margin-left: 8px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .gmail-account-info .details .name { font-weight: 600; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .gmail-account-info .details .email { color: var(--tertiary-text-three); }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .options { align-items: center; display: flex; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .options .re-auth-option { align-items: center; display: flex; font-weight: 600; margin-left: 5px; margin-right: 24px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .options .re-auth-option .attention-icon { color: var(--attention-icon); height: 20px; margin-right: 5px; width: 20px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .options .re-auth-option .link-failed { color: var(--error-color); margin-right: 5px; }
.forwarding-preference-home .forwarding-option-container .gmail-account-item-container .gmail-account-item .gmail-account-item-content .options .re-auth-option button { padding: 0px; }
.external-forwarding-item-container .external-forwarding-item { align-items: center; display: flex; height: 56px; justify-content: space-between; padding: 0px 16px; }
.external-forwarding-item-container .external-forwarding-item .external-forwarding-details { align-items: center; display: flex; }
.external-forwarding-item-container .external-forwarding-item .external-forwarding-details .address { font-weight: 600; margin-left: 8px; }
.external-forwarding-item-container .keep-copy-item { align-items: center; display: flex; height: 40px; justify-content: space-between; padding: 0px 16px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-details { align-items: center; display: flex; font-weight: 600; justify-content: space-between; }
.external-forwarding-item-container .keep-copy-item .keep-copy-details .separator { color: var(--modal-line-separator); margin: 0px 8px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-details .keep-copy { background: var(--bg-edit-input); border-radius: 4px; color: var(--selected-option-text); font-weight: 400; padding: 0px 4px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-details button { padding: 2px 0px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-form { align-items: center; display: flex; }
.external-forwarding-item-container .keep-copy-item .keep-copy-form .radio-btn { margin-right: 20px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-form .radio-btn input[type="radio"] { align-items: center; display: flex; margin: 0px 4px 0px 0px; width: 20px; }
.external-forwarding-item-container .keep-copy-item .keep-copy-form .save { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; font-weight: 600; }
.forward-in-unlink-dialog .title { font-size: 15.96px; font-weight: 600; }
.forward-in-unlink-dialog .description { color: var(--tertiary-text-three); margin-bottom: 18px; margin-top: 16px; }
.forward-in-unlink-dialog .unlink-gmail-account { align-items: center; display: flex; }
.forward-in-unlink-dialog .unlink-gmail-account .label { margin-left: 8px; }
.forward-in-unlink-dialog .unlink-gmail-account .checkbox { align-items: center; display: flex; }
.forward-in-unlink-dialog .unlink-gmail-account .checkbox.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.forward-in-unlink-dialog .unlink-gmail-account .checkbox.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 14px; width: 14px; }
.forward-in-unlink-dialog .buttons { display: flex; justify-content: flex-end; margin-top: 32px; }
.forward-in-unlink-dialog .buttons .cancel-btn { margin-right: 12px; }
.multiple-forwarding-nudge-container { width: 320px; }
.multiple-forwarding-nudge-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 18px 24px; }
.multiple-forwarding-nudge-container .popover-header .feature-heading { align-items: center; color: var(--feature-container-color); display: flex; flex-direction: row; font-size: 16px; font-weight: 600; justify-content: space-between; margin-bottom: 21px; }
.multiple-forwarding-nudge-container .popover-header .feature-heading .dismiss-btn { color: var(--tertiary-text-three); cursor: pointer; height: 16px; width: 16px; }
.multiple-forwarding-nudge-container .popover-header .item-wrapper { align-items: center; display: flex; margin-bottom: 8px; }
.multiple-forwarding-nudge-container .popover-header .item-wrapper .shimmer-block { background: var(--titan-max-shimmer); border-radius: 8px; display: inline-block; height: 11px; margin: 0px 2px 0px 10px; opacity: 0.4; width: 92px; }
.multiple-forwarding-nudge-container .popover-header .item-wrapper .shimmer-block-width { width: 108px; }
.multiple-forwarding-nudge-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); border-radius: 4px; font-size: 20.02px; line-height: 26px; padding: 24px; }
.multiple-forwarding-nudge-container .popover-content-wrapper .popover-content-header { color: var(--heading-color-titan-max); padding-right: 20px; }
.multiple-forwarding-nudge-container .popover-content-wrapper .popover-content-subheader { color: var(--tertiary-text-three); font-size: 16px; font-style: italic; font-weight: 400; line-height: 22px; margin-top: 16px; }
.contact-list-container .contact-list-col { border-bottom: 1px solid var(--secondary-line-separator); display: flex; margin: 0px; }
.contact-list-container .contact-list-col .col-container-email { margin-right: 4px; }
.contact-list-container .contact-list-col .contact-list-active-tab { border-bottom: 3px solid var(--ctm-brand-color,var(--header-underline)); font-weight: 600; }
.contact-list-container .contact-list-col .col-name { cursor: pointer; font-size: 16px; padding: 3px 8px; }
.contact-list-container .contact-list-col .contact-list-inactive-tab { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px; color: var(--tertiary-text-three); font-weight: 600; }
.contact-list-container .contact-list-col .contact-list-inactive-tab:hover { background-color: var(--hover-color); }
.contact-list-container .contact-list-form-body-container { border: 1px solid var(--secondary-line-separator); border-radius: 4px; display: flex; flex-direction: column; height: calc(-185px + 100vh); margin-top: 28px; width: 600px; }
.contact-list-container .contact-list-form-body-container .contact-list-form { background: var(--bg-manage-sender-contact-input-container); border-bottom: 1px solid var(--secondary-line-separator); border-radius: 4px 4px 0px 0px; padding: 16px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input { display: flex; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .tokenizing-field-wrap { padding: 0px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 1 1 0%; margin-right: 12px; min-height: auto; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box::after { height: 0px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .header-container { background: var(--bg-manage-sender-contact-input); border: 1px solid var(--secondary-line-separator); border-radius: 4px; height: 34px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input { margin-left: 0px; padding-left: 5px; padding-top: 0px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input .placeholder { margin-left: -8px; padding-left: 9px; padding-top: 1px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input .token { margin-bottom: 3px; margin-top: 3px; padding-left: 13px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input .btn-remove-token { margin-top: 0px; padding-top: 1px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input .btn-remove-token svg { height: 20px; margin-bottom: 2px; margin-right: 5px; width: 20px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .tokenizing-field-input input { margin-top: 2px; padding-left: 4px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .contact-list-input-box .content-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.contact-list-container .contact-list-form-body-container .contact-list-form .form-input .button-container button { min-width: 72px; }
.contact-list-container .contact-list-form-body-container .contact-list-form .error-message { color: var(--error-msg); font-size: 14px; margin-top: 8px; }
.contact-list-container .contact-list-form-body-container .contact-list-form.error { padding-bottom: 10px; }
.contact-list-container .contact-list-form-body-container .contact-list-body { border-radius: 4px; height: 100%; overflow-y: scroll; width: 100%; }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container { font-size: 14px; padding-left: 16px; }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container .contact-row { align-items: center; border-bottom: 1px solid var(--secondary-line-separator); display: flex; justify-content: space-between; min-height: 65px; padding-bottom: 22px; padding-top: 22px; }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container .contact-row .contact-info-container { font-weight: 400; overflow-wrap: break-word; max-width: calc(100% - 80px); }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container .contact-row .btn-naked-primary { font-weight: 600; }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container .contact-row.last-row { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.contact-list-container .contact-list-form-body-container .contact-list-body .contact-container .contact-row .contact-subscript { color: var(--tertiary-text-three); font-weight: 400; }
.contact-list-container .contact-list-form-body-container .empty-contact-list-container { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; }
.contact-list-container .contact-list-form-body-container .empty-contact-list-container .empty-contact-list-title { color: var(--tertiary-text-three); margin-top: 5px; }
.manage-senders-paywall-container { background: var(--bg-manage-senders-pref-paywall); border: 1px solid var(--border-manage-senders-pref-paywall); border-radius: 4px; display: flex; flex-direction: column; font-size: 14px; padding: 16px; width: 775px; }
.manage-senders-paywall-container .paywall-header { color: var(--text-manage-senders-pref-paywall); font-weight: 600; }
.manage-senders-paywall-container .paywall-feature-container { display: flex; justify-content: center; margin-top: 20px; }
.manage-senders-paywall-container .paywall-feature-container .heading { color: var(--text-manage-senders-pref-paywall); font-weight: 600; }
.manage-senders-paywall-container .paywall-feature-container .feature-info { max-width: 456px; }
.manage-senders-paywall-container .paywall-feature-container .feature-info .description { margin-top: 0px; }
.manage-senders-paywall-container .paywall-feature-container .feature-image { align-items: center; display: flex; flex: 1 1 0%; justify-content: center; }
.manage-senders-paywall-container .paywall-feature-container .icon svg { color: var(--tick-mark); }
.manage-senders-paywall-container .upgrade-btn { margin-top: 20px; }
.manage-senders-paywall-container .upgrade-btn .upgrade-hook-button { font-weight: 400; min-height: 40px; }
.manage-senders-tab .feature-container { border: 1px solid var(--modal-line-separator); border-radius: 4px; display: flex; justify-content: space-between; margin-bottom: 24px; padding: 16px; width: 775px; }
.manage-senders-tab .feature-container .info-container { color: var(--text-manage-senders-pref-paywall); max-width: 566px; }
.manage-senders-tab .feature-container .info-container .heading { font-size: 16px; font-weight: 600; }
.manage-senders-tab .feature-container .info-container .description { margin-top: 8px; }
.manage-senders-tab .feature-container .info-container .counts { color: var(--tertiary-text-three); margin-top: 16px; }
.manage-senders-tab .feature-container .button-container button { min-width: 90px; }
::highlight(search-term-highlight) { background-color: var(--search-highlight-bg); color: var(--search-highlight-text,currentcolor); }
mark.search-term-highlight-fallback { background-color: var(--search-highlight-bg); color: var(--search-highlight-text,currentcolor); padding: 0px; }
.tag-picker .menu .content-container { height: 250px; overflow-y: scroll; }
.mode-split .message-nav-title { display: none; }
.hide-sidebar-button { color: var(--tertiary-text-three); cursor: default; font-size: 12.04px; margin-left: 14px; user-select: none; }
.hide-sidebar-button .img-wrap { margin-right: 7px; position: relative; top: -1px; }
.hide-sidebar-button img { background: var(--tertiary-text-three); }
#message-list.height-fix { height: calc(100% - 35px); min-height: calc(100% - 35px); }
#message-list, .read-modal-wrapper { background: var(--bg-reading-pane); display: flex; flex-direction: column; height: 100%; min-height: 100%; order: 2; padding: 0px; position: relative; transition: 125ms ease-in-out; width: 100%; }
#message-list .scroll-region-wrapper, .read-modal-wrapper .scroll-region-wrapper { position: static; }
#message-list .search-match, #message-list search-match, .read-modal-wrapper .search-match, .read-modal-wrapper search-match { background: var(--yellow-banner); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.5px 0.5px; }
#message-list .search-match.current-match, #message-list search-match.current-match, .read-modal-wrapper .search-match.current-match, .read-modal-wrapper search-match.current-match { background: var(--star-yellow); }
#message-list .show-hidden-messages, .read-modal-wrapper .show-hidden-messages { background-color: var(--bg-hidden-msg); border-radius: 4px; color: var(--text-color-very-subtle); cursor: default; display: flex; justify-content: space-between; margin-bottom: 9px; padding: 5px 12px; }
#message-list .show-hidden-messages .show_all_messages, .read-modal-wrapper .show-hidden-messages .show_all_messages { color: var(--btn-default-color); cursor: pointer; }
#message-list .show-hidden-messages .show_all_messages:hover, .read-modal-wrapper .show-hidden-messages .show_all_messages:hover { color: var(--btn-hover-color); }
#message-list .message-body-loading, .read-modal-wrapper .message-body-loading { align-content: center; height: 1em; margin-bottom: 9px; margin-top: 9px; }
#message-list .message-list-header, .read-modal-wrapper .message-list-header { background: var(--bg-color-msg-toolbar); position: sticky; top: -0.1px; }
#message-list .message-list-header.stuck, .read-modal-wrapper .message-list-header.stuck { border-bottom: 1px solid var(--border-color-default); }
#message-list .message-subject-wrap, .read-modal-wrapper .message-subject-wrap { align-items: flex-start; display: flex; justify-content: space-between; line-height: 28.728px; max-width: none; padding: 10px 18px; }
#message-list .message-subject-wrap .ai-summary-attachment-dropdown-container, .read-modal-wrapper .message-subject-wrap .ai-summary-attachment-dropdown-container { align-items: center; display: flex; gap: 8px; }
#message-list .mail-important-icon, .read-modal-wrapper .mail-important-icon { flex-shrink: 0; margin-bottom: 1px; margin-right: 7px; }
#message-list .message-subject, .read-modal-wrapper .message-subject { color: var(--text-color); display: -webkit-inline-box; font-size: 23.94px; font-weight: 600; letter-spacing: 0.5px; -webkit-line-clamp: 2; line-height: 1.3; margin-right: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; position: relative; }
#message-list .message-icons-wrap, .read-modal-wrapper .message-icons-wrap { align-items: center; cursor: pointer; display: flex; flex-shrink: 0; margin-left: auto; }
#message-list .message-icons-wrap div + div, .read-modal-wrapper .message-icons-wrap div + div { margin-left: 10px; }
#message-list .messages-wrap, .read-modal-wrapper .messages-wrap { flex: 1 1 0%; opacity: 0; transition: opacity; }
#message-list .messages-wrap.ready, .read-modal-wrapper .messages-wrap.ready { opacity: 1; transition: opacity 0.07s linear; }
#message-list .messages-wrap .scroll-region-content-inner, .read-modal-wrapper .messages-wrap .scroll-region-content-inner { align-items: stretch; display: flex; flex-direction: column; padding: 9px 18px 80px; }
#message-list .messages-wrap .scroll-region-content-inner > .message-item-wrap, .read-modal-wrapper .messages-wrap .scroll-region-content-inner > .message-item-wrap { width: 100%; }
#message-list .minified-bundle, .read-modal-wrapper .minified-bundle { position: relative; }
#message-list .minified-bundle .num-messages, .read-modal-wrapper .minified-bundle .num-messages { background: var(--input-bg); border: var(--msg-number-border); border-radius: 4px; box-shadow: var(--msg-number-shadow); color: var(--text-color); font-size: 12.04px; height: 24px; left: 50%; line-height: 24px; margin-left: -80px; margin-top: -19px; position: absolute; text-align: center; top: 50%; width: 160px; z-index: 2; cursor: pointer !important; }
#message-list .minified-bundle .num-messages:hover, .read-modal-wrapper .minified-bundle .num-messages:hover { cursor: default; }
#message-list .minified-bundle .msg-lines, .read-modal-wrapper .minified-bundle .msg-lines { margin: 0px auto; max-width: none; width: 100%; }
#message-list .minified-bundle .msg-line, .read-modal-wrapper .minified-bundle .msg-line { background-color: var(--bg-primary-color); border-radius: 4px 4px 0px 0px; box-shadow: var(--msg-line-shadow); position: relative; }
#message-list .message-item-wrap, .read-modal-wrapper .message-item-wrap { margin: 0px auto; max-width: none; padding-bottom: 12px; position: relative; transition: height 0.1s; }
#message-list .message-item-wrap .message-item-white-wrap, .read-modal-wrapper .message-item-wrap .message-item-white-wrap { background: var(--bg-msg-list); border: 0px; border-radius: 4px; box-shadow: 0 0 0 1px var(--bg-msg-list-border); }
#message-list .message-item-wrap.before-reply-area, .read-modal-wrapper .message-item-wrap.before-reply-area { padding-bottom: 0px; }
#message-list .message-item-wrap.collapsed .message-item-white-wrap, .read-modal-wrapper .message-item-wrap.collapsed .message-item-white-wrap { background-color: var(--bg-msg-list); cursor: pointer; padding-bottom: 12px; padding-top: 25px; }
#message-list .message-item-wrap.collapsed .message-item-white-wrap.non-expandable, .read-modal-wrapper .message-item-wrap.collapsed .message-item-white-wrap.non-expandable { cursor: default; }
#message-list .message-item-wrap.collapsed + .minified-bundle, .read-modal-wrapper .message-item-wrap.collapsed + .minified-bundle { margin-top: 0px; }
#message-list .message-item-wrap.collapsed .message-item-area, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area { display: flex; flex-direction: row; font-size: 12.04px; padding-bottom: 10px; }
#message-list .message-item-wrap.collapsed .message-item-area.draft-flyout-message-wrap, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area.draft-flyout-message-wrap { color: var(--text-color-very-subtle); display: flex; flex-wrap: wrap; font-size: 14px; justify-content: space-between; }
#message-list .message-item-wrap.collapsed .message-item-area.draft-flyout-message-wrap .draft-edit-button, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area.draft-flyout-message-wrap .draft-edit-button { color: var(--btn-default-color); cursor: pointer; font-size: 14px; font-weight: 600; }
#message-list .message-item-wrap.collapsed .message-item-area .collapsed-snippet, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area .collapsed-snippet { color: var(--tertiary-text-three); cursor: inherit; flex: 1 1 0%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#message-list .message-item-wrap.collapsed .message-item-area .collapsed-attachment, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area .collapsed-attachment { background-image: var(--attachment-clip); background-position: 50% center; background-repeat: no-repeat; background-size: 15px; height: 15px; margin-left: 0.5em; padding: 12px; position: relative; top: -2px; width: 15px; }
#message-list .message-item-wrap.collapsed .message-item-area .collapsed-from, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area .collapsed-from { color: var(--text-color); font-size: 15px; font-weight: 600; line-height: 1.29; margin-right: 1em; }
#message-list .message-item-wrap.collapsed .message-item-area .collapsed-timestamp, .read-modal-wrapper .message-item-wrap.collapsed .message-item-area .collapsed-timestamp { color: var(--tertiary-text-three); font-size: 12.04px; margin-left: 0.5em; }
#message-list .minified-bundle + .message-item-wrap, .read-modal-wrapper .minified-bundle + .message-item-wrap { margin-top: -5px; }
#message-list .messages-wrap.newest-on-top .minified-bundle + .message-item-wrap, .read-modal-wrapper .messages-wrap.newest-on-top .minified-bundle + .message-item-wrap { margin-top: 0px; }
#message-list .scheduled-message-info-bar, .read-modal-wrapper .scheduled-message-info-bar { align-items: start; background-color: var(--bg-schedule-send); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); display: flex; font-size: 14px; margin: 1rem 0px 0px; padding: 0.5rem; }
#message-list .scheduled-message-info-bar .icon, .read-modal-wrapper .scheduled-message-info-bar .icon { color: var(--icon-secondary-color); }
#message-list .scheduled-message-info-bar .icon-scheduled, .read-modal-wrapper .scheduled-message-info-bar .icon-scheduled { color: var(--scheduled-blue); }
#message-list .scheduled-message-info-bar .icon-schedule-cancelled, .read-modal-wrapper .scheduled-message-info-bar .icon-schedule-cancelled { color: var(--schedule-cancelled-orange); }
#message-list .scheduled-message-info-bar div, .read-modal-wrapper .scheduled-message-info-bar div { flex: 1 1 0%; padding-left: 0.5rem; }
#message-list .scheduled-message-info-bar div small, .read-modal-wrapper .scheduled-message-info-bar div small { color: var(--tertiary-text-three); }
#message-list .scheduled-message-info-bar .desc, .read-modal-wrapper .scheduled-message-info-bar .desc { margin-top: 2px; }
#message-list .scheduled-message-info-bar .button-container, .read-modal-wrapper .scheduled-message-info-bar .button-container { flex: 0 0 auto; }
#message-list .scheduled-message-info-bar .button-container button, .read-modal-wrapper .scheduled-message-info-bar .button-container button { line-height: 16px; padding-left: 5px; padding-right: 5px; }
#message-list .message-header, .read-modal-wrapper .message-header { font-size: 14px; padding-bottom: 0px; padding-top: 25px; position: relative; }
#message-list .message-header.pending .message-actions-wrap, .read-modal-wrapper .message-header.pending .message-actions-wrap { opacity: 0; position: absolute; width: 0px; }
#message-list .message-header.pending .pending-spinner, .read-modal-wrapper .message-header.pending .pending-spinner { opacity: 1; }
#message-list .message-header .pending-spinner, .read-modal-wrapper .message-header .pending-spinner { display: inline; opacity: 0; pointer-events: none; transition: opacity 0.1s ease-in 50ms, all; }
#message-list .message-header .message-header-contact-icon, .read-modal-wrapper .message-header .message-header-contact-icon { align-items: center; display: flex; left: 0px; margin-top: 3px; pointer-events: none; position: absolute; top: 25px; }
#message-list .message-header .message-header-contact-icon .email-icon-container, #message-list .message-header .message-header-contact-icon .profile-icon, .read-modal-wrapper .message-header .message-header-contact-icon .email-icon-container, .read-modal-wrapper .message-header .message-header-contact-icon .profile-icon { box-shadow: 0 0 0 1px var(--email-icon-border-color); }
#message-list .message-header .header-row, #message-list .message-header .message-participants, .read-modal-wrapper .message-header .header-row, .read-modal-wrapper .message-header .message-participants { padding-left: 44px; }
#message-list .message-header .message-participants:not(.collapsed) + .header-row, #message-list .message-header .message-participants:not(.collapsed) + .message-participants:not(.collapsed), .read-modal-wrapper .message-header .message-participants:not(.collapsed) + .header-row, .read-modal-wrapper .message-header .message-participants:not(.collapsed) + .message-participants:not(.collapsed) { margin-top: 0.5em; }
#message-list .message-header .header-row, .read-modal-wrapper .message-header .header-row { color: var(--text-color-very-subtle); margin-top: 0.5em; }
#message-list .message-header .header-row .header-label, .read-modal-wrapper .message-header .header-row .header-label { display: block; float: left; font-weight: 400; margin-left: 0px; }
#message-list .message-header .message-actions-wrap, .read-modal-wrapper .message-header .message-actions-wrap { opacity: 1; text-align: left; transition: opacity 0.1s ease-in-out 50ms, width 0.15s; }
#message-list .message-header .message-actions-wrap .button-dropdown > *, .read-modal-wrapper .message-header .message-actions-wrap .button-dropdown > * { cursor: pointer; }
#message-list .message-header .message-actions-wrap .button-dropdown > * .content-container .icon, .read-modal-wrapper .message-header .message-actions-wrap .button-dropdown > * .content-container .icon { margin-right: 10px; }
#message-list .message-header .message-actions-wrap .button-dropdown .primary-item, #message-list .message-header .message-actions-wrap .button-dropdown .secondary-picker, .read-modal-wrapper .message-header .message-actions-wrap .button-dropdown .primary-item, .read-modal-wrapper .message-header .message-actions-wrap .button-dropdown .secondary-picker { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-left: 5px; padding: 0px; z-index: 10; }
#message-list .message-header .message-actions-ellipsis, .read-modal-wrapper .message-header .message-actions-ellipsis { display: block; float: left; }
#message-list .message-header .message-time, .read-modal-wrapper .message-header .message-time { cursor: default; display: inline-block; min-width: 125px; padding-right: 4px; padding-top: 4px; position: relative; }
#message-list .message-header .msg-actions-tooltip, .read-modal-wrapper .message-header .msg-actions-tooltip { display: inline-block; margin-left: 1em; }
#message-list .message-header .message-indicator, #message-list .message-header .message-time, .read-modal-wrapper .message-header .message-indicator, .read-modal-wrapper .message-header .message-time { color: var(--tertiary-text-three); font-size: 12.04px; }
#message-list .message-header .message-header-right, .read-modal-wrapper .message-header .message-header-right { display: flex; float: right; height: 2em; position: relative; text-align: right; top: -5px; }
#message-list .message-header .message-header-right .message-header-status, .read-modal-wrapper .message-header .message-header-right .message-header-status { display: flex; flex-direction: row; height: 100%; position: relative; }
#message-list .message-header .message-header-right .btn-expand, .read-modal-wrapper .message-header .message-header-right .btn-expand { border-radius: 4px; color: var(--icon-secondary-color); cursor: pointer; margin: 3px; }
#message-list .message-header .message-header-right .btn-expand:hover, .read-modal-wrapper .message-header .message-header-right .btn-expand:hover { background-color: var(--icon-hover-state); }
#message-list .message-item-area, .read-modal-wrapper .message-item-area { margin: 0px auto; max-width: none; padding: 0px 24px 24px; width: 100%; }
#message-list .message-item-area .iframe-container, .read-modal-wrapper .message-item-area .iframe-container { margin-left: 5px; margin-top: 25px; width: calc(100% - 5px); }
#message-list .message-item-area .iframe-container iframe, .read-modal-wrapper .message-item-area .iframe-container iframe { border: 0px; overflow: auto; padding: 0px; width: 100%; }
#message-list .collapse-region, .read-modal-wrapper .collapse-region { height: 56px; position: absolute; top: 0px; width: calc(100% - 30px); }
#message-list .header-toggle-control, .read-modal-wrapper .header-toggle-control { cursor: pointer; position: absolute; z-index: 2; left: -18px !important; top: 34px !important; }
#message-list .header-toggle-control.inactive, .read-modal-wrapper .header-toggle-control.inactive { display: none; }
#message-list .message-item-wrap:hover .header-toggle-control.inactive, .read-modal-wrapper .message-item-wrap:hover .header-toggle-control.inactive { display: block; }
#message-list .message-item-wrap:hover.last-message .message-header, .read-modal-wrapper .message-item-wrap:hover.last-message .message-header { cursor: default; }
#message-list .footer-reply-area-wrap, .read-modal-wrapper .footer-reply-area-wrap { background: var(--bg-msg-list); border: 0px; border-radius: 0px 0px 4px 4px; box-shadow: 0 0 0 1px var(--bg-msg-list-border); color: var(--tertiary-text-three); margin: -3px auto 12px; max-width: none; overflow: hidden; position: relative; }
#message-list .footer-reply-area-wrap:hover, .read-modal-wrapper .footer-reply-area-wrap:hover { cursor: default; }
#message-list .footer-reply-area-wrap .footer-reply-area-container, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container { display: flex; justify-content: space-between; margin: 0px auto; max-width: none; padding: 12px 21px; width: 100%; }
#message-list .footer-reply-area-wrap .footer-reply-area-container .reply-forward-container, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .reply-forward-container { align-items: center; cursor: pointer; display: inline-flex; margin-right: 10px; }
#message-list .footer-reply-area-wrap .footer-reply-area-container .reply-forward-container svg, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .reply-forward-container svg { color: var(--icon-secondary-color); vertical-align: middle; }
#message-list .footer-reply-area-wrap .footer-reply-area-container .smart-write-footer-container, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .smart-write-footer-container { margin-right: 0px; }
#message-list .footer-reply-area-wrap .footer-reply-area-container .footer-smart-write, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .footer-smart-write { margin-right: 6px; }
#message-list .footer-reply-area-wrap .footer-reply-area-container .footer-smart-write svg, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .footer-smart-write svg { color: var(--footer-icon-color); }
#message-list .footer-reply-area-wrap .footer-reply-area-container .footer-reply-area.display-flex, .read-modal-wrapper .footer-reply-area-wrap .footer-reply-area-container .footer-reply-area.display-flex { display: flex; flex-grow: 100; }
#message-list .footer-reply-area-wrap .reply-text, .read-modal-wrapper .footer-reply-area-wrap .reply-text { display: inline-block; margin-left: 0.5em; vertical-align: middle; }
.download-all { align-items: center; color: var(--tertiary-text-three); cursor: default; display: flex; font-size: 12.04px; margin-top: 10.5px; }
.download-all .separator { margin: 0px 5px; }
.download-all .attachment-number { align-items: center; display: flex; margin-left: 3px; margin-right: 4px; }
.download-all .attachment-number-text { color: var(--secondary-text); }
.download-all img { margin-right: 4px; vertical-align: middle; }
.download-all .add-all-to-drive-action, .download-all .download-all-action { font-weight: 500; padding: 0px; }
.attachments-area-border { border-top: 1px dashed var(--line-seprator-color); margin-bottom: 15px; margin-top: 25px; }
.attachments-area { cursor: default; margin-left: -14px; margin-right: -14px; padding-top: 16px; }
.pending .message-participants { padding-left: 34px; }
.message-participants { cursor: pointer; display: flex; transition: padding-left 0.15s ease-in-out; z-index: 1; }
.message-participants.collapsed:hover { cursor: default; }
.message-participants.collapsed.from-participants .collapsed-participants { overflow: hidden; }
.message-participants .from-contact { color: var(--text-color); font-size: 15px; font-weight: 600; line-height: 1.33; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-participants .from-contact .from-contact-email { color: var(--tertiary-text-three); font-size: 14px; font-weight: 400; margin-left: 4px; }
.message-participants .from-contact .conact-display-name:hover, .message-participants .from-contact .from-contact-email:hover { cursor: pointer; }
.message-participants .from-contact .conact-display-name:hover { color: var(--link-color); }
.message-participants .bcc-contact, .message-participants .bcc-label, .message-participants .cc-contact, .message-participants .cc-label, .message-participants .from-label, .message-participants .to-contact, .message-participants .to-everyone, .message-participants .to-label { color: var(--text-color-very-subtle); }
.message-participants.to-participants { width: 100%; }
.message-participants.to-participants .collapsed-participants { margin-top: -6px; width: 100%; }
.message-participants .collapsed-participants { align-items: center; color: var(--text-color); display: flex; font-size: 14px; line-height: 1.29; }
.message-participants .collapsed-participants .to-contact { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-participants .expanded-participants { color: var(--text-color-very-subtle); font-size: 14px; line-height: 1.29; padding-right: 1.2em; width: 100%; }
.message-participants .expanded-participants .participant { display: inline-block; margin-right: 0.25em; }
.message-participants .expanded-participants .participant-type { margin-top: 0.5em; }
.message-participants .expanded-participants .participant-type:first-child { margin-top: 0px; }
.message-participants .expanded-participants .bcc-label, .message-participants .expanded-participants .cc-label, .message-participants .expanded-participants .from-label, .message-participants .expanded-participants .to-label { display: block; float: left; font-weight: 400; margin-left: 0px; text-transform: capitalize; }
.message-participants .expanded-participants .from-contact, .message-participants .expanded-participants .subject { font-weight: 600; }
.message-participants .expanded-participants .cc-label, .message-participants .expanded-participants .to-label { margin-right: 0.5em; }
.message-participants .expanded-participants .bcc-label { margin-right: 0px; }
.message-participants .expanded-participants .participant { overflow: hidden; text-overflow: ellipsis; white-space: break-spaces; width: 100%; }
.message-participants .expanded-participants .participant-primary { color: var(--text-color-very-subtle); display: inline-block; margin-right: 0.15em; }
.message-participants .expanded-participants .participant-secondary { color: var(--text-color-very-subtle); display: inline; }
.message-participants .expanded-participants .from-contact .participant-primary, .message-participants .expanded-participants .from-contact .participant-secondary { color: var(--text-color); }
.message-item-wrap.last-message .message-participants { cursor: default; }
#message-list-anchor { height: 1px; }
.dns-status-banner { align-items: center; background-color: var(--bg-vacation-responder-notification); color: var(--text-color); display: flex; height: 48px; justify-content: center; position: relative; }
.dns-status-banner .banner-loader { margin-left: 16px; }
.dns-status-banner .learn_more { margin-left: 16px; }
.dns-status-banner .btn_one, .dns-status-banner .learn_more { background-color: initial; border: 1px solid var(--text-color); border-radius: 4px; cursor: pointer; padding: 2px 9.5px; }
.dns-status-banner .btn_one { margin-left: 6px; }
.dns-status-banner .btn_two { background-color: initial; border: 1px solid var(--text-color); border-radius: 4px; cursor: pointer; margin-left: 9px; padding: 2px 9.5px; }
.dns-status-banner .refresh { cursor: pointer; line-height: 1.43; margin-left: 16px; text-decoration: underline; }
.dns-status-banner .refresh.active { text-decoration: none; }
.dns-status-banner .icon { margin-right: 5px; margin-top: 1px; }
.dns-status-banner .icon.attention-icon { color: var(--attention-icon); }
.dns-status-banner .activate-desc { margin-right: 15px; }
.dns-status-banner .plain-cross-icon { cursor: pointer; position: absolute; right: 5px; top: 14px; }
.linear-progress-bar-container { width: 100%; }
.linear-progress-bar-container .progress-bar { background-color: var(--ctm-primary-surface,var(--bg-sidebar)); border-radius: 100px; height: 6px; position: relative; }
.linear-progress-bar-container .progress-bar .progress { background: linear-gradient(90deg, rgb(16, 152, 91), rgb(40, 110, 230)); border-radius: 100px; height: 6px; left: 0px; position: absolute; top: 0px; transition: width 0.6s; width: 0px; }
.linear-progress-bar-container .progress-label { color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); font-size: 10px; line-height: 12px; margin-top: 4px; }
.setup-nudge-container { animation: 0.25s cubic-bezier(0.2, 0, 0, 1) 0s 1 normal both running setup-nudge-fade-in; height: auto; margin: 12px auto; position: relative; width: 214px; }
.setup-nudge-container .setup-guide-progress-hook { background-color: var(--ctm-tertiary-surface,var(--bg-setup-account-nudge)); border-radius: 4px; cursor: pointer; height: 100%; margin-bottom: 12.04px; padding: 12px; position: relative; }
.setup-nudge-container .setup-guide-progress-hook .hook-header { align-items: center; display: flex; gap: 8px; margin-bottom: 12px; }
.setup-nudge-container .setup-guide-progress-hook .hook-header .hook-illustration { width: 20px; }
.setup-nudge-container .setup-guide-progress-hook .hook-header .hook-title { color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); font-size: 14px; font-weight: 600; padding-right: 20px; }
.setup-nudge-container .setup-guide-progress-hook .hook-progress-row { align-items: center; display: flex; gap: 8px; margin-bottom: 10px; }
.setup-nudge-container .setup-guide-progress-hook .hook-progress-row .linear-progress-bar-container { width: 75%; }
.setup-nudge-container .setup-guide-progress-hook .hook-progress-row .linear-progress-bar-container .progress-bar { height: 8px; }
.setup-nudge-container .setup-guide-progress-hook .hook-progress-row .linear-progress-bar-container .progress-bar .progress { background: linear-gradient(90deg, rgb(20, 201, 121), rgb(74, 141, 255)); height: 8px; }
.setup-nudge-container .setup-guide-progress-hook .hook-progress-row .hook-progress-pct { color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); font-size: 12px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps { display: flex; flex-direction: column; gap: 4px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-step { align-items: center; border-radius: 4px; cursor: pointer; display: flex; gap: 8px; padding: 4px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-step:hover { background-color: var(--ctm-secondary-surface,#ffffff14); }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-step .hook-step-check { border: 1px solid var(--ctm-surface-overlay-primary-text,var(--notification-color)); border-radius: 50%; flex-shrink: 0; height: 14px; width: 14px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-step .hook-step-label { color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); flex: 1 1 0%; font-size: 13.02px; min-width: 0px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-show-all { color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); cursor: pointer; font-size: 12.04px; margin-top: 6px; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-show-all:hover { opacity: 0.8 !important; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-step + .hook-step { margin-top: -4px; max-height: 0px; opacity: 0; overflow: hidden; padding-bottom: 0px; padding-top: 0px; transition: max-height 0.2s, opacity 0.2s, padding 0.2s, margin 0.2s; }
.setup-nudge-container .setup-guide-progress-hook .hook-steps .hook-show-all { margin-top: -10px; max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 0.2s, opacity 0.2s, margin 0.2s; }
.setup-nudge-container .hook-close { background-color: rgba(255, 255, 255, 0.12); position: absolute; right: 12px; top: 12px; z-index: 1; }
.setup-nudge-container .hook-close:hover { background-color: rgba(255, 255, 255, 0.2); }
.setup-nudge-container .hook-close svg path { fill: var(--ctm-surface-overlay-primary-text,var(--notification-color)); }
.setup-nudge-container.nudge-dismiss-menu-open .setup-guide-progress-hook .hook-steps .hook-step + .hook-step, .setup-nudge-container:hover .setup-guide-progress-hook .hook-steps .hook-step + .hook-step { margin-top: 0px; max-height: 28px; opacity: 1; padding-bottom: 4px; padding-top: 4px; }
.setup-nudge-container.nudge-dismiss-menu-open .setup-guide-progress-hook .hook-steps .hook-show-all, .setup-nudge-container:hover .setup-guide-progress-hook .hook-steps .hook-show-all { margin-top: 6px; max-height: 20px; opacity: 1; }
.setup-nudge-dismiss-popover { width: 180px; }
.setup-nudge-dismiss-popover .menu { box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px 4px; }
.setup-nudge-dismiss-popover .menu .content-container .item:hover { border-radius: 4px; }
@keyframes setup-nudge-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.notifications { overflow: hidden; z-index: 2; }
.notifications .overflow-btn { align-items: center; background: var(--ctm-tertiary-surface,var(--bg-folder-selected)); border: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); display: flex; height: 40px; justify-content: center; width: 100%; }
.notifications .overflow-btn .btn-icon { cursor: pointer; }
.notifications .notification { border-radius: 4px; color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); display: none; margin: 0px 10px 10px; }
.notifications .notification.highest-priority { display: block; }
.notification-overflow-popover { min-width: 172px; }
.offline-notification-banner { align-items: center; background-color: var(--notification-offline); border-radius: 0px; color: var(--notification-color); cursor: pointer; display: flex; font-size: 13.02px; font-weight: 600; gap: 8px; justify-content: center; margin: 0px; padding: 8px 12px; }
.offline-notification-banner--collapsed { margin: 0px; padding: 8px 6px; }
.offline-notification-banner .offline-notification-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.offline-status-popover { --offline-popover-bg: #fcebe8; --offline-popover-title-color: #d04125; --offline-popover-text-color: #141414; }
.offline-status-popover--dark { --offline-popover-bg: #451f17; --offline-popover-title-color: #e06952; --offline-popover-text-color: #dedede; }
.offline-status-popover .nike-antd-popover-container { background-color: var(--offline-popover-bg); border-radius: 4px; max-width: 300px; min-width: 260px; padding: 0px; }
.offline-status-popover .nike-antd-popover-arrow::after, .offline-status-popover .nike-antd-popover-arrow::before { background: var(--offline-popover-bg); }
.offline-status-popover .nike-antd-popover-title { background-color: initial; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin: 0px; padding: 12px 14px 6px; }
.offline-status-popover .nike-antd-popover-content { background-color: initial; padding: 4px 14px 12px; }
.offline-status-popover .offline-popover-header { align-items: center; display: flex; gap: 8px; }
.offline-status-popover .offline-popover-icon { color: var(--offline-popover-title-color); flex-shrink: 0; }
.offline-status-popover .offline-popover-title-text { color: var(--offline-popover-title-color); flex: 1 1 auto; font-size: 15.96px; font-weight: 600; }
.offline-status-popover .offline-popover-close { flex-shrink: 0; margin-left: auto; }
.offline-status-popover .offline-popover-body { color: var(--offline-popover-text-color); font-size: 14px; line-height: 1.5; margin: 0px; }
.bug-and-feature-sidebar-hooks { display: flex; position: relative; }
.bug-and-feature-sidebar-hooks .icon-container { align-items: center; display: inline-flex; min-width: 0px; }
.bug-and-feature-sidebar-hooks .btn-icon { flex-shrink: 0; }
.bug-and-feature-sidebar-hooks .sidebar-hook-label { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bug-and-feature-sidebar-hooks:not(.popover-container) .sidebar-hook { align-items: center; justify-content: center; min-width: 0px; padding: 8px 6px; }
.bug-and-feature-sidebar-hooks:not(.popover-container) .report-bug { flex: 1 0.4 auto; }
.bug-and-feature-sidebar-hooks:not(.popover-container) .request-feature { flex: 1 1 auto; }
.bug-and-feature-sidebar-hooks:not(.popover-container) .feature-discovery-hook { flex: 1.5 0 40px; gap: 4px; width: auto; }
.sidebar-hook { align-items: center; background-color: var(--ctm-primary-surface,var(--bg-color-sidebar-request-feature)); border-top: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); cursor: pointer; display: flex; flex: 1 1 0%; justify-content: center; padding: 9px 9px 9px 0px; }
.sidebar-hook:hover { background-color: var(--ctm-tertiary-surface,var(--sidebar-hover-color)); }
.sidebar-hook .btn-icon { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); cursor: pointer; margin-right: 5px; }
.sidebar-hook .tooltip-content { width: 100px; }
.sidebar-hook.report-bug:hover .btn-icon { color: var(--icon-bug-color); }
.sidebar-hook.request-feature:hover .btn-icon { color: var(--icon-feature-color); }
.feature-discovery-hook { align-items: center; background-color: var(--ctm-primary-surface,var(--bg-color-sidebar-request-feature)); border-top: 1px solid var(--ctm-surface-border,var(--line-separator-sidebar)); cursor: pointer; display: flex; justify-content: center; width: 55px; }
.feature-discovery-hook .feature-discovery-hover-gif { display: none; }
.feature-discovery-hook:hover { background-color: var(--ctm-tertiary-surface,var(--sidebar-hover-color)); }
.feature-discovery-hook:hover .btn-icon { display: none; }
.feature-discovery-hook:hover .feature-discovery-hover-gif { display: block; }
.feature-discovery-hook .feature-discovery-icon-wrapper { align-items: center; display: flex; justify-content: center; position: relative; }
.feature-discovery-hook .feature-discovery-icon-wrapper .btn-icon { margin-right: 0px; }
.feature-discovery-hook .feature-discovery-icon-wrapper .feature-discovery-hover-gif { height: 24px; object-fit: contain; width: 24px; }
.feature-discovery-hook .feature-discovery-badge { background-color: rgb(229, 62, 62); border-radius: 50%; box-shadow: 0 0 0 2px var(--ctm-primary-surface,var(--bg-color-sidebar-request-feature)); height: 8px; position: absolute; right: -2px; top: -2px; width: 8px; }
.ant-badge .ant-badge-dot, .nike-antd-badge .nike-antd-badge-dot { border-radius: 100%; box-shadow: 0 0 0 2.2px var(--ctm-primary-surface,var(--bg-color-sidebar-request-feature)); height: 6px; right: 4px; top: 5px; width: 6px; }
.hook-divider { background-color: var(--ctm-surface-border,var(--line-separator-sidebar)); flex-shrink: 0; }
.bug-and-feature-sidebar-hooks:not(.popover-container) .hook-divider { align-self: stretch; min-width: 1px; width: 1px; }
.popover-container .hook-divider { height: 1px; min-height: 1px; width: 100%; }
.popover-container { background-color: var(--ctm-surface-border,var(--line-separator-sidebar)); border-radius: 4px; flex-direction: column; }
.popover-container .sidebar-hook { justify-content: flex-start; padding: 9px; }
.popover-container .sidebar-hook:hover { background-color: var(--ctm-primary-surface,var(--bg-sidebar)); }
.popover-container > :first-child { border-radius: 4px 4px 0px 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.popover-container > :last-child { border-radius: 0px 0px 4px 4px; }
.popover-container .feature-discovery-hook { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); justify-content: flex-start; padding: 9px 9px 9px 13px; width: auto; }
.popover-container .feature-discovery-hook .feature-discovery-label { margin-left: 8px; }
.notifications .notification.update-card { background: var(--ctm-tertiary-surface,var(--bg-setup-account-nudge)); border-radius: 8px; color: var(--ctm-surface-overlay-primary-text,var(--notification-color)); padding: 8px; }
.notifications .notification.update-card .update-card-row { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
.notifications .notification.update-card .update-card-badge { align-items: center; background: var(--bg-update-card-badge); border-radius: 50%; display: flex; flex-shrink: 0; height: 24px; justify-content: center; width: 24px; }
.notifications .notification.update-card .update-card-gift { overflow: visible; }
.notifications .notification.update-card .update-card-gift-lid, .notifications .notification.update-card .update-card-spark { transform-box: fill-box; }
.notifications .notification.update-card .update-card-gift-lid { transform-origin: 0px 100%; }
.notifications .notification.update-card .update-card-spark { opacity: 0; transform-origin: 50% 50%; }
.notifications .notification.update-card .update-card-title { flex: 1 1 0%; font-size: 13.02px; font-weight: 600; line-height: 1.3; min-width: min-content; overflow-wrap: break-word; }
.notifications .notification.update-card .update-card-action-container { flex-shrink: 0; margin-left: auto; }
.notifications .notification.update-card .btn.update-card-action { border: 0px; font-size: 12.04px; height: 26px; line-height: 24px; padding: 0px 8px; white-space: nowrap; }
.notifications .notification.update-card .btn.update-card-action:focus-visible { background-color: var(--btn-hover-color); }
.notifications .notification.update-card .update-card-loader { color: currentcolor; flex-shrink: 0; margin-right: 6px; }
.form-alternate-email { background-color: var(--bg-modal); border-radius: 4px; margin: 20px 0px; padding: 0px 65px; text-align: center; }
.form-alternate-email .title { color: var(--text-color); font-size: 20.02px; font-weight: 600; margin-bottom: 8px; margin-top: 24px; }
.form-alternate-email .subtitle { color: var(--tertiary-text-three); line-height: 18px; margin-bottom: 20px; }
.form-alternate-email .field-meta { color: var(--tertiary-text-three); display: block; font-size: 12.04px; margin-top: 2px; text-align: left; }
.form-alternate-email .field-meta.error { color: var(--error-color); }
.form-alternate-email .email-address { font-weight: 300; }
.form-alternate-email .input { margin-bottom: 8px; }
.form-alternate-email .button-container { width: 100%; }
.form-alternate-email .button-container .btn-submit { margin-top: 22px; }
.center { text-align: center; }
.center a { color: var(--tertiary-text-three); cursor: pointer; text-decoration: none; }
.authenticator-code-container .label, .recovery-code-container .label { margin: 20px 0px; text-align: center; }
.authenticator-code-container .input_digit, .recovery-code-container .input_digit { background: var(--bg-modal); border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--modal-line-separator); border-radius: 0px; font-size: 23.94px; margin-right: 10px; outline: none; padding: 0px; }
.authenticator-code-container .input_digit.error, .recovery-code-container .input_digit.error { border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--error-color); }
.authenticator-code-container .input_digit:focus, .recovery-code-container .input_digit:focus { border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor; border-image: initial; outline: none; }
.authenticator-code-container .auth_code_container, .recovery-code-container .auth_code_container { justify-content: center; }
.authenticator-code-container .button-container, .recovery-code-container .button-container { width: 100%; }
.authenticator-code-container .button-container .btn-login, .recovery-code-container .button-container .btn-login { font-size: 16px; line-height: normal; margin-top: 28px; padding: 12px 10px; width: 100%; }
.authenticator-code-container .two_fa_guide, .recovery-code-container .two_fa_guide { color: var(--tertiary-text-three); font-size: 13.02px; line-height: 1.29; margin-top: 32px; text-align: center; }
.authenticator-code-container .links, .recovery-code-container .links { color: var(--link-color); display: block; text-decoration: none; }
.authenticator-code-container .links:hover, .recovery-code-container .links:hover { cursor: pointer; }
.authenticator-code-container .links.need-help, .recovery-code-container .links.need-help { margin-top: 14px; text-align: center; }
.authenticator-code-container .links.underline, .recovery-code-container .links.underline { text-decoration: underline; }
.authenticator-code-container .submit-error, .recovery-code-container .submit-error { color: var(--error-color); font-size: 10.5px; margin-top: 8px; text-align: center; }
.authenticator-code-container .submit-error .contact-us, .recovery-code-container .submit-error .contact-us { color: var(--tertiary-text-three); }
.force-reset-password-screen { align-items: center; display: flex; flex-direction: column; margin: 37px 30px 117px; padding: 31px 21px; text-align: center; }
.force-reset-password-screen .warning-icon { height: 40px; margin-bottom: 18px; width: 45px; }
.force-reset-password-screen .warning-msg { font-size: 16px; line-height: 24px; }
.force-reset-password-screen .regain-access-msg { font-size: 16px; line-height: 24px; margin-top: 20px; }
.force-reset-password-screen .regain-access-msg .reset-password-link { color: var(--link-color); text-decoration: none; }
.login-form { margin-top: 20px; }
.login-form .input { margin-bottom: 16px; }
.login-form .input .forgot-password a { color: var(--tertiary-text-three); text-decoration: none; }
.login-form .input .label { margin-bottom: 6px; }
.login-form .button-container { width: 100%; }
.login-form .button-container .btn-login { line-height: normal; margin-top: 8px; padding: 12px 10px; width: 100%; }
.login-form .signup-cta { color: var(--text-color); font-size: 14px; font-weight: 500; line-height: 18px; margin-top: 16px; text-align: center; }
.login-form .signup-cta .signup-cta-link { color: var(--link-color); display: inline-flex; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: underline; }
.login-form .submit-error { color: var(--error-color); margin-top: 8px; text-align: center; }
.login-form .submit-error .description { color: var(--tertiary-text-three); line-height: 18px; margin-top: 8px; }
.login-form .privacy-text { color: var(--text-color); line-height: 1.29; margin-top: 32px; text-align: center; }
.login-form .privacy-text .links { color: var(--link-color); text-decoration: none; }
.login-form .privacy-text .links:hover { cursor: pointer; }
.login-form .add-new-email-container { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-top: 20px; }
.login-form .add-new-email-container .btn-add-new-email { font-size: 15px; line-height: 17px; padding: 12px 10px; width: 100%; }
.login-form .re-login-email { display: flex; justify-content: center; margin: 25px auto; width: 320px; }
.login-form .re-login-email .re-login-label { background-color: var(--icon-hover-state); border-radius: 16px; font-size: 14px; font-weight: 600; overflow: hidden; padding: 7px 14px; text-overflow: ellipsis; }
.login-form .logout-error-container { margin: 32px 0px; }
.login-form .show-ellipsis { padding-right: 58px; text-overflow: ellipsis; }
.login .link-span { color: var(--link-color); text-decoration: underline; }
.login .link-span:hover { cursor: pointer; }
.form-container-in-client-flow { margin: 40px 0px 50px; padding: 0px 40px; }
.form-container-in-client-flow .form-subtitle, .form-container-in-client-flow .form-title { text-align: left; }
.form-container-in-re-login-flow .form-subtitle, .form-container-in-re-login-flow .form-title { text-align: center; }
.account-add-success { align-items: center; display: flex; flex-direction: column; margin: 50px; }
.account-add-success .email-id { font-size: 16px; font-weight: 600; margin-top: 8px; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-add-success .sub-text { margin-bottom: 28px; }
.account-add-success .button-container { width: 100%; }
.account-add-success .button-container .btn-login { font-size: 16px; line-height: normal; margin-top: 12px; padding: 12px 10px; width: 100%; }
.login-failed-screen { align-items: center; display: flex; flex-direction: column; margin: 50px; padding: 31px 21px 55px; text-align: center; }
.login-failed-screen .warning-icon { height: 40px; margin-bottom: 18px; width: 45px; }
.login-failed-screen .verification-msg, .login-failed-screen .warning-msg { font-size: 16px; line-height: 24px; margin-bottom: 28px; }
.change-password { margin: 4px 20px 4px 4px; }
.change-password .title { font-size: 16px; font-weight: 600; }
.change-password .subtitle { font-size: 15.96px; font-weight: 600; }
.change-password .text-field-with-action { display: block; position: relative; width: 300px; }
.change-password .text-field-with-action .text-field, .change-password .text-field-with-action input { padding: 8px 25px 8px 8px; width: 100%; }
.change-password .text-field-with-action .btn-action { color: var(--icon-secondary-color); cursor: pointer; padding: 8px 5px 0px; position: absolute; right: 0px; top: 0px; }
.change-password .form-row { margin-top: 24px; }
.change-password .form-row label { display: block; font-weight: 600; margin-bottom: 3px; }
.change-password .form-row .error-msg { width: 300px; }
.change-password .form-row-action { margin-top: 40px; }
.change-password .error { color: var(--error-color); }
.modal-change-password-success .title { font-size: 20.02px; font-weight: 600; }
.modal-change-password-success p { color: var(--tertiary-text-three); margin: 0px; }
.modal-change-password-success p .bold { font-weight: 600; }
.modal-change-password-success .change-pwd-success { margin-top: 24px; padding: 10px 20px; }
.profile-container { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 350px; }
.profile-container .description-wrapper { display: flex; flex-direction: column; padding-right: 10px; }
.profile-container .description-wrapper .heading { font-weight: 600; margin-bottom: 10px; margin-top: 5px; }
.profile-container .description-wrapper .description a { text-decoration: none; }
.profile-container .description-wrapper .description .icon { margin-left: 4px; position: relative; top: 1px; }
.priority-inbox-head { color: var(--secondary-text); font-weight: 700; }
.priority-inbox-head .heading { float: left; }
.priority-inbox-head .toggle-btn-container { align-items: center; background: var(--priority-preferences-toggle-background); border: 1px solid var(--priority-preferences-toggle-border); border-radius: 4px; display: flex; fill: var(--priority-preferences-toggle-fill); height: 68px; justify-content: space-between; width: 775px; }
.priority-inbox-head .toggle-btn-container .priority-inbox-toggle { align-items: center; display: flex; height: 36px; margin-right: 24px; padding-left: 18px; }
.priority-inbox-head .priority-inbox-span { font-size: 15.96px; font-weight: 400; line-height: 20px; margin-left: 24px; }
.priority-inbox-head .priority-inbox-divider { border-top: 1px solid var(--line-seprator-color); margin-bottom: 20px; margin-top: 20px; }
.priority-inbox-head .priority-inbox-contact-list { color: var(--secondary-text); font-size: 14px; line-height: 30px; margin-top: 32px; }
.priority-inbox-head .priority-inbox-contact-list .info-nudge { font-weight: 400; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body { line-height: 20px; margin-top: 10px; width: 775px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-col { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; display: flex; padding: 10px 10px 0px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-col .col-name { padding-bottom: 7px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-col .priority-emails:hover { cursor: pointer; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-col .priority-domains { margin-left: 20px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-col .priority-domains:hover { cursor: pointer; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row { border: 1px solid var(--line-seprator-color); min-height: 300px; padding: 4px 6px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-wrpr { background: var(--priority-preferences-toggle-background); border: 1px solid var(--priority-preferences-toggle-border); fill: var(--priority-preferences-toggle-fill); }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-wrpr.active-add { background-color: initial; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .priority-inbox-list-message { align-items: flex-start; background: var(--info-bar); display: flex; flex: 0 0 auto; flex-direction: row; font-weight: 400; height: 56px; justify-content: center; left: 0px; margin: 0px; order: 0; padding: 10px; position: static; top: 0px; width: 575px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email { background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; flex: 0 0 auto; font-size: 13px; font-weight: 700; height: 30px; line-height: 18px; order: 0; padding-left: 8px; position: static; text-align: left; user-select: none; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form { align-items: center; display: flex; flex-direction: row; font-weight: 400; padding-bottom: 6px; padding-left: 8px; padding-top: 6px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .add-new-text { align-items: center; border: 1px solid var(--input-new-list-item); border-radius: 4px; box-sizing: border-box; justify-content: center; left: 0px; max-width: 400px; min-width: 240px; order: 0; position: static; top: 0px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .add-new-text .content-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .add-new-text div.tokenizing-field-input { margin-left: 10px; max-height: 40px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .add-new-text div.tokenizing-field-input .placeholder { left: 0px; top: 54%; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .composer-participant-field { min-height: 32px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .composer-participant-field .tokenizing-field-wrap { padding: 0px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .add-new-email-form .button-container { margin-left: 10px; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .success { color: var(--success-msg); font-size: 12px; font-weight: 400; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .fail { color: var(--error-msg); font-size: 12px; font-weight: 400; }
.priority-inbox-head .priority-inbox-contact-list .priority-inbox-contact-list-body .priority-inbox-list-row .notify-message { inset: 72% 64.96% 14% 1.41%; flex: 0 0 auto; line-height: 14px; margin: 4px 12px; order: 2; position: static; }
.active-tab { border-bottom: 3px solid var(--ctm-brand-color,var(--header-underline)); }
.inactive-tab { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; font-weight: 400; }
.active-add-new { color: var(--add-new-btn); }
.inactive-add-new { color: var(--icon-secondary-color); }
.nudge { left: 6px; position: relative; top: 9px; }
.nudge svg use { color: rgba(0, 0, 0, 0); }
.tooltip { background: var(--bg-tooltip); border-radius: 4px; display: flex; flex-direction: row; max-width: 400px; }
.priority-inbox-list-message { background-color: var(--bg-secondary-modal); }
.bold { color: var(--secondary-text); font-weight: 700; }
.email-id-list { clear: both; display: block; font-weight: 400; list-style-type: none; max-height: 220px; overflow: hidden scroll; padding-left: 0px; padding-top: 10px; }
.email-id-list .contact-id { align-items: center; display: flex; flex: 0 0 auto; flex-direction: row; height: 38px; left: 0px; margin: 0px; order: 4; padding: 10px; position: static; top: 76px; width: 564px; }
.email-id-list .contact-id .contact-id-text { color: var(--secondary-text); flex: 0 0 auto; font-size: 15px; height: 18px; left: 10px; line-height: 18px; margin: 0px; order: 0; position: static; top: calc(50% - 9px); width: 500px; }
.email-id-list .contact-id .delete-loader { margin-bottom: 5px; margin-left: 10px; visibility: hidden; }
.email-id-list .contact-id .remove-priority-icon { visibility: hidden; }
.email-id-list .contact-id .delete-btn-icon { height: 35px; padding-top: 7px; width: 35px; }
.email-id-list .contact-id .delete-btn-icon:hover { cursor: pointer; }
.email-id-list .contact-id:hover { background-color: var(--hover-color); }
.email-id-list .contact-id:hover .remove-priority-icon { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; visibility: visible; }
.email-id-list .contact-id { border-bottom: 1px solid var(--list-divider); }
.email-id-list .contact-id:hover { background: var(--hover-color); }
.email-id-list .first-divider { border-top: 1px solid var(--list-divider); }
.loading_emails { margin-left: 250px; margin-top: 100px; }
.loading_emails .loading_emails_icon { margin-left: 11px; }
.loading_emails .loading_emails_text { color: rgb(136, 136, 136); font-weight: 400; }
.paywall-container { background: var(--priority-preferences-paywall-background); border: 1px solid var(--priority-preferences-paywall-border); border-radius: 4px; display: flex; height: 268px; padding: 16px; width: 775px; }
.paywall-container .paywall-right-container { width: 55%; }
.paywall-container .paywall-left-container { display: flex; flex-direction: column; justify-content: space-between; width: 300px; }
.paywall-container .paywall-left-container .btn.titan-max-btn { padding: 8px 22px; width: fit-content; }
.paywall-container .paywall-left-container .text-container { display: flex; flex-direction: column; }
.paywall-container .paywall-left-container .text-container .paywall-text-one { font-size: 15.96px; font-weight: 600; }
.paywall-container .paywall-left-container .text-container .paywall-text-two { font-size: 14px; font-weight: 400; margin-top: 12px; }
.paywall-container .paywall-left-container .text-container .paywall-text-two .paywall-learn-more { color: rgb(33, 112, 244); margin-left: 4px; text-decoration: none; }
.paywall-container .paywall-left-container .text-container .paywall-text-two .paywall-learn-more .learn-more-icon { margin-top: -1px; }
.allow-notification-banner { background-color: var(--bg-notification-bar); color: var(--notification-color); display: flex; font-weight: 600; justify-content: center; line-height: 1.43; padding-bottom: 10px; padding-top: 10px; position: relative; }
.allow-notification-banner .click-area { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; cursor: pointer; }
.allow-notification-banner .close-icon { background-color: var(--notif-close-btn-bg); border-radius: 4px; height: 24px; position: absolute; right: 16px; top: 8px; width: 24px; }
.allow-notification-banner .close-icon:hover { background-color: var(--notif-close-btn-bg-hover); cursor: pointer; }
.allow-notification-banner .turn_on_btn { border: 1px solid var(--notification-color); border-radius: 4px; margin-left: 16px; padding: 2px 9.5px; }
.allow-notification-banner .turn_on_btn:hover { cursor: pointer; }
.renew-modal-container { border-radius: 5px; height: 100%; overflow: hidden; width: 100%; }
.renew-modal-container .close-button { position: absolute; right: 16px; top: 16px; }
.renew-modal-container .image-body { background: var(--renew-modal-image-bg-color); display: flex; flex-direction: column; height: 250px; justify-content: flex-end; }
.renew-modal-container .image-body img { display: block; margin: 0px auto; }
.renew-modal-container .body-wrapper { align-items: center; background: var(--renew-modal-body-bg-color); display: flex; flex-direction: column; padding: 36px 58px 64px; }
.renew-modal-container .body-wrapper .title { font-size: 23.94px; font-weight: 600; line-height: 30px; text-align: center; }
.renew-modal-container .body-wrapper .description { font-size: 15.96px; font-weight: 400; line-height: 21px; margin-top: 22px; text-align: center; width: 95%; }
.renew-modal-container .body-wrapper button { line-height: 20px; margin-top: 44px; min-height: 40px; width: 320px; }
.upgrade-hook-modal-container { align-items: center; background-color: var(--upgrade-hook-modal-bg); border-radius: 8px; display: flex; flex-direction: column; z-index: 300001; }
.upgrade-hook-modal-container .dismiss-btn { position: absolute; right: 15.5px; top: 16px; z-index: 10; }
.upgrade-hook-modal-container .upgrade-hook-modal-wrapper { align-items: center; display: flex; flex-direction: column; overflow: auto; padding: 40px 50px 0px; }
.upgrade-hook-modal-container .upgrade-hook-modal-footer { align-items: center; display: flex; flex-direction: column; padding-bottom: 32px; width: 100%; }
.upgrade-hook-modal-container .upgrade-hook-modal-footer .cta { align-items: center; background-color: var(--background-color-for-upgrade); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-for-upgrade); display: flex; font-weight: 600; justify-content: center; min-width: 125px; padding: 5px 30px; }
.upgrade-hook-modal-container .upgrade-hook-modal-footer .cta:hover { background-color: var(--upgrade-hook-hover-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.upgrade-hook-modal-container .box-shadow { box-shadow: rgba(255, 255, 255, 0.15) 0px -2px 8px; }
.upgrade-hook-modal-container .image { position: absolute; right: 0px; text-align: center; top: -60px; width: 100%; }
.upgrade-hook-modal-container .image-gradient { background: var(--upgrade-modal-gradient); height: 190px; position: absolute; top: 60px; width: 100%; }
.upgrade-hook-modal-container .feature-list-header-container { align-items: center; display: flex; }
.upgrade-hook-modal-container .feature-list-header-container .header { margin-bottom: 0px; text-align: unset; }
.upgrade-hook-modal-container .feature-list-header-container .header span { color: var(--upgrade-hook-feature-color); }
.upgrade-hook-modal-container .feature-list-header-container .image { position: unset; width: fit-content; }
.upgrade-hook-modal-container .feature-list-header-container .image img { height: 90px; }
.upgrade-hook-modal-container .image-gradient.small-height { height: 130px; }
.upgrade-hook-modal-container .header { color: var(--upgrade-hook-primary-header-text); font-size: 28px; font-weight: 600; line-height: 36px; margin-bottom: 16px; position: relative; text-align: center; z-index: 2; }
.upgrade-hook-modal-container .header span { color: var(--upgrade-hook-feature-color); }
.upgrade-hook-modal-container .header.margin-top-big { margin-top: 110px; }
.upgrade-hook-modal-container .header.margin-top-small { margin-top: 75px; }
.upgrade-hook-modal-container .body { width: 100%; }
.upgrade-hook-modal-container .sub-header { color: var(--upgrade-hook-primary-sub-header-text); font-size: 15.96px; margin-bottom: 52px; text-align: center; }
.upgrade-hook-modal-container .permalink-icon { margin-left: 5px; }
.upgrade-hook-modal-container .footer { color: var(--tertiary-text-three); margin-top: 32px; text-align: center; }
.upgrade-hook-modal-container .upgrade-hook-fallback-link { color: var(--upgrade-hook-primary-sub-header-text); font-size: 15.96px; margin: -36px 0px 28px; }
.upgrade-hook-modal-container .upgrade-hook-fallback-link .upgrade-hook-fallback-link-cta { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--upgrade-hook-primary-sub-header-text); cursor: pointer; font-size: 15.96px; font-weight: 400; padding: 0px; text-decoration: underline; }
.upgrade-hook-modal-feature-list .cta { margin-top: 16px; }
.upgrade-hook-modal-feature-list .cta .permalink-icon { margin-top: 2px; }
.upgrade-hook-modal-feature-list .footer { color: var(--upgrade-hook-primary-header-text); margin: 16px 0px 0px; width: 90%; }
.upgrade-hook-modal-plan-comparison { max-height: 90vh; }
.upgrade-hook-modal-plan-comparison .upgrade-hook-modal-wrapper { flex: 1 1 auto; min-height: 0px; padding: 20px 23px 0px; width: 100%; }
.upgrade-hook-modal-plan-comparison .body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0px; }
.upgrade-hook-modal-plan-comparison .upgrade-hook-modal-footer { flex-shrink: 0; }
.upgrade-hook-modal-plan-comparison .feature-list-header-container { padding: 0px 5px; }
.renew-banner { align-items: center; display: flex; height: 48px; justify-content: center; padding: 0px 8px; position: relative; }
.renew-banner .attention-icon { margin-top: 11px; }
.renew-banner .message { margin-right: 15px; max-width: 85%; text-align: center; }
.renew-banner .message b { margin-right: 5px; }
.renew-banner .renew-cta { background-color: initial; font-weight: 600; max-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renew-banner .plain-cross-icon { cursor: pointer; position: absolute; right: 5px; top: 14px; }
.yellow-theme { background-color: var(--renew-banner-yellow-theme-bg-color); color: var(--renew-banner-yellow-theme-text-color); }
.yellow-theme .attention-icon { color: var(--renew-banner-yellow-theme-icon-color); }
.yellow-theme .renew-cta, .yellow-theme .renew-cta:hover { border: 1px solid var(--renew-banner-yellow-theme-text-color); color: var(--renew-banner-yellow-theme-text-color); }
.yellow-theme .renew-cta:hover { background: rgba(0, 0, 0, 0); }
.red-theme { background-color: var(--renew-banner-red-theme-bg-color); color: var(--renew-banner-red-theme-text-color); }
.red-theme .attention-icon { color: var(--renew-banner-red-theme-icon-color); }
.red-theme .renew-cta { color: var(--renew-banner-red-theme-text-color); }
.red-theme .renew-cta, .red-theme .renew-cta:hover { border: 1px solid var(--renew-banner-red-theme-text-color); }
.red-theme .renew-cta:hover { background: rgba(0, 0, 0, 0); }
.undo-send-toast .flockmail-toast-wrap { height: 56px; min-width: 320px; padding: 0px 24px; }
.undo-send-toast .undo-action-wrapper img { background-color: initial; }
.undo-send-toast .undo-action-wrapper button { color: var(--ctm-brand-color,var(--bg-toast-button)) !important; height: 56px; }
.undo-toast.undo-send-toast .undo-message-wrapper .undo-message { display: inline-block; min-width: 150px; padding-right: 10px; }
.undo-toast.undo-send-toast .mail-icon { animation: 0.3s ease 0s infinite alternate none running messageSending; display: inline-block; position: relative; vertical-align: -1px; }
.undo-toast.undo-send-toast.sent-message .mail-icon { animation: 0.2s ease 0s 1 normal forwards running slideOut; }
.undo-toast.undo-send-toast.sent-message .undo-message { min-width: unset; }
@keyframes slideOut { 
  0% { opacity: 1; right: 0px; transform: scale(1.05); }
  100% { opacity: 0; right: -100px; transform: scale(1); }
}
@keyframes messageSending { 
  0% { transform: scale(1); }
  100% { transform: scale(1.15); }
}
.wsc-contextmenu .wsc-list .wsc-item .wsc-button { font-size: 16px; font-weight: 600; line-height: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif !important; margin: 5px !important; width: 95% !important; }
.wsc-contextmenu .wsc-list .wsc-item .wsc-button:hover { border-radius: 4px !important; }
.theme-light .wsc-contextmenu .wsc-list .wsc-item .wsc-button { color: rgb(33, 112, 244) !important; }
.theme-light .wsc-contextmenu .wsc-list .wsc-item .wsc-button:hover { background-color: rgb(230, 239, 255) !important; }
.theme-dark .wsc-contextmenu .wsc-list .wsc-item .wsc-button { color: rgb(166, 207, 255) !important; }
.theme-dark .wsc-contextmenu .wsc-list .wsc-item .wsc-button:hover { background-color: rgb(66, 82, 101) !important; }
.wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-button { font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 4px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif !important; }
.theme-light .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-button:hover { background-color: rgb(240, 240, 240) !important; }
.theme-light .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-button .wsc-button__text { color: rgb(102, 102, 102) !important; }
.theme-dark .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-button { color: rgb(189, 189, 189); }
.theme-dark .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-button:hover { background-color: rgba(85, 85, 85, 0.4) !important; }
.wsc-contextmenu .wsc-action-items-overlay .wsc-action-items { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.theme-light .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.theme-dark .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-icon { color: rgb(189, 189, 189) !important; }
.theme-light .wsc-contextmenu .wsc-action-items-overlay .wsc-action-items .wsc-icon { color: rgb(136, 136, 136) !important; }
.wsc-contextmenu .wsc-action-items-overlay { padding: 6px 12px !important; }
.theme-light .wsc-contextmenu .wsc-action-items-overlay { border-top: 1px solid rgb(236, 236, 236); }
.theme-dark .wsc-contextmenu .wsc-action-items-overlay { border-top: 1px solid rgb(74, 74, 74); }
.theme-dark .wsc-contextmenu, .theme-light .wsc-contextmenu { min-width: 238px !important; }
.theme-dark .wsc-contextmenu { background-color: rgb(63, 62, 62) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 14px 0px !important; }
.wsc-contextmenu .wsc-list .wsc-item .wsc-button.wsc-contextmenu__button--description { font-size: 14px; font-weight: 400; }
.theme-dark .wsc-contextmenu .wsc-list .wsc-item .wsc-button.wsc-contextmenu__button--description { color: rgb(221, 221, 221) !important; }
.theme-light .wsc-contextmenu .wsc-list .wsc-item .wsc-button.wsc-contextmenu__button--description { color: rgb(51, 51, 51) !important; }
.spell-checker-paywall-container { background: var(--bg-spell-checker-pref-paywall); border: 1px solid var(--border-spell-checker-pref-paywall); border-radius: 4px; display: flex; font-size: 14px; justify-content: space-between; padding: 20px; width: 775px; }
.spell-checker-paywall-container .content-container { display: flex; flex-direction: column; }
.spell-checker-paywall-container .content-container .paywall-header { color: var(--text-spell-checker-pref-paywall); font-size: 15.96px; font-weight: 600; margin-bottom: 8px; }
.spell-checker-paywall-container .content-container .paywall-description { margin-bottom: 24px; }
.spell-checker-paywall-container .content-container .upgrade-btn { width: fit-content; }
.spell-checker-paywall-container .content-container .tick-icon svg { color: var(--tick-mark); }
.spell-checker-paywall-container .image-container { align-items: center; }
@media only screen and (max-width: 930px) {
  .banner-7080, .banner-8090 { padding-bottom: 30px !important; }
  .banner-7080 .close-icon, .banner-8090 .close-icon { margin-top: 0px !important; }
}
@media only screen and (max-width: 1024px) {
  .banner-9099 { padding-bottom: 30px !important; }
  .banner-9099 .close-icon { margin-top: 0px !important; }
}
.storage-banner { background: var(--closable-storage-banner-bg); color: var(--storage-banner-text); font-weight: 600; padding-bottom: 8px; position: relative; }
.storage-banner .storage-banner-content { align-items: center; display: flex; height: 100%; justify-content: center; margin: 0px auto; width: 100%; }
.storage-banner .storage-banner-content .exclimation-circle { color: var(--exclimatory-circle); margin-top: 6px; min-height: 24px; min-width: 24px; }
.storage-banner .storage-banner-content .banner-text { font-weight: 600; padding-top: 10px; }
.storage-banner .storage-banner-content .upgrade-button { padding-left: 12px; padding-top: 6px; }
.storage-banner .storage-banner-content .upgrade-button .btn { font-weight: 400; }
.storage-banner .close-icon { float: right; margin-top: -27px; padding-right: 15px; }
.storage-banner .close-icon:hover { cursor: pointer; }
.banner-99100 { background: var(--non-closable-storage-banner-bg); color: var(--non-closable-banner-upgrade-btn-text); }
.banner-99100 .storage-banner-content .exclimation-circle { color: var(--non-closable-banner-upgrade-btn-fill); }
.thread-navigation-container { align-items: center; border: 1px solid var(--border-color-default); border-radius: 4px; display: flex; margin-left: 8px; overflow: hidden; }
.thread-navigation-container:not(:has(+ *)) { margin-right: 52px; }
.thread-navigation-container .nav-divider { align-self: stretch; background-color: var(--border-color-default); flex-shrink: 0; width: 1px; }
.thread-navigation-container .btn-thread-navigation { align-items: center; background-color: var(--bg-primary-color); border-radius: 0px; display: flex; height: 24px; justify-content: center; padding: 0px; width: 24px; }
.thread-navigation-container .btn-thread-navigation.btn .disclosure-triangle.left, .thread-navigation-container .btn-thread-navigation.btn .disclosure-triangle.right { color: var(--icon-secondary-color); height: 20px !important; width: 20px !important; }
.thread-navigation-container .btn-thread-navigation.btn .disclosure-triangle.left svg, .thread-navigation-container .btn-thread-navigation.btn .disclosure-triangle.right svg { height: 100%; width: 100%; }
.thread-navigation-container .btn-thread-navigation:hover { background-color: var(--thread-navigation-button-hover-bg); border-color: var(--thread-navigation-button-hover-bg); }
.thread-navigation-container .btn-thread-navigation.btn-disabled { background-color: var(--btn-disabled-bg); }
.thread-navigation-container .btn-thread-navigation.btn-disabled .disclosure-triangle { color: var(--btn-disabled-icon-color); }
.sheet.mode-list:not(.thread-view) .toolbar-buttons-wrapper-outer { background-color: var(--bg-primary-color); }
.toolbar-buttons-wrapper { display: flex; height: 48px; justify-content: space-between; transition: 0.15s ease-out; }
.toolbar-buttons-wrapper .toolbar-divider { border-left: 1px solid var(--border-color-default); height: 100%; margin: 0px 8px; }
.toolbar-buttons-wrapper > .left { align-items: center; padding: 10px 0px 10px 10px; }
.toolbar-buttons-wrapper .priority-menu, .toolbar-buttons-wrapper > .left { display: flex; }
.toolbar-buttons-wrapper > .right { align-items: center; display: flex; padding: 10px 10px 10px 0px; }
.toolbar-buttons-wrapper .btn-toolbar { color: var(--btn-text-toolbar); font-size: 13.02px; font-weight: 400; margin: 0px; padding: 4px 10px; }
.toolbar-buttons-wrapper .btn-toolbar:hover { color: var(--btn-text-toolbar-hover); }
.toolbar-buttons-wrapper .btn-toolbar > .btn-icon { color: var(--icon-secondary-color); cursor: inherit; margin-left: -2px; margin-right: 3px; vertical-align: bottom; }
.toolbar-buttons-wrapper .btn-toolbar > .priority-icon { margin: 0px 4px 0px -4px; transform: translateY(-1px); }
.toolbar-buttons-wrapper .bulk-selection-count { display: flex; justify-content: flex-end; line-height: 32px; width: 300px; }
.toolbar-buttons-wrapper .bulk-selection-count .bulk-selection-count-text { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toolbar-buttons-wrapper .bulk-selection-count .btn-show-count { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.toolbar-buttons-wrapper .btn-more { padding: 4px; }
.toolbar-buttons-wrapper .btn-more .btn-icon { margin: 0px; }
.sheet.mode-split .toolbar-buttons-wrapper .left { width: 85%; }
.thread-toolbar-button-outer { display: inline-block; }
.thread-toolbar-button-outer.invisible { opacity: 0; pointer-events: none; }
.toolbar-buttons-wrapper-outer.screen-small .left { width: 500px; }
.toolbar-buttons-wrapper-outer.screen-medium .left { width: 570px; }
.toolbar-buttons-wrapper-outer.screen-large .left { width: 75%; }
.toolbar-buttons-wrapper-outer.priority-on.screen-small .left { width: 334px; }
.toolbar-buttons-wrapper-outer.priority-on.screen-medium .left { width: 600px; }
.toolbar-buttons-wrapper-outer.priority-on.screen-large .left { width: 75%; }
.thread-toolbar-overflow-menu .item .btn-priority .priority-icon, .toolbar-buttons-wrapper .item .btn-priority .priority-icon { margin-bottom: 1px; }
.thread-toolbar-overflow-menu .btn-star.starred .btn-icon, .thread-toolbar-overflow-menu .btn-star:hover .btn-icon, .toolbar-buttons-wrapper .btn-star.starred .btn-icon, .toolbar-buttons-wrapper .btn-star:hover .btn-icon { color: var(--star-yellow); }
.thread-toolbar-overflow-menu .btn-archive:hover .btn-icon, .toolbar-buttons-wrapper .btn-archive:hover .btn-icon { color: var(--archive-green); }
.thread-toolbar-overflow-menu .btn-trash:hover .btn-icon, .toolbar-buttons-wrapper .btn-trash:hover .btn-icon { color: var(--trash-red); }
.thread-toolbar-overflow-menu .btn-read:hover .btn-icon, .thread-toolbar-overflow-menu .btn-unread:hover .btn-icon, .toolbar-buttons-wrapper .btn-read:hover .btn-icon, .toolbar-buttons-wrapper .btn-unread:hover .btn-icon { color: var(--read-unread-blue); }
.thread-toolbar-overflow-menu .btn-block:hover .btn-icon, .thread-toolbar-overflow-menu .btn-spam:hover .btn-icon, .toolbar-buttons-wrapper .btn-block:hover .btn-icon, .toolbar-buttons-wrapper .btn-spam:hover .btn-icon { color: var(--spam-red); }
.thread-toolbar-overflow-menu .label-btn:hover .btn-icon, .toolbar-buttons-wrapper .label-btn:hover .btn-icon { color: var(--read-unread-blue); }
.thread-toolbar-overflow-menu .btn-not-spam:hover .btn-icon, .toolbar-buttons-wrapper .btn-not-spam:hover .btn-icon { color: var(--unspam-green); }
.thread-toolbar-overflow-menu .btn-print:hover .btn-icon, .toolbar-buttons-wrapper .btn-print:hover .btn-icon { color: var(--print-pink); }
.thread-toolbar-overflow-menu .btn-priority:hover .btn-icon, .toolbar-buttons-wrapper .btn-priority:hover .btn-icon { color: var(--priority-mustard); }
.thread-toolbar-overflow-menu .btn-pin.pinned .btn-icon, .thread-toolbar-overflow-menu .btn-pin.unpinned:hover .btn-icon, .toolbar-buttons-wrapper .btn-pin.pinned .btn-icon, .toolbar-buttons-wrapper .btn-pin.unpinned:hover .btn-icon { color: var(--pin-thread-blue); }
.thread-toolbar-overflow-menu .btn-pin.pin-disabled, .thread-toolbar-overflow-menu .btn-pin.pin-disabled .btn-icon, .toolbar-buttons-wrapper .btn-pin.pin-disabled, .toolbar-buttons-wrapper .btn-pin.pin-disabled .btn-icon { color: var(--btn-disabled); }
.thread-toolbar-overflow-menu .btn-pin.pin-disabled:hover, .toolbar-buttons-wrapper .btn-pin.pin-disabled:hover { cursor: default !important; }
.thread-toolbar-overflow-menu .btn-expand-message-list, .toolbar-buttons-wrapper .btn-expand-message-list { margin-bottom: 2px; }
.thread-toolbar-overflow-menu .btn-expand-message-list:hover, .toolbar-buttons-wrapper .btn-expand-message-list:hover { background-color: initial; }
.thread-toolbar-overflow-menu .btn-expand-message-list svg, .toolbar-buttons-wrapper .btn-expand-message-list svg { height: 25px; }
.thread-toolbar-overflow-menu .btn-expand-message-list:not(:disabled):hover svg, .toolbar-buttons-wrapper .btn-expand-message-list:not(:disabled):hover svg { background-color: var(--hover-color); border-radius: 4px; }
.thread-toolbar-overflow-menu .btn-expand-message-list:disabled, .toolbar-buttons-wrapper .btn-expand-message-list:disabled { cursor: default !important; }
.thread-toolbar-overflow-menu .btn-expand-message-list:disabled svg, .toolbar-buttons-wrapper .btn-expand-message-list:disabled svg { color: var(--btn-disabled-icon-color); }
.thread-toolbar-overflow-menu .btn-move-to-folder .chevron-right, .toolbar-buttons-wrapper .btn-move-to-folder .chevron-right { display: none; margin-top: 6px; }
.thread-toolbar-overflow-menu .btn-move-to-folder:hover .btn-icon, .toolbar-buttons-wrapper .btn-move-to-folder:hover .btn-icon { color: var(--movetofolder-blue); }
.thread-toolbar-overflow-menu .btn-add-to-task .btn-icon use, .toolbar-buttons-wrapper .btn-add-to-task .btn-icon use { transform: scale(0.9375); transform-box: fill-box; transform-origin: center center; }
.thread-toolbar-overflow-menu .btn-add-to-task:hover .btn-icon, .toolbar-buttons-wrapper .btn-add-to-task:hover .btn-icon { color: var(--add-to-task-yellow); }
.thread-toolbar-overflow-menu .btn-back, .toolbar-buttons-wrapper .btn-back { display: flex; padding: 6px 10px; }
.thread-toolbar-overflow-menu .btn-back .key-commands-region, .toolbar-buttons-wrapper .btn-back .key-commands-region { width: fit-content; }
.thread-toolbar-overflow-menu .btn-back:hover .btn-icon, .toolbar-buttons-wrapper .btn-back:hover .btn-icon { color: var(--back-btn); }
.pin-tooltip { white-space: nowrap; }
.thread-toolbar-overflow-menu { min-width: 250px; padding: 10px 0px; }
.thread-toolbar-overflow-menu > .item { padding: 0px !important; }
.thread-toolbar-overflow-menu > .item .btn-toolbar { align-items: center; background: inherit; box-shadow: none; color: var(--text-color); cursor: pointer; display: flex; font-weight: 400; padding: 10px 20px; text-align: left; width: 100%; }
.thread-toolbar-overflow-menu > .item .btn-toolbar .btn-icon { margin-right: 8px; }
.thread-toolbar-overflow-menu > .item .btn-toolbar .btn-icon.right { position: absolute; right: 0px; }
.thread-toolbar-overflow-menu > .item .btn-toolbar .chevron-right { display: block; margin-top: 6px; }
.thread-toolbar-overflow-menu > .item .btn-pin.pin-disabled { color: var(--btn-disabled); }
.labels-dropdown-container { background-color: var(--bg-small-dropdowns); border-radius: 4px; color: var(--text-color); display: flex; flex-direction: column; list-style: none; max-height: calc(-32px + 100vh); overflow-y: auto; width: 220px; }
.labels-dropdown-container .label-dropdown-labels-container { flex: 1 1 auto; max-height: 350px; min-height: 0px; overflow: scroll; }
.labels-dropdown-container .container-one { cursor: default; padding-top: 16px; }
.labels-dropdown-container .container-one .header-text { font-size: 14px; font-weight: 600; margin-left: 20px; }
.labels-dropdown-container .container-one .labels-items-container { margin-bottom: 6px; margin-top: 8px; overflow: hidden auto; scrollbar-color: var(--dropdown-border-color); }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container { padding: 6px 20px; }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container.label-item-focused { background-color: var(--secondary-hover-color); }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container .label-item { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container .label-item .label-name-icon { align-items: center; display: flex; }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container .label-item .label-name-icon .label-text { cursor: pointer; font-size: 14px; font-weight: 400; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; }
.labels-dropdown-container .container-one .labels-items-container .dropdown-label-item-container .label-item .checkbox-style { cursor: pointer; width: 14px; }
.labels-dropdown-container .label-divider { border-top: 1px solid var(--dropdown-border-color); flex-shrink: 0; font-size: 12.04px; pointer-events: none; }
.labels-dropdown-container .buttons-container { flex-shrink: 0; text-overflow: ellipsis; }
.labels-dropdown-container .buttons-container .button-item .button-container { display: block; width: 100%; }
.labels-dropdown-container .buttons-container .button-item .button-style { appearance: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; padding: 10px 10px 10px 20px; width: 100%; }
.labels-dropdown-container .buttons-container .button-item .button-style > span { align-items: center; display: flex; justify-content: flex-start; }
.labels-dropdown-container .buttons-container .button-item .button-style .footer-action-text { color: var(--text-color); font-size: 14px; font-weight: 400; line-height: 20px; margin-left: 8px; text-overflow: ellipsis; }
.labels-dropdown-container .buttons-container .button-item .button-style .extra-styles { margin-left: 30px; padding: 5px; }
.labels-dropdown-container .buttons-container .button-item .button-style .icon { color: var(--icon-secondary-color); flex-shrink: 0; }
.labels-dropdown-container .buttons-container .button-item:hover { background-color: var(--secondary-hover-color); }
.menu-open-left { border-radius: 4px; box-shadow: var(--popover-shadow); left: auto; position: absolute; right: 100%; top: -15px; }
.labels-dropdown-padding { padding-bottom: 10px; }
.empty-label-content { display: flex; font-weight: 600; margin-top: 12px; padding-left: 22px; }
.beta-tag { align-items: center; background: var(--bg-secondary-color); border-radius: 2px; color: var(--secondary-text); font-size: 10.5px; font-style: normal; font-weight: 500; gap: 10px; justify-content: center; line-height: 150%; margin-left: 8px; padding: 0px 3px; text-align: center; }
.beta-tag, .label-btn-container { display: flex; }
.label-btn-container .label-btn { color: var(--btn-text-toolbar); display: flex; font-size: 13.02px; font-weight: 400; margin: 0px; padding: 4px 10px; }
.label-btn-container .label-btn .icon { align-self: flex-end; color: var(--icon-secondary-color); cursor: inherit; display: flex; margin-left: -2px; margin-right: 5px; vertical-align: bottom; }
.label-btn-container .label-btn .icon-styles { align-items: flex-end; display: flex; margin-right: 8px; }
.thread-list-header { align-items: center; border-bottom: 1px solid var(--border-color-default); display: flex; flex: 0 0 auto; height: 48px; justify-content: space-between; padding: 0px 8px 0px 1px; position: relative; width: 100%; }
.thread-list-header.list { align-items: center; justify-content: flex-start; padding-left: 4px; }
.thread-list-header.list > .thread-list-filters { flex: 1 1 auto; min-width: 0px; }
.thread-list-header.list:has(.toolbar-buttons-wrapper) > .thread-list-filters { flex: 0 0 40%; max-width: 40%; }
.thread-list-header.list:has(.toolbar-buttons-wrapper) > .thread-list-filters:has(> .folder-details > .folder-name-strip > .folder-name-container > .pinned-inbox-tab):not(:has(> .folder-details > .folder-name-strip > .folder-name-container > .pinned-inbox-tab:nth-child(3))) { justify-content: flex-start; }
.thread-list-header.list:has(.toolbar-buttons-wrapper) > .thread-list-filters:has(> .folder-details > .folder-name-strip > .folder-name-container > .pinned-inbox-tab):not(:has(> .folder-details > .folder-name-strip > .folder-name-container > .pinned-inbox-tab:nth-child(3))) .folder-details { flex: 0 1 auto; }
.thread-list-header.list .toolbar-buttons-wrapper-outer { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; flex: 0 1 auto; min-width: 0px; }
.thread-list-header.list .toolbar-buttons-wrapper-outer:has(.toolbar-buttons-wrapper) { flex: 0 0 60%; max-width: 60%; }
.thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper { height: 32px; }
.thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper .left, .thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper .right { padding: 0px; }
.thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper > .left { flex: 0 0 66.6667%; max-width: 66.6667%; min-width: 0px; }
.thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper > .right { flex: 0 0 33.3333%; justify-content: flex-end; max-width: 33.3333%; min-width: 0px; }
.thread-list-header.list .toolbar-buttons-wrapper-outer .toolbar-buttons-wrapper .bulk-selection-count { min-width: 0px; width: 100%; }
.thread-list-header.wide { padding-left: 4px; }
.pin-unpin-label-modal { background: var(--bg-modal); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px; display: flex; flex-direction: column; width: 630px; }
.pin-unpin-label-modal .pin-unpin-label-modal-header { align-items: center; display: flex; gap: 16px; justify-content: space-between; padding: 24px 24px 16px; }
.pin-unpin-label-modal .pin-unpin-label-modal-title { color: var(--text-color); font-size: 18px; font-style: normal; font-weight: 600; line-height: 120%; }
.pin-unpin-label-modal .pin-unpin-label-modal-close-btn { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--icon-secondary-color); cursor: pointer; display: flex; justify-content: center; padding: 0px; }
.pin-unpin-label-modal .pin-unpin-label-modal-body { display: flex; flex-direction: column; gap: 24px; height: 100%; overflow-y: auto; padding: 16px 24px; }
.pin-unpin-label-modal .pin-unpin-label-modal-body::-webkit-scrollbar { width: 6px; }
.pin-unpin-label-modal .pin-unpin-label-modal-body-empty { align-items: center; justify-content: center; min-height: 320px; }
.pin-unpin-label-modal .pin-unpin-label-modal-empty-state { align-items: center; display: flex; flex-direction: column; gap: 24px; }
.pin-unpin-label-modal .pin-unpin-label-modal-empty-state .empty-state-icon { padding: 25px 0px; }
.pin-unpin-label-modal .pin-unpin-label-modal-empty-state-icon { border-radius: 8px; }
.pin-unpin-label-modal .pin-unpin-label-modal-empty-state-text { color: var(--text-color); font-size: 15.96px; font-style: normal; line-height: 150%; text-align: center; }
.pin-unpin-label-modal .pin-unpin-label-modal-empty-state-actions { align-items: center; display: flex; gap: 12px; justify-content: center; }
.pin-unpin-label-modal .pin-unpin-label-modal-btn-inner { align-items: center; display: flex; gap: 6px; }
.pin-unpin-label-modal .manage-tabs-section { display: flex; flex-direction: column; gap: 8px; }
.pin-unpin-label-modal .manage-tabs-section-title { color: var(--text-default); font-size: 14px; font-weight: 600; line-height: 150%; }
.pin-unpin-label-modal .manage-tabs-row { align-items: center; border-bottom: 1px solid var(--dropdown-item-separator); border-radius: 4px; display: flex; gap: 12px; justify-content: space-between; padding: 10px 0px; }
.pin-unpin-label-modal .manage-tabs-sortable-group { display: flex; flex-direction: column; gap: 4px; }
.pin-unpin-label-modal .manage-tabs-row-draggable { cursor: grab; touch-action: none; user-select: none; }
.pin-unpin-label-modal .manage-tabs-row-draggable:active { cursor: grabbing; }
.pin-unpin-label-modal .manage-tabs-row-draggable .manage-tabs-row-actions { cursor: auto; }
.pin-unpin-label-modal .manage-tabs-row-drag-handle { align-items: center; color: var(--icon-secondary-color); cursor: grab; display: flex; flex: 0 0 auto; justify-content: center; left: -20px; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity 0.1s ease-in-out; }
.pin-unpin-label-modal .manage-tabs-row-drag-handle:active { cursor: grabbing; }
.pin-unpin-label-modal .manage-tabs-row-drag-handle:focus-visible { opacity: 1; }
.pin-unpin-label-modal .manage-tabs-row-draggable.is-dragging > .manage-tabs-row-drag-handle, .pin-unpin-label-modal .manage-tabs-row-draggable:hover > .manage-tabs-row-drag-handle { opacity: 1; }
.pin-unpin-label-modal .manage-tabs-row-text { display: flex; flex: 1 1 0%; flex-direction: column; gap: 2px; max-width: 290px; min-width: 0px; }
.pin-unpin-label-modal .manage-tabs-row-title { color: var(--secondary-text); font-size: 14px; font-weight: 400; line-height: 150%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pin-unpin-label-modal .manage-tabs-row-description { color: var(--secondary-text-subtle); font-size: 12.04px; font-weight: 400; line-height: 150%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pin-unpin-label-modal .manage-tabs-row-actions { align-items: center; display: flex; flex: 0 0 auto; gap: 16px; padding: 4px 8px; }
.pin-unpin-label-modal .manage-tabs-pinned-state { align-items: center; color: var(--secondary-text-subtle); display: flex; font-size: 12.04px; font-weight: 400; gap: 4px; line-height: 150%; }
.pin-unpin-label-modal .manage-tabs-remove-btn { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--secondary-text); cursor: pointer; display: flex; font-size: 14px; font-style: normal; font-weight: 400; justify-content: center; letter-spacing: 0px; line-height: normal; padding: 0px; }
.pin-unpin-label-modal .manage-tabs-remove-btn-inner { align-items: center; display: flex; gap: 4px; }
.pin-unpin-label-modal .manage-tabs-add-btn { align-items: center; border-radius: 5px; display: flex; font-size: 14px; gap: 4px; }
.pin-unpin-label-modal .add-button { background: none; border: 1px solid rgb(191, 191, 191); border-radius: 4px; color: var(--text-default,#141414); font-size: 12.04px; font-style: normal; font-weight: 500; line-height: 18px; }
.pin-unpin-label-modal .add-btn-container { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--secondary-text); cursor: pointer; display: flex; font-size: 14px; font-style: normal; font-weight: 400; gap: 4px; justify-content: center; letter-spacing: 0px; line-height: normal; padding: 0px; }
.pin-unpin-label-modal .pin-unpin-label-modal-footer { align-items: center; display: flex; gap: 12px; justify-content: flex-end; padding: 16px 24px 24px; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge { background: var(--ai-label-turn-on-card); border-radius: 4px; display: flex; flex: 1 1 0%; gap: 8px; padding: 16px; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge-icon { color: var(--btn-secondary-color); flex: 0 0 auto; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge-text { display: flex; flex: 1 1 0%; flex-direction: column; gap: 2px; min-width: 0px; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge-title { color: var(--text-color); font-size: 14px; font-weight: 600; line-height: 150%; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge-description { color: var(--secondary-text-subtle); font-size: 12.04px; font-weight: 400; line-height: 150%; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge-button { font-size: 12.04px; font-weight: 600; margin-left: 8px; }
.pin-unpin-label-modal .pin-unpin-label-modal-ai-labels-nudge .pin-unpin-label-modal-turn-on-ai-labels-btn { background: var(--bg-modal); flex: 0 0 auto; white-space: nowrap; }
.pin-unpin-label-modal .pin-unpin-label-modal-confirm-btn, .pin-unpin-label-modal .pin-unpin-label-modal-create-labels-btn, .pin-unpin-label-modal .pin-unpin-label-modal-turn-on-ai-labels-btn { align-items: center; border-radius: 4px; display: flex; font-size: 14px; font-style: normal; font-weight: 500; justify-content: center; letter-spacing: 0px; line-height: var(--static-body-sm-line-height,21px); padding: 8px 12px; }
.empty_pinned_state { color: var(--tertiary-text-three); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 21px; }
.thread-list-filters { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 100%; }
.thread-list-filters .folder-details { align-items: center; display: flex; flex: 1 1 auto; height: 100%; min-width: 0px; }
.thread-list-filters .folder-details .folder-name-strip { display: flex; flex: 1 1 auto; height: 100%; min-width: 0px; position: relative; }
.thread-list-filters .folder-details .folder-name-container { display: flex; flex: 1 1 auto; height: 100%; overflow: auto hidden; scroll-behavior: smooth; scrollbar-width: none; --tab-row-fade-start: 0; --tab-row-fade-end: 0; mask-image: linear-gradient(to right,#0000 0,#000 var(--tab-row-fade-start),#000 calc(100% - var(--tab-row-fade-end)),#0000 100%); }
.thread-list-filters .folder-details .folder-name-container::-webkit-scrollbar { display: none; height: 0px; width: 0px; }
.thread-list-filters .folder-details .folder-name-container.tab-row-fade-start { --tab-row-fade-start: 16px; }
.thread-list-filters .folder-details .folder-name-container.tab-row-fade-end { --tab-row-fade-end: 16px; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow { align-items: center; background-color: var(--bg-primary-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; bottom: 0px; cursor: pointer; display: flex; justify-content: center; margin: 6px 0px 4px; padding: 0px; position: absolute; top: 0px; width: 28px; z-index: 1; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow:hover::after { background-color: var(--hover-color); border-radius: 4px; content: ""; inset: 0px; position: absolute; z-index: -1; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow img { display: block; height: 16px; width: 16px; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow-previous { left: 0px; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow-previous img { transform: rotate(180deg); }
.thread-list-filters .folder-details .inbox-tab-nav-arrow-next { right: 0px; }
.thread-list-filters .folder-details .inbox-tab-nav-arrow-hidden { pointer-events: none; visibility: hidden; }
.thread-list-filters .folder-details .folder-icon { align-items: center; color: var(--icon-secondary-color); display: flex; height: 36px; justify-content: center; width: 36px; }
.thread-list-filters .folder-details .folder-name { align-items: center; display: flex; font-size: 15px; font-weight: 600; height: 48px; max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: fit-content; }
.thread-list-filters .folder-details .folder-name-text { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-list-filters .folder-details .priority-mail-box-header .inactive-inbox { font-weight: 400; }
.thread-list-filters .folder-details .priority-mail-box-header .active-inbox { font-weight: 600; max-width: none; }
.thread-list-filters .folder-details .priority-mail-box-header .folder-name { display: inline-block !important; height: auto; }
.thread-list-filters .folder-details .bulk-select { flex-shrink: 0; padding: 0px 6px 0px 11px; }
.thread-list-filters .folder-details .pinned-inbox-tab { align-items: center; cursor: pointer; display: flex; flex: 0 1 auto; font-size: 15px; height: auto; min-width: fit-content; overflow: hidden; padding: 0px 8px; position: relative; text-overflow: ellipsis; user-select: none; white-space: nowrap; }
.thread-list-filters .folder-details .pinned-inbox-tab-active { color: var(--secondary-text); max-width: none; }
.thread-list-filters .folder-details .pinned-inbox-tab-active::after { background-color: var(--ctm-brand-color,var(--header-underline)); bottom: 0px; content: ""; height: 3px; left: 0px; position: absolute; right: 0px; }
.thread-list-filters .folder-details .pinned-inbox-tab-inactive { border-radius: 4px; color: var(--tertiary-text-three); font-weight: 400; margin: 6px 0px 4px; }
.thread-list-filters .folder-details .pinned-inbox-tab-inactive:hover { background-color: var(--hover-color); }
.thread-list-filters .folder-details .pinned-inbox-tab-name { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-list-filters .folder-details .pinned-inbox-tab-count { flex: 0 0 auto; padding-left: 4px; white-space: nowrap; }
.thread-list-filters .filter-dropdown-anchor { display: flex; flex: 0 0 auto; }
.thread-list-filters .Dropdown { box-shadow: none; flex: 0 0 auto; margin-left: 6px; width: auto; }
.thread-list-filters .Dropdown .selected-option { align-items: center; border: 1px solid var(--dropdown-filter-border-color); border-radius: 4px; color: var(--icon-secondary-color); height: 28px; justify-content: center; position: relative; width: 28px; padding: 0px !important; }
.thread-list-filters .Dropdown .selected-option:hover { background-color: var(--dropdown-hover-color); }
.thread-list-filters .Dropdown .selected-option > span:not(.filter-applied-count) { flex: 0 1 auto; margin-right: 2px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-list-filters .Dropdown .selected-option .icon-arrow { flex-shrink: 0; }
.thread-list-filters .Dropdown .selected-option .filter-applied-count { align-items: center; background-color: var(--ctm-brand-color,var(--header-underline)); border-radius: 8px; box-sizing: border-box; color: var(--primary-text); display: flex; font-size: 12.04px; font-weight: 600; height: 8px; justify-content: center; line-height: 15px; min-width: 8px; padding: 0px 4px; pointer-events: none; position: absolute; right: -4px; top: -4px; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list { left: unset; max-width: 175px; position: absolute; right: 0px; width: 160px; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list.open-towards-right { left: 0px; right: unset; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list.open-towards-bottom { top: 40px; z-index: 999; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list .dropdown-list-title { color: var(--tertiary-text-three); font-size: 12.04px; font-style: normal; font-weight: 400; line-height: 14px; padding: 4px 16px 2px; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list .dropdown-menu-item { align-items: center; display: flex; gap: 8px; justify-content: space-between; padding: 10px 16px; }
.thread-list-filters .Dropdown .dropdown-options-container.thread-list-filter-dropdown-list .dropdown-menu-item + .dropdown-menu-item { border-top: 1px solid var(--dropdown-item-separator); }
.thread-list-filters .search-feedback { align-items: center; background: var(--body-bg-color); border: 1px solid var(--border-color); border-radius: 4px; display: flex; gap: 4px; height: 36px; }
.thread-list-filters .search-feedback .search-feedback-text { color: var(--secondary-text-subtle); font-size: 14px; font-weight: 400; line-height: 20px; padding-right: 8px; }
.show-priority { height: 100%; }
.thread-list-header.wide .thread-list-filters .folder-details .bulk-select { padding-left: 15px; }
.thread-list-header.split .thread-list-filters .folder-details .bulk-select { padding-left: 19px; }
.thread-list-header.list .thread-list-filters { display: flex; justify-content: flex-start; }
.thread-list-header.list .thread-list-filters .Dropdown { margin-right: 20px; }
.thread-list-header.list .thread-list-filters .folder-details { flex: 0 1 auto; padding-right: 16px; }
.thread-list-header.list .thread-list-filters .folder-details .folder-name { max-width: 125px; }
.thread-list-header.list .thread-list-filters .folder-details .priority-mail-box-header .folder-name { max-width: none; }
.priority-mail-box-header { display: flex; flex: 0 0 auto; flex-direction: row; gap: 5px; min-width: fit-content; user-select: none; }
.priority-mail-box-header .border-div { align-items: center; display: flex; flex-direction: row; flex-shrink: 0; position: relative; }
.priority-mail-box-header .border-div-active::after { background-color: var(--ctm-brand-color,var(--header-underline)); bottom: 0px; content: ""; height: 3px; left: 0px; position: absolute; right: 0px; }
.priority-mail-box-header .folder-name { white-space: nowrap; }
.priority-mail-box-header .border-div-inactive { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px; flex-shrink: 1; margin: 6px 0px 4px; min-width: 0px; }
.priority-mail-box-header .border-div-inactive:hover { background-color: var(--hover-color); }
.priority-mail-box-header .border-div-inactive .folder-name { flex: 0 1 auto; min-width: 0px; }
.priority-mail-box-header .folder-name { cursor: pointer; flex: 0 0 auto; font-size: 15px; line-height: 20px; order: 0; position: static; }
.priority-mail-box-header .folder-name::after { content: attr(data-label); display: block; font-weight: 600; height: 0px; overflow: hidden; visibility: hidden; white-space: nowrap; }
.priority-mail-box-header .folder-name .folder-count { font-weight: 400; }
.priority-mail-box-header .active-inbox { color: var(--secondary-text); font-weight: 600; padding: 0px 8px; }
.priority-mail-box-header .inactive-inbox { color: var(--tertiary-text-three); font-weight: 400; padding: 0px 8px; }
.priority-mail-box-header .folder-label { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.priority-mail-box-header .notification-dot { background-image: var(--thread-unread-icon); background-position: 50% center; background-repeat: no-repeat; background-size: 15px; display: inline-block; height: 10px; margin-left: -1px; margin-right: -6px; margin-top: -1px; vertical-align: top; width: 10px; }
.priority-mail-box-header .hide-dot { display: none; }
:focus, input:focus { outline: none; }
.thread-list { flex: 1 1 auto; min-height: 0px; }
.thread-list .list-container, .thread-list .scroll-region { height: 100%; width: 100%; }
.thread-list .list-container .list-rows, .thread-list .scroll-region .list-rows { margin-top: 6px; }
.thread-list .list-container .scroll-region-content-inner, .thread-list .scroll-region .scroll-region-content-inner { padding-bottom: 80px; }
.thread-list .swipe-backing::after { background-position: 50% 35%; background-repeat: no-repeat; background-size: 24px 24px; bottom: 0px; font-size: 13.02px; font-weight: 400; opacity: 0.8; padding-top: 45px; position: absolute; text-align: center; top: 0px; transform: translateX(0px); transition: opacity 0.15s linear; width: 80px; }
.thread-list .list-item { background-color: var(--bg-list-item); cursor: pointer; line-height: 36px; }
.thread-list .list-item.unread:not(.focused):not(.selected) { background-color: var(--bg-unread-thread); }
.thread-list .list-item:not(.focused):not(.selected):hover { background-color: var(--hover-color); }
.thread-list .list-item.list-tabular-item { background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0); border-radius: 8px; border-top: 1px solid rgba(0, 0, 0, 0); margin: 0px 8px 0px 4px; padding-left: 2px; width: calc(100% - 12px); }
.thread-list .list-item.list-tabular-item.focused, .thread-list .list-item.list-tabular-item.next-is-selected, .thread-list .list-item.list-tabular-item.selected { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.thread-list .list-item.list-tabular-item.focused, .thread-list .list-item.list-tabular-item.selected { background-clip: padding-box; background-color: var(--selected-email); }
.thread-list .list-item.list-tabular-item.keyboard-cursor { border-left-color: rgba(0, 0, 0, 0); }
.thread-list .list-item.list-tabular-item.keyboard-cursor::before { background: var(--ctm-brand-color,var(--btn-default-color)); border-radius: 2px; bottom: 10px; content: ""; left: 0px; position: absolute; top: 10px; width: 3px; }
.thread-list .mail-important-icon { margin-left: 6px; padding: 12px; vertical-align: initial; }
.thread-list .mail-important-icon:not(.active) { visibility: hidden; }
.thread-list .message-count { color: var(--tertiary-text-three); margin-left: 1em; padding: 4px 6px 2px; }
.thread-list .draft-icon { flex-shrink: 0; object-fit: contain; }
.thread-list .draft-icon.pencil { color: var(--pencil-draft); }
.thread-list .icon-scheduled { color: var(--scheduled-blue); }
.thread-list .icon-schedule-cancelled { color: var(--schedule-cancelled-orange); }
.thread-list .participants { color: var(--thread-list-participant); font-size: 14px; overflow: hidden; text-align: left; text-overflow: ellipsis; }
.thread-list .thread-icons { align-items: center; display: flex; }
.thread-list .thread-icons > * { flex-shrink: 0; height: 20px; margin-left: 5px; width: 20px; }
.thread-list .thread-icons > :first-child { margin-left: 10px; }
.thread-list .details { align-items: center; display: flex; overflow: hidden; }
.thread-list .details .subject { color: var(--thread-list-participant); flex-shrink: 0.1; font-size: 14px; font-weight: 400; overflow: hidden; padding-right: 12px; text-overflow: ellipsis; }
.thread-list .details .subject .text { line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.safari .thread-list .details .subject .text { display: -webkit-box; white-space: normal; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.thread-list .details .snippet { color: var(--thread-snippet); flex: 1 1 0%; font-size: 14px; font-weight: 400; opacity: 1; overflow: hidden; text-overflow: ellipsis; }
.thread-list .details .snippet .text { line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.safari .thread-list .details .snippet .text { display: -webkit-box; white-space: normal; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.thread-list .details .thread-icon { margin-left: 12px; margin-right: 12px; }
.thread-list .list-column-State { align-items: center; display: flex; }
.thread-list .list-column.list-column-Date { margin-right: 20px; padding-right: 0px; text-align: right; }
.thread-list .list-column-Date:has(+ .list-column-ThreadPinInfo > .thread-list-pin-info) { margin-right: 0px; padding-right: 0px; }
.thread-list .list-column-ThreadPinInfo { margin-right: 7px; padding: 0px 8px; }
.thread-list .list-column-ThreadPinInfo .thread-list-pin-info { padding-bottom: 2px; }
.thread-list .timestamp { color: var(--thread-snippet); font-size: 12.04px; font-weight: 400; min-width: 50px; opacity: 1; }
.thread-list .thread-list-pin-info { align-items: center; color: var(--pin-thread-blue); display: flex; justify-content: center; }
.thread-list .thread-list-pin-info svg { height: 20px; width: 20px; }
.thread-list .snippet { color: var(--thread-snippet); }
.thread-list .focused .participants, .thread-list .focused .subject, .thread-list .selected .participants, .thread-list .selected .subject, .thread-list .unread .participants, .thread-list .unread .subject { color: var(--text-color); }
.thread-list .focused .snippet, .thread-list .focused .timestamp, .thread-list .selected .snippet, .thread-list .selected .timestamp, .thread-list .unread .snippet, .thread-list .unread .timestamp { color: var(--bg-unread-thread-snippet); }
.thread-list .unread:not(.focused):not(.selected):not(.next-is-selected) { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.thread-list .unread .subject { font-weight: 500; }
.thread-list .unread .subject .emoji { font-weight: 400; }
.thread-list .unread .participants .unread-true { font-weight: 600; }
.thread-list .thread-injected-icons { vertical-align: top; }
.thread-list .open-tracking-icon { visibility: hidden; }
.thread-list .open-tracking-icon:has(.activity-list-icon.active) { visibility: visible; }
.thread-list .list-item:hover .open-tracking-icon { visibility: visible; }
.thread-list .thread-icon { background-position: 50% center; background-repeat: no-repeat; background-size: 15px; display: inline-block; flex-shrink: 0; height: 24px; width: 25px; }
.thread-list .thread-icon.thread-icon-attachment { background-image: var(--attachment-clip); margin-left: 0px; margin-right: 0px; }
.thread-list .thread-icon.thread-icon-attachment.thread-icon-narrow { margin-right: -4px; }
.thread-list .thread-icon.thread-icon-unread { background-image: var(--thread-unread-icon); }
.thread-list .thread-icon.thread-icon-replied { background-image: var(--icon-replied); }
.thread-list .thread-icon.thread-icon-forwarded { background-image: var(--icon-forward); }
.thread-list .thread-icon.thread-icon-star { background-image: var(--yellow-star-icon); background-size: 16px; }
.thread-list .thread-icon.thread-icon-star:hover { filter: brightness(90%); }
.quick-action-tooltip { white-space: nowrap; }
.thread-list .list-item .list-column-HoverActions { display: none; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions { display: inline-flex; flex-direction: row; position: relative; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action { align-self: center; background-color: var(--bg-quick-action-btn); box-shadow: var(--quick-action-button-shadow); cursor: pointer; display: inline-block; height: 24px; margin-left: 5px; padding: 1px 5px; width: 34px; z-index: 1; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action .btn-icon { color: var(--icon-secondary-color); cursor: inherit; height: 20px; width: 20px; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action .btn-icon:last-child { margin-right: 0px; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-add-to-task:hover .btn-icon { color: var(--add-to-task-yellow); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-archive:hover .btn-icon { color: var(--archive-green); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-trash:hover .btn-icon { color: var(--trash-red); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-priority:hover .btn-icon { color: var(--priority-mustard); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-priority .btn-icon.priority { margin-right: 2px; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-priority .btn-icon.other { margin: 1px 1px 0px 0px; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.pinned .btn-icon, .thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.unpinned:hover .btn-icon { color: var(--pin-thread-blue); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.pin-disabled:hover { cursor: default !important; }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.pin-disabled { box-shadow: var(--quick-action-button-disabled-shadow); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.pin-disabled:hover { background: var(--bg-quick-action-btn); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-pin.pin-disabled .btn-icon { color: var(--icon-secondary-disabled-color); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-toggle-unread:hover .btn-icon { color: var(--read-unread-blue); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-mark-spam:hover .btn-spam { color: var(--spam-red); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action.action-mark-spam:hover .btn-not-spam { color: var(--unspam-green); }
.thread-list .list-item .list-column-HoverActions .thread-injected-quick-actions .action:hover { background: var(--bg-quick-action-btn-on-hover); }
.thread-list .list-item:hover:not(.selected) .fm-checkmark .inner { border: 1px solid var(--multiselect-checkbox-focused); }
.thread-list .list-item:hover .thread-list-pin-info, .thread-list .list-item:hover .timestamp { opacity: 0; }
.thread-list .list-item:hover .list-column-HoverActions { display: block; height: 100%; overflow: visible; padding: 0px; width: 0px; }
.thread-list .list-item:hover .list-column-HoverActions .inner { height: 100%; position: absolute; right: 0px; top: 0px; width: 300px; }
.thread-list .list-item:hover .list-column-HoverActions .inner .thread-injected-quick-actions { height: 100%; margin-right: 12px; }
.thread-list .list-item:hover .thread-icon-star-on-hover { background-image: var(--icon-star-hover); background-size: 16px; }
.thread-list .list-item:hover .mail-important-icon.enabled { visibility: inherit; }
.thread-list.thread-list-narrow .list-item:hover .thread-list-pin-info, .thread-list.thread-list-narrow .list-item:hover .timestamp { opacity: 0; }
.thread-list.thread-list-narrow .list-item:hover .participants { max-width: 65%; }
.thread-list.thread-list-narrow .list-item:hover .list-column-HoverActions .inner { width: 245px; }
.thread-list.thread-list-narrow .list-item:hover .list-column-HoverActions .inner .thread-injected-quick-actions { height: auto; margin-right: 12px; top: 14px; }
.mode-list .thread-list .list-item.list-tabular-item:not(.selected):not(.focused):not(.next-is-selected) { border-bottom-color: var(--border-color-subtle); }
.mode-list .thread-list .list-rows .mode-list .thread-list .list-rows > div:last-child > .list-item.list-tabular-item:not(.selected):not(.focused) { border-bottom-color: rgba(0, 0, 0, 0); }
.thread-list-narrow .list-tabular .icons-column { align-items: center; display: flex; flex-direction: column; margin-left: 2.5px; margin-right: 2.5px; padding-top: 23px; width: 25px; }
.thread-list-narrow .list-tabular .icons-column .thread-injected-icons { align-items: center; display: inline-flex; flex-direction: column; height: 100%; position: relative; }
.thread-list-narrow .list-tabular .thread-info-column { align-self: center; flex: 1 1 0%; overflow: hidden; }
.thread-list-narrow .list-tabular .thread-info-column .participants-wrapper { align-items: center; display: flex; height: 24px; }
.thread-list-narrow .list-tabular .list-column { display: block; }
.thread-list-narrow .list-tabular .list-column:first-child { padding-left: 2px; }
.thread-list-narrow .list-tabular .list-column-Check { height: 30px; left: 1px; padding: 0px; position: absolute; top: 8px; width: 32px; }
.thread-list-narrow .list-tabular .list-column-Check + .list-column { padding-left: 2px; }
.thread-list-narrow .list-tabular .list-tabular-item { border-bottom-color: rgba(0, 0, 0, 0); line-height: 21px; }
.thread-list-narrow .list-tabular .timestamp { margin-left: 2px; margin-right: 5px; order: 100; }
.thread-list-narrow .list-tabular .thread-list-pin-info { margin-left: 3px; margin-right: 7px; order: 101; padding-bottom: 2px; }
.thread-list-narrow .list-tabular .participants { font-size: 15px; }
.thread-list-narrow .list-tabular .mail-important-icon { float: left; margin-left: 1px; padding: 12px; vertical-align: initial; }
.thread-list-narrow .list-tabular .subject { line-height: 1.63; margin-right: 0px; text-align: left; }
.thread-list-narrow .list-tabular .subject .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.safari .thread-list-narrow .list-tabular .subject .text { display: -webkit-box; white-space: normal; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.thread-list-narrow .list-tabular .snippet-and-labels { align-items: center; display: flex; margin-right: 0px; overflow: hidden; }
.thread-list-narrow .list-tabular .snippet-and-labels .snippet { align-items: center; display: flex; justify-content: space-between; line-height: 1.29; margin-right: 4px; min-height: 21px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.thread-list-narrow .list-tabular .snippet-and-labels .snippet .text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.safari .thread-list-narrow .list-tabular .snippet-and-labels .snippet .text { display: -webkit-box; white-space: normal; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.dialog.bulk-action-dialog { max-width: 600px; }
.dialog.bulk-action-dialog .dialog-title { max-width: 550px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dialog.bulk-action-dialog .dialog-body { word-break: break-all; }
.syncing-list-state { color: var(--tertiary-text-three); font-size: 105%; padding: 10px 0px; }
.syncing-list-state a { cursor: pointer; font-size: 75%; vertical-align: top; }
.empty-state { inset: 50% 0px 0px; overflow: hidden; position: absolute; transform: translateY(-50%); z-index: 10; }
.empty-state > div { height: 100%; opacity: 0; transition: opacity 1s ease-in; width: 100%; }
.empty-state .perspective-empty-state { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.empty-state .perspective-empty-state .message { color: var(--tertiary-text-three); font-size: 16px; font-weight: 200; margin: 1em 1em 0px; text-align: center; }
.empty-state .perspective-empty-state .switch_tab { font-weight: 400; }
.empty-state.active > div, .empty-state.active > div .message { opacity: 1; }
.selection-bar-absolute-enter { opacity: 0; }
.selection-bar-absolute-enter .inner { top: -100%; }
.selection-bar-absolute-enter.selection-bar-absolute-enter-active { opacity: 1; }
.selection-bar-absolute-enter.selection-bar-absolute-enter-active .inner { top: 0px; }
.selection-bar-absolute-leave { opacity: 1; }
.selection-bar-absolute-leave .inner { top: 0px; }
.selection-bar-absolute-leave.selection-bar-absolute-leave-active { opacity: 0; }
.selection-bar-absolute-leave.selection-bar-absolute-leave-active .inner { top: -100%; }
.sheet-toolbar .selection-bar { flex-shrink: 100; height: 38px; width: 100%; z-index: 10000; app-region: drag; }
.sheet-toolbar .selection-bar .absolute { background-color: var(--bg-primary-color); border-left: 1px solid var(--border-color-default); border-right: 1px solid var(--border-color-default); height: 37px; left: -1px; position: absolute; right: -1px; top: 0px; transition: opacity 0.2s ease-in-out; }
.sheet-toolbar .selection-bar .absolute .inner { display: flex; position: absolute; width: 100%; app-region: no-drag; transition: top 0.2s ease-in-out; }
.sheet-toolbar .selection-bar .absolute .inner .centered { color: var(--tertiary-text-three); cursor: default; flex: 1 1 0%; line-height: 38px; text-align: center; app-region: drag; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-container .list-item { background: var(--bg-list-item); color: var(--thread-list-participant); font-size: 14px; user-select: none; }
.list-container .list-item.focused, .list-container .list-item.selected { background: var(--selected-email); border-bottom: 1px solid var(--thread-focus-border); }
.list-container .list-item.next-is-selected { border-bottom: 1px solid var(--thread-focus-border); }
.list-tabular { flex: 1 1 0%; height: 100%; width: 100%; }
.list-tabular .list-loader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.list-tabular .list-tabular-item { align-items: center; border-bottom: 1px solid var(--border-color-default); border-left: 4px solid rgba(0, 0, 0, 0); display: flex; position: relative; width: 100%; }
.list-tabular .list-tabular-item.keyboard-cursor { border-left: 4px solid var(--btn-default-color); }
.list-tabular .list-tabular-item.selected .fm-checkmark .inner { background-color: var(--background-checkbox-thread-select); background-image: var(--checkbox-tick); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.list-tabular .list-tabular-item .fm-checkmark { left: 0px; padding: 11px; position: absolute; top: 0px; }
.list-tabular .list-tabular-item .fm-checkmark .inner { background: 50% center / 12px 9px no-repeat rgba(0, 0, 0, 0); border: 1px solid var(--multiselect-checkbox); border-radius: 2px; height: 14px; width: 14px; }
.list-tabular .list-tabular-item.focused .fm-checkmark .inner { border: 1px solid var(--multiselect-checkbox-focused); }
.list-tabular .list-column { align-items: center; display: inherit; overflow: hidden; padding: 0px 12px; text-overflow: ellipsis; white-space: nowrap; }
.list-tabular .list-column:first-child { padding-left: 8px; }
.list-tabular .list-column:last-child { text-align: right; }
.thread-list-loading { position: relative; }
.thread-list-loading .list-loader { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.gmail-link-failed-bar { align-items: center; background-color: var(--yellow-banner); display: flex; height: 48px; justify-content: space-between; padding-right: 16px; width: 100%; }
.gmail-link-failed-bar .attention-icon { margin: 10px; vertical-align: middle; }
.gmail-link-failed-bar .try-again { color: var(--text-color); }
.thread-list-wide .gmail-link-failed-bar { padding-left: 4px; }
.chip { border-radius: 4px; color: var(--text-color); display: inline-block; margin: 0px 5px 5px 0px; max-width: 100%; overflow: hidden; padding: 1px 8px 1px 6px; position: relative; text-overflow: ellipsis; transition: padding-right 0.15s cubic-bezier(0.2, 0, 0, 1); vertical-align: top; }
.chip .remove-btn { align-items: center; bottom: 0px; cursor: pointer; display: flex; float: right; height: auto; justify-content: center; opacity: 0; pointer-events: none; position: absolute; right: 0px; top: 0px; transition: opacity 0.15s cubic-bezier(0.2, 0, 0, 1); width: 26px; }
.chip .chip-text { font-size: 13px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 130px; }
.add-remove-btn:hover { padding-right: 26px; }
.add-remove-btn:hover .remove-btn { opacity: 1; pointer-events: auto; }
.chip-non-clickable { align-items: center; border-radius: 4px; color: var(--text-color); display: flex; margin: 0px 5px 0px 0px; padding: 0px 6px; position: relative; text-overflow: ellipsis; vertical-align: top; }
.chip-non-clickable .remove-btn { align-items: center; cursor: pointer; display: flex; float: right; justify-content: center; margin-right: -8px; visibility: hidden; width: 20px; }
.chip-non-clickable .chip-text { font-size: 13px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.remaining-tooltip-container { display: flex; flex-direction: column; max-width: 103px; padding: 0px; text-align: left; }
.remaining-tooltip-container .tooltip-label-text { margin-top: 2px; max-width: 95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.labels-list-view-container { display: flex; margin-right: 5px; z-index: 4; }
.labels-list-view-container .chip-non-clickable { align-items: center; display: inline-flex; height: 22px; max-width: 80px; }
.labels-list-view-container .chip-non-clickable .remove-btn { display: none; }
.labels-list-view-container .chip-non-clickable .chip-text { max-width: 80px; }
.labels-list-view-container .remaining-num-wrap { align-items: center; align-self: center; background: var(--bg-reading-pane); border: 1px solid var(--border-color-default); border-radius: 4px; cursor: pointer; display: flex; height: 22px; margin-bottom: 5px; padding: 4px; }
.labels-list-container { z-index: 4; }
.labels-list-container .chip-non-clickable { display: inline-flex; height: 22px; max-width: 80px; }
.labels-list-container .chip-non-clickable .remove-btn { display: none; }
.labels-list-container .chip-non-clickable .chip-text { max-width: 80px; }
.labels-list-container .remaining-num-wrap { align-items: center; align-self: center; background: var(--bg-reading-pane); border: 1px solid var(--border-color-default); border-radius: 4px; cursor: pointer; display: flex; height: 22px; margin-bottom: 5px; padding: 2px 5px; }
.empty-action-bar { align-items: center; background-color: var(--notification-spam-trash); border-radius: 8px; display: flex; margin: 6px 8px; overflow: hidden; padding: 10px 15px; }
.empty-action-bar .empty-folder-info-bar { align-items: flex-start; display: flex; }
.empty-action-bar .empty-folder-info-bar .icon { align-items: center; color: var(--icon-secondary-color); display: flex; margin-right: 15px; margin-top: 3px; }
.empty-action-bar .emptyCategoryButton { color: var(--btn-secondary-color); cursor: pointer; flex: 0 0 auto; font-size: 14px; font-weight: 600; margin-left: 27px; text-align: center; }
.sheet.mode-list .empty-folder-info-bar { flex: 0 3 auto; overflow: hidden; }
.sheet.mode-list .empty-folder-info-bar span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sheet.mode-list .email-backup-upgrade-bar { justify-content: flex-start; padding-left: 46px; }
.sheet.mode-list .email-backup-upgrade-bar a { margin-left: 27px; }
.sheet.mode-split .empty-action-bar { align-items: flex-start; flex-direction: column; justify-content: center; padding: 15px 15px 15px 10px; }
.sheet.mode-split .empty-action-bar .icon { margin-right: 11px; }
.sheet.mode-split .emptyCategoryButton { margin-left: 27px; padding-top: 7px; }
.email-backup-upgrade-bar { align-items: flex-start; background-color: var(--email-backup-trash-upgrade-bar-bg); display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 24px; padding: 6px 15px 6px 34px; }
.email-backup-upgrade-bar a { color: var(--link-color); font-weight: 600; }
.date-picker { display: inline-block; position: relative; }
.date-picker .day-text, .date-picker .day-text.focused, .date-picker .day-text:hover { color: var(--link-color); }
.date-picker .month-view-wrap { height: 225px; left: 0px; position: absolute; top: 20px; width: 225px; z-index: 999; }
.date-picker-wrap { display: flex; }
.date-picker-wrap > label { margin-right: 1rem; }
.styled-datepicker .widget-container { position: relative; }
.styled-datepicker .month-view-wrap { height: auto; width: auto; }
.styled-datepicker .dropdown-like-button { font-size: 12.04px; height: 24px; padding-right: 0px; position: absolute; right: 0px; width: 115px; }
.styled-datepicker .dropdown-like-button .caret-icon { color: var(--icon-secondary-color); margin-left: 12px; }
.styled-datepicker .dropdown-like-button + .date-picker .day-text { opacity: 0; text-overflow: clip; white-space: nowrap; width: 115px; z-index: 10; }
.search-filters { display: flex; flex-direction: column; padding: 1.5rem; }
.search-filters .filter-item { align-items: center; display: flex; flex: 0 1 0%; margin-bottom: 1rem; }
.search-filters .filter-item .filter-item-label { flex: 0 1 0%; min-width: 6rem; }
.search-filters .filter-item .filter-item-input { flex: 1 1 0%; }
.search-filters .filter-item.action-buttons { margin-bottom: 0px; margin-top: 1rem; }
.search-filters .filter-item.action-buttons .cancel-btn { margin-left: 1rem; }
.search-filters .search-filters-offline-error { color: var(--error-color); font-size: 13.02px; margin-top: 0.5rem; }
.search-filters .filter-item > .checkbox-label { align-items: center; display: flex; flex: 0 1 0%; margin-right: 2rem; }
.search-filters .filter-item > .checkbox-label.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; background-size: cover; content: ""; height: 14px; margin-right: 0.5rem; width: 14px; }
.search-filters .filter-item > .checkbox-label.is-checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; height: 14px; margin-right: 0.5rem; width: 14px; }
.search-filters .filter-item > .checkbox-label > span { flex: 0 1 0%; white-space: nowrap; }
.search-filters .filter-item.size-item .filter-item-input { display: flex; }
.search-filters .filter-item.size-item .filter-item-input input.size-input { margin: 0px 1rem; }
.search-filters .filter-item.date-range-item .filter-item-input { display: flex; }
.search-filters .filter-item.date-range-item .filter-item-input input:first-of-type { margin-right: 1rem; }
.search-filters .filter-item.date-range-item .filter-item-input .dropdown-like-button .caret-icon { margin-left: 0px; }
.search-filters .filter-item.date-range-item .filter-item-input > .date-picker-wrap:last-child .month-view-wrap { left: auto; right: 0px; }
.search-filters input[type="number"], .search-filters input[type="text"] { background-color: inherit; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--secondary-line-separator); border-radius: 0px; padding: 0.25rem; }
.search-filters input[type="number"]:focus, .search-filters input[type="text"]:focus { box-shadow: none; }
.search-filters .Dropdown { box-shadow: none; width: 100%; }
.search-filters .Dropdown .selected-option { border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--secondary-line-separator); border-radius: 0px; padding: 0.25rem; }
.search-filters .Dropdown .dropdown-options-container { max-height: 250px; }
.search-filters .Dropdown .dropdown-options-container .dropdown-menu-item { padding: 0.5rem 1em; }
.search-filters .date-picker-wrap { margin-right: 1rem; }
.search-filters .date-picker .dropdown-like-button { width: 120px; }
.search-filters .date-picker > div, .search-filters .date-picker > label { display: inline-flex; }
.search-filters .date-picker .month-view-wrap { bottom: 100%; height: auto; top: unset; }
.search-filters .emails-select-input { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: unset; min-height: auto; width: 100%; }
.search-filters .emails-select-input .menu .header-container { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.search-filters .emails-select-input .tokenizing-field .tokenizing-field-input { border-bottom: 1px solid var(--secondary-line-separator); margin-left: 0px; }
.search-filters .emails-select-input .tokenizing-field .tokenizing-field-input .placeholder { left: 4px; }
.search-filters .emails-select-input .tokenizing-field input { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.search-filters .emails-select-input .tokenizing-field.focused .tokenizing-field-input { border-color: var(--link-color); }
.search-filters .emails-select-input .tokenizing-field-wrap { padding: 0px; }
.search-filters .composer-participant-field .tokenizing-field .token.invalid, .search-filters .composer-participant-field .tokenizing-field .token.invalid:hover { border-color: var(--border-color-default); }
.advance-thread-search-bar-container { align-items: center; display: flex; flex: 1 1 0%; min-width: 0px; position: relative; }
.advance-thread-search-bar-container [contenteditable] { user-select: text; }
.advance-thread-search-bar-container .advance-thread-search-bar { align-items: center; background-color: var(--bg-primary-color); border: var(--search-suggestions-border); border-radius: 4px; display: flex; height: 36px; margin-left: 16px; max-width: 500px; padding-left: 8px; width: 100%; }
.advance-thread-search-bar-container .advance-thread-search-bar .search-icon { flex: 0 1 0%; margin-right: 0.3rem; margin-top: -1px; }
.advance-thread-search-bar-container .advance-thread-search-bar .search-icon img { display: block; }
.advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable { color: var(--text-color); display: inline-block; flex: 1 1 0%; overflow-x: auto; scrollbar-width: none; white-space: nowrap; width: 100%; }
.advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable::-webkit-scrollbar { background: rgba(0, 0, 0, 0); height: 0px; width: 0px; }
.advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable:empty::before { color: var(--tertiary-text-three); content: attr(data-placeholder); cursor: text; }
.advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable br, .advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable:empty + .button-container .clear-btn { display: none; }
.advance-thread-search-bar-container .advance-thread-search-bar span.contentEditable .token-identifier { color: var(--link-color); }
.advance-thread-search-bar-container .advance-thread-search-bar .toggle-container { height: 100%; }
.advance-thread-search-bar-container .advance-thread-search-bar button { background-color: var(--bg-primary-color); flex: 0 1 0%; padding: 0px; }
.advance-thread-search-bar-container .advance-thread-search-bar button > img { cursor: pointer; }
.advance-thread-search-bar-container .advance-thread-search-bar button.clear-btn { color: var(--icon-secondary-color); height: 24px; line-height: normal; transform: scale(0.9); vertical-align: middle; width: 24px; }
.advance-thread-search-bar-container .advance-thread-search-bar button.filter-toggle-btn { border-radius: 0px 4px 4px 0px; flex: 1 1 0%; height: 100%; max-width: 40px; padding: 0px 1.5px 0px 2.5px; width: 40px; }
.advance-thread-search-bar-container .advance-thread-search-bar button.filter-toggle-btn .icon { color: var(--icon-secondary-color); vertical-align: middle; }
.advance-thread-search-bar-container .advance-thread-search-bar button.filter-toggle-btn .icon.open { transform: rotate(180deg); }
.advance-thread-search-bar-container .search-filters-container, .advance-thread-search-bar-container .token-suggestions { background-color: var(--bg-modal); border-radius: 4px; box-shadow: var(--shadow-advance-search); left: 16px; position: absolute; }
.advance-thread-search-bar-container .token-suggestions { background-color: var(--bg-small-dropdowns); }
.advance-thread-search-bar-container .search-offline-error-message { color: var(--error-color); display: block; font-size: 13.02px; padding: 0.6rem 1rem; }
.advance-thread-search-bar-container .search-filters-container { max-width: 500px; top: 54px; width: calc(100% - 16px); }
.advance-thread-search-bar-container .search-filters-container .search-filters-background { height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 1; }
.advance-thread-search-bar-container .search-filters-container .search-filters { max-height: 85vh; overflow: auto; position: relative; z-index: 2; }
.advance-thread-search-bar-container .search-filters-container .search-filters .filter-item input { background-color: inherit; }
.advance-thread-search-bar-container .search-filters-container .search-filters .filter-item-input .composer-participant-field::after { height: 0px; }
.advance-thread-search-bar-container .search-filters-container .turbo-search-paywall-container { align-items: center; background: var(--turbo-search-paywall-container); border: 1px solid var(--turbo-search-paywall-container-border); border-radius: 4px; display: flex; gap: 16px; justify-content: space-between; margin-top: 32px; padding: 10px 12px; }
.advance-thread-search-bar-container .search-filters-container .turbo-search-paywall-container .turbo-search-paywall-upgrade-button button { font-weight: 400; margin-top: 0px; padding-bottom: 3px; padding-top: 3px; }
.advance-thread-search-bar-container .search-filters-container .turbo-search-paywall-container .turbo-search-paywall-cta { font-weight: 400; width: 77%; }
.advance-thread-search-bar-container .search-filters-container .turbo-search-paywall-container .turbo-search-paywall-cta a { margin-left: 4px; text-decoration: none; }
.advance-thread-search-bar-container .search-filters-container .turbo-search-paywall-container .turbo-search-icon { margin-top: 2px; }
.advance-thread-search-bar-container .token-suggestions { border: var(--search-suggestions-border); border-radius: 4px; max-height: 450px; max-width: 500px; overflow: auto; padding: 6px 0px; top: 49px; width: calc(100% - 16px); }
.advance-thread-search-bar-container .token-suggestions .quick-filter-pills { border-bottom: 1px solid var(--border-color-neutral); display: flex; gap: 8px; margin-bottom: 8px; padding: 8px 14px 14px; }
.advance-thread-search-bar-container .token-suggestions .search-suggestions-divider { background: var(--border-color-neutral); flex-shrink: 0; height: 1px; margin: 4px 0px; }
.advance-thread-search-bar-container .token-suggestions mark.search-suggestion-match { background: none; color: var(--text-color); font-weight: 600; padding: 0px; }
.advance-thread-search-bar-container .token-suggestions .search-suggestions-empty { align-items: center; color: var(--text-color); display: flex; flex-direction: column; font-size: 13px; font-weight: 500; gap: 12px; letter-spacing: -0.1px; padding: 12px 0px; }
.advance-thread-search-bar-container .token-suggestions .search-suggestions-empty img { transform: rotate(14.02deg); }
.advance-thread-search-bar-container .token-suggestions .quick-filter-pill { background: rgba(0, 0, 0, 0); border: 1px solid var(--search-pill-border); border-radius: 4px; color: var(--search-pill-text); cursor: pointer; font-size: 14px; font-weight: 400; height: 29px; line-height: normal; padding: 4px 8px; }
.advance-thread-search-bar-container .token-suggestions .quick-filter-pill.active { background: var(--search-pill-active-bg); border-color: rgba(0, 0, 0, 0); color: var(--search-pill-active-text); }
.advance-thread-search-bar-container .token-suggestions.search-suggestions .token-suggestions-item { padding: 8px 12px; }
.advance-thread-search-bar-container .token-suggestions.search-suggestions .token-suggestions-item + .token-suggestions-item { margin-top: 4px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item { background-color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: block; overflow-wrap: break-word; padding: 0.5rem 1rem; text-align: left; width: 100%; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .token-identifier { color: var(--link-color); }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item { align-items: center; display: flex; gap: 8px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .contact-suggestion-text { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 0px; row-gap: 2px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .contact-suggestion-email, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .contact-suggestion-name { line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .contact-suggestion-name { color: var(--secondary-text); font-size: 14px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .contact-suggestion-email { color: var(--tertiary-text-three); font-size: 13px; font-weight: 400; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .contact-suggestion-item .domain-suggestion-label { color: var(--tertiary-text-three); flex: 0 0 auto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item { align-items: flex-start; display: flex; gap: 8px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-icon { color: var(--tertiary-text-three); flex: 0 0 auto; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-text { display: flex; flex: 1 1 0%; flex-direction: column; min-width: 0px; row-gap: 2px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-name, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-subject { line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-subject { color: var(--secondary-text); font-size: 14px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-name { color: var(--tertiary-text-three); font-size: 13px; font-weight: 400; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .email-suggestion-item .email-suggestion-date { color: var(--tertiary-text-three); flex: 0 0 auto; font-size: 13px; line-height: normal; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item:has(.suggestion-skeleton) { cursor: default; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item:has(.suggestion-skeleton):hover { background-color: initial; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .suggestion-skeleton { align-items: flex-start; display: flex; gap: 8px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .suggestion-skeleton .suggestion-skeleton-icon { background: var(--search-suggestion-skeleton); border-radius: 50%; flex: 0 0 auto; height: 28px; width: 28px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .suggestion-skeleton .suggestion-skeleton-text { display: flex; flex: 1 1 0%; flex-direction: column; height: 35px; justify-content: center; row-gap: 2px; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .suggestion-skeleton .suggestion-skeleton-line { background: var(--search-suggestion-skeleton); border-radius: 4px; height: 14px; width: 60%; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item .suggestion-skeleton .suggestion-skeleton-line.short { height: 13px; width: 35%; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted { background-color: var(--ctm-brand-color,var(--dropdown-selected-item)); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .contact-suggestion-name, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .email-suggestion-subject, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .token-identifier { color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .contact-suggestion-email, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .domain-suggestion-label, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .email-suggestion-date, .advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .email-suggestion-name { color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); opacity: 0.8; }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted .email-suggestion-icon { color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item.highlighted:hover { background-color: var(--ctm-brand-color,var(--dropdown-selected-item)); }
.advance-thread-search-bar-container .token-suggestions .token-suggestions-item:hover { background-color: var(--dropdown-hover-color); }
.undo-toast .undo-message-wrapper { color: var(--primary-text); flex: 1 1 0%; margin: 0px; overflow: hidden; padding-right: 2px; position: relative; text-align: left; text-overflow: ellipsis; }
.undo-toast .undo-message-wrapper.send-draft-toast { align-items: center; display: flex; }
.undo-toast .undo-action-wrapper { flex-shrink: 0; margin-left: 15px; margin-right: 0px; white-space: nowrap; }
.undo-toast .undo-action-wrapper .undo-action-text { border-radius: 4px; cursor: pointer; display: inline-block; font-weight: 700; margin-left: 5px; padding: 8px 5px; vertical-align: middle; color: var(--ctm-brand-color,var(--bg-toast-button)) !important; }
.feature-list { margin: 40px 0px 20px; width: 100%; }
.feature-list .table-row { display: flex; justify-content: space-between; margin-bottom: 16px; }
.feature-list .feature-item-container { align-items: flex-start; display: flex; width: 305px; }
.feature-list .feature-item-container .icon-wrapper { height: 24px; margin-right: 8px; width: 24px; }
.feature-list .feature-item-container .icon-wrapper .icon { color: var(--upgrade-hook-primary-header-text); height: 24px; width: 24px; }
.feature-list .feature-item-container .feature-details { color: var(--upgrade-hook-primary-header-text); display: flex; flex-direction: column; }
.feature-list .feature-item-container .feature-details .title { font-weight: 600; }
.feature-list .feature-item-container .feature-details .description { color: var(--icon-secondary-color); }
.plan-comparison { color: var(--upgrade-hook-primary-header-text); display: flex; flex: 1 1 auto; flex-direction: column; margin: 24px 0px 8px; min-height: 0px; width: 100%; }
.plan-comparison__row { column-gap: 12px; display: grid; grid-template-columns: minmax(0px, 1fr) repeat(2, 136px); }
.plan-comparison--plans-1 .plan-comparison__row { grid-template-columns: minmax(0px, 1fr) 136px; }
.plan-comparison__plan-name { border-radius: 6px; font-weight: 600; height: 40px; }
.plan-comparison__cell, .plan-comparison__plan-name { align-items: center; background: var(--plan-comparison-column-bg); display: flex; justify-content: center; }
.plan-comparison__cell { text-align: center; }
.plan-comparison__cell.plan-comparison__plan--highlighted, .plan-comparison__plan-name.plan-comparison__plan--highlighted { background: var(--plan-comparison-highlight-bg); }
.plan-comparison__row--header { background: var(--upgrade-hook-modal-bg); padding-bottom: 12px; position: sticky; top: 0px; z-index: 1; }
.plan-comparison__row--header + .plan-comparison__row .plan-comparison__cell { border-radius: 6px 6px 0px 0px; }
.plan-comparison__body > .plan-comparison__row:last-child .plan-comparison__cell { border-radius: 0px 0px 6px 6px; }
.plan-comparison__group-title { color: var(--upgrade-hook-feature-color); font-size: 12.04px; font-weight: 600; letter-spacing: 0.06em; padding: 20px 0px 8px; text-transform: uppercase; }
.plan-comparison__row--feature { border-bottom: 1px solid var(--plan-comparison-row-border); }
.plan-comparison__row--feature > * { min-height: 48px; }
.plan-comparison__body > .plan-comparison__row--feature:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.plan-comparison__body { flex: 1 1 auto; min-height: 150px; overflow-y: auto; scrollbar-width: thin; }
.plan-comparison__feature { align-items: center; display: flex; gap: 12px; }
.plan-comparison__feature-icon { color: var(--upgrade-hook-primary-header-text); flex: 0 0 auto; height: 20px; width: 20px; }
.plan-comparison__info { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: flex; padding: 0px; }
.plan-comparison__info:hover { cursor: pointer; }
.plan-comparison__info-icon { color: var(--icon-secondary-color); height: 16px; width: 16px; }
.plan-comparison__tick { height: 20px; width: 20px; }
.plan-comparison__dash, .plan-comparison__tick { color: var(--upgrade-hook-primary-header-text); }
.feature-info-popover { background: var(--bg-tooltip); border-radius: 4px; color: var(--primary-text); padding: 12px 14px; position: relative; width: 240px; }
.feature-info-popover__close { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: flex; padding: 0px; position: absolute; right: 10px; top: 10px; }
.feature-info-popover__close-icon { color: var(--icon-secondary-color); height: 14px; width: 14px; }
.feature-info-popover__title { font-size: 14px; font-weight: 600; margin: 0px 18px 4px 0px; }
.feature-info-popover__description { color: var(--primary-text); font-size: 14px; }
.auto-reply-container { display: flex; flex-direction: column; height: 800px; overflow: hidden; }
.auto-reply-container .vacation-responder { margin-bottom: 102px; padding-top: 10px; width: 775px; }
.auto-reply-container .vacation-responder .standard-spacing { margin-top: 16px; }
.auto-reply-container .vacation-responder .header-container { color: var(--text-color); font-size: 15.96px; font-weight: 600; margin-bottom: 24px; }
.auto-reply-container .vacation-responder .header-container .learn-more { cursor: pointer; font-weight: 400; margin-left: 5px; text-decoration: none; }
.auto-reply-container .vacation-responder .header-container .learn-more .icon { margin-left: 5px; position: relative; top: 12px; }
.auto-reply-container .vacation-responder .auto-reply-toggle-container { align-items: center; background: var(--bg-reading-pane); border: 1px solid var(--editor-border-color); border-radius: 4px; display: flex; height: 68px; justify-content: space-between; margin-bottom: 16px; padding: 14px 24px; }
.auto-reply-container .vacation-responder .auto-reply-toggle-container .auto-reply-toggle { align-items: center; display: flex; height: 100%; padding-left: 24px; text-align: center; }
.auto-reply-container .vacation-responder .auto-reply-toggle-container span { font-size: 15.96px; font-weight: 600; line-height: 25.2px; }
.auto-reply-container .vacation-responder input[type="radio"] { margin: 0px 12px 0px 0px; position: static; width: 16px; }
.auto-reply-container .vacation-responder label { color: var(--preferences-subtitle); }
.auto-reply-container .vacation-responder .summary { color: var(--tertiary-text-three); }
.auto-reply-container .vacation-responder .dates-container { display: flex; }
.auto-reply-container .vacation-responder .dates-container .date-picker { display: flex; height: 24px; }
.auto-reply-container .vacation-responder .dates-container .date-picker label { margin-right: 10px; }
.auto-reply-container .vacation-responder .dates-container .styled-datepicker.start-date { margin-right: 36px; }
.auto-reply-container .vacation-responder .dates-picker-container { background: var(--bg-secondary-modal); border: 1px solid var(--editor-border-color); border-radius: 4px; display: flex; height: 104px; margin-bottom: 16px; padding: 12px 24px; }
.auto-reply-container .vacation-responder .dates-picker-container .label-wrapper { align-items: flex-end; display: flex; flex-direction: column; font-weight: 600; justify-content: space-between; line-height: 32px; margin-right: 10px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper { display: flex; flex-direction: column; justify-content: space-between; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .default-turn-on-section { align-items: center; display: flex; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .default-turn-on-section label input[type="radio"] { height: 14px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .date-picker-wrap { margin-left: 2px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .date-picker-wrap label { display: none; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .date-picker-wrap .widget-container { cursor: pointer; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .date-picker-wrap .date-picker { height: 32px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .date-picker-wrap .date-picker .month-view-wrap { top: 30px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .end-date { cursor: pointer; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .styled-datepicker .dropdown-like-button { height: 32px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .styled-datepicker .dropdown-like-button .caret-icon { margin-left: 0px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .radio-btn { margin-right: 20px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .radio-btn input[type="radio"] { align-items: center; display: flex; margin: 0px 4px 0px 0px; width: 20px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .radio-btn input[type="radio"]::after { background-image: var(--radio-check-off-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 20px; width: 20px; }
.auto-reply-container .vacation-responder .dates-picker-container .dates-wrapper .radio-btn input[type="radio"]:checked::after { background-image: var(--radio-check-on-icon); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 20px; width: 20px; }
.auto-reply-container .vacation-responder .email-subject-conatiner .text-field { border: 1px solid var(--editor-border-color); border-radius: 4px; padding: 8px 12px; width: 775px; }
.auto-reply-container .vacation-responder .auto-responder-editor-wrapper { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px 4px 0px 0px; flex: 1 1 0%; height: 232px; }
.auto-reply-container .vacation-responder .auto-responder-editor-wrapper .fr-box .fr-wrapper { min-height: unset; }
.auto-reply-container .vacation-responder .auto-responder-editor-wrapper .fr-box .fr-wrapper .fr-view { padding: 8px 12px; }
.auto-reply-container .vacation-responder .auto-responder-editor-wrapper .fr-box .fr-toolbar.fr-bottom { bottom: 0px !important; }
.auto-reply-container .vacation-responder .auto-responder-editor-wrapper .fr-box .fr-toolbar.fr-bottom .fr-toolbar .fr-btn-grp { padding-left: 0px; }
.auto-reply-container .vacation-responder .editor-toolbar { align-items: center; background: var(--input-bg); border: 1px solid var(--editor-border-color); border-radius: 0px 0px 4px 4px; display: flex; height: 48px; padding: 8px 12px; }
.auto-reply-container .vacation-responder .editor-toolbar .btn-signature-selector { margin-left: 10px; }
.auto-reply-container .vacation-responder .error-msg { color: var(--error-color); font-size: 12.04px; }
.auto-reply-container .vacation-responder .footer-dropdown .button-dropdown.open.open-down .secondary-items { transform: translateY(-210px); }
.auto-reply-container .vacation-responder .footer-dropdown .button-dropdown.open.open-down .secondary-picker { border-top-right-radius: 0px; }
.auto-reply-container .vacation-responder .footer-dropdown .button-dropdown .only-item { height: 32px; padding-top: 2px; }
.auto-reply-container .vacation-responder .footer-dropdown .button-dropdown .only-item .icon { margin-bottom: 3px; margin-left: 0px; }
.auto-reply-container .vacation-responder .footer-wrapper { background: var(--bg-modal); bottom: 0px; margin-top: 48px; padding: 24px 0px; position: fixed; width: 100%; z-index: 10; }
.auto-reply-container .vacation-responder .footer-wrapper .form-submit { display: block; }
.auto-reply-container .vacation-responder .on-pref-container.active .form-field-row:hover { background: none; }
.auto-reply-container .text-field { height: auto; min-height: 32px; }
.auto-reply-container .form-field-row { align-items: center; cursor: pointer; display: flex; flex-grow: 1; margin: 12px 30px 12px 0px; padding: 8px 8px 8px 0px; }
.auto-reply-container .form-field-row:hover:not(.active) { background: var(--secondary-hover-color); }
.auto-reply-container .pick-date { margin-right: 10px; }
.auto-reply-container .footer-wrapper { background: var(--bg-modal); border-top: 1px solid var(--editor-border-color); padding: 20px 34px; z-index: 10; }
.auto-reply-container .footer-wrapper .form-submit { font-weight: 600; line-height: 21px; padding: 6px 16px; }
.vacation-responder-message { align-items: center; background: var(--bg-vacation-responder-notification); color: var(--text-color); display: flex; font-size: 14px; height: 44px; justify-content: center; text-align: center; }
.vacation-responder-message .message { align-items: flex-start; color: var(--neo-icon-color); display: flex; font-weight: 500; }
.vacation-responder-message .message .date { font-weight: 600; }
.vacation-responder-message .message .vacation-icon { margin-right: 3px; margin-top: -2px; }
.vacation-responder-message .actions { font-weight: 600; line-height: 0; margin-left: 6px; }
.vacation-responder-message .actions .clickable-turn-off { border: 1px solid var(--clickable-cta-color); border-radius: 4px; color: var(--clickable-cta-color); cursor: pointer; margin-left: 16px; padding: 2px 9.5px; }
.vacation-responder-message .actions .clickable-turn-off:hover { color: rgb(255, 255, 255); }
.vacation-responder-message .actions .clickable-edit { border-radius: 4px; color: var(--clickable-cta-color); cursor: pointer; font-weight: 600; margin-left: 16px; padding: 2px 9.5px; }
.vacation-responder-message .actions .clickable-edit:hover { text-decoration: underline solid var(--clickable-cta-color) 1px; }
.overlap_dialog_container { display: flex; flex-direction: column; }
.overlap_dialog_container .title { font-size: 14px; font-weight: 600; }
.overlap_dialog_container .description-container { display: flex; flex-direction: column; font-size: 14px; font-weight: 400; height: 100%; margin-top: 26px; }
.overlap_dialog_container .description-container .description-two { margin-top: 16px; }
.overlap_dialog_container .buttons-container { display: flex; justify-content: flex-end; margin-top: 16px; }
.overlap_dialog_container .buttons-container .proceed-btn { padding-left: 16px; }
.remote-image-banner { border-radius: 6px; margin: 12px 0px 0px; overflow: hidden; }
.remote-image-banner .remote-image-banner-strip { align-items: center; background: var(--load-remote-images-background); box-sizing: border-box; display: flex; gap: 16px; height: 40px; padding: 12px; width: 100%; }
.remote-image-banner .remote-image-banner-left { align-items: center; display: flex; gap: 2px; min-width: 0px; }
.remote-image-banner .remote-image-icon-title { align-items: center; display: flex; gap: 4px; min-width: 0px; }
.remote-image-banner .remote-image-hidden-icon-wrap { align-items: center; color: var(--tertiary-text-three); display: flex; flex-shrink: 0; height: 20px; justify-content: center; padding: 3px; width: 20px; }
.remote-image-banner .remote-image-hidden-icon { flex-shrink: 0; height: 15px; width: 15px; }
.remote-image-banner .remote-image-banner-text { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.remote-image-banner .remote-image-info-icon-wrap { align-items: center; color: var(--tertiary-text-three); cursor: pointer; display: flex; flex-shrink: 0; padding: 4.5px; }
.remote-image-banner .remote-image-banner-actions { align-items: center; display: flex; flex-shrink: 0; gap: 8px; }
.remote-image-banner .remote-image-banner-link { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; overflow: hidden; padding: 0px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.remote-image-banner .remote-image-banner-link:hover { text-decoration: underline; }
.remote-image-banner .remote-image-banner-separator { color: var(--tertiary-text-three); font-size: 14px; user-select: none; }
.long-message-view-container { background: var(--bg-long-message-container); height: 100vh; margin: 0px; padding: 0px; position: relative; width: 100%; }
.long-message-view-container .toolbar { align-items: center; border-bottom: 1px solid var(--line-seprator-color); display: flex; height: 64px; position: relative; width: 100%; z-index: 1; }
.long-message-view-container .toolbar img { height: 25px; width: 100px; }
.long-message-view-container .toolbar .toolbar-back-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--text-color); cursor: pointer; display: flex; font-size: 20px; font-weight: 600; gap: 8px; margin-left: 16px; max-width: 60%; padding: 6px 8px; }
.long-message-view-container .toolbar .toolbar-back-btn img { flex-shrink: 0; height: 24px; width: 24px; }
.long-message-view-container .toolbar .toolbar-back-btn .toolbar-subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.long-message-view-container .toolbar .toolbar-back-btn:hover { background: var(--bg-hover); }
.long-message-view-container > .message-item-area { background: var(--bg-long-message-item-area); border: 1px solid var(--border-long-message-container); border-radius: 4px; display: flex; flex-direction: column; margin: 24px; max-height: calc(-100px + 100vh); }
.long-message-view-container > .message-item-area .pending-spinner { margin-left: 50%; margin-top: 300px; position: absolute; }
.long-message-view-container > .message-item-area .message-content { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }
.long-message-view-container > .message-item-area .message-content.hidden { visibility: hidden; }
.long-message-view-container > .message-item-area .body-highlight-wrapper { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }
.long-message-view-container > .message-item-area .message-body-loading { align-items: center; display: flex; justify-content: center; min-height: 80px; padding: 16px 24px; }
.long-message-view-container > .message-item-area .message-item-header { display: flex; justify-content: space-between; margin: 24px 24px 24px 3px; }
.long-message-view-container > .message-item-area .message-item-header .message-time, .long-message-view-container > .message-item-area .message-item-header .participants { color: var(--tertiary-text-three); }
.long-message-view-container > .message-item-area .message-item-header .participants { display: flex; }
.long-message-view-container > .message-item-area .message-item-header .participants:hover { cursor: default; }
.long-message-view-container > .message-item-area .message-item-header .participants .header-toggle-control { margin-top: -3px; padding-right: 2px; position: relative; }
.long-message-view-container > .message-item-area .message-item-header .participants .header-toggle-control .header-toggle-event-handler { height: 18px; left: 0px; position: absolute; top: 0px; width: 18px; z-index: 1; }
.long-message-view-container > .message-item-area .message-item-header .participants .header-toggle-control .header-toggle-event-handler:hover { cursor: pointer; }
.long-message-view-container > .message-item-area .message-item-header .participants .message-header-contact-icon { flex-shrink: 0; margin-right: 8px; margin-top: 2px; }
.long-message-view-container > .message-item-area .message-item-header .participants .from-participants { margin-bottom: 8px; }
.long-message-view-container > .message-item-area .message-item-header .participants .folder-name { margin-top: 6px; }
.long-message-view-container > .message-item-area .message-body { flex-grow: 1; margin: 0px 24px 14px; overflow: hidden; }
.long-message-view-container > .message-item-area .message-body .iframe-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.long-message-view-container > .message-item-area .message-body .iframe-container iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 100%; width: 100%; }
.long-message-view-container > .message-item-area .remote-image-banner { margin: 0px 24px 14px; }
.long-message-view-container .long-thread-messages { height: calc(-64px + 100vh); overflow-y: auto; }
.long-message-view-container .long-thread-messages .pending-spinner { align-items: center; display: flex; height: 100%; justify-content: center; }
.long-message-view-container .long-thread-messages .message-item-wrap { padding: 0px 24px 12px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area { background: var(--bg-long-message-item-area); border: 1px solid var(--border-long-message-container); border-radius: 4px; display: flex; flex-direction: column; max-height: calc(-100px + 100vh); }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .pending-spinner { margin-left: 50%; margin-top: 300px; position: absolute; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-content { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-content.hidden { visibility: hidden; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .body-highlight-wrapper { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-body-loading { align-items: center; display: flex; justify-content: center; min-height: 80px; padding: 16px 24px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header { display: flex; justify-content: space-between; margin: 24px 24px 24px 3px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .message-time, .long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants { color: var(--tertiary-text-three); }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants { display: flex; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants:hover { cursor: default; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .header-toggle-control { margin-top: -3px; padding-right: 2px; position: relative; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .header-toggle-control .header-toggle-event-handler { height: 18px; left: 0px; position: absolute; top: 0px; width: 18px; z-index: 1; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .header-toggle-control .header-toggle-event-handler:hover { cursor: pointer; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .message-header-contact-icon { flex-shrink: 0; margin-right: 8px; margin-top: 2px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .from-participants { margin-bottom: 8px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-item-header .participants .folder-name { margin-top: 6px; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-body { flex-grow: 1; margin: 0px 24px 14px; overflow: hidden; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-body .iframe-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .message-body .iframe-container iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 100%; width: 100%; }
.long-message-view-container .long-thread-messages .message-item-wrap:not(.collapsed) .message-item-area .remote-image-banner { margin: 0px 24px 14px; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed { cursor: pointer; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed .message-item-white-wrap { background: var(--bg-msg-list); border-radius: 4px; box-shadow: 0 0 0 1px var(--bg-msg-list-border); padding: 25px 16px 12px; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed .message-item-area { align-items: baseline; display: flex; flex-direction: row; font-size: 12.04px; padding-bottom: 10px; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed .message-item-area .collapsed-from { color: var(--text-color); font-size: 15px; font-weight: 600; line-height: 1.29; margin-right: 1em; white-space: nowrap; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed .message-item-area .collapsed-snippet { color: var(--tertiary-text-three); flex: 1 1 0%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.long-message-view-container .long-thread-messages .message-item-wrap.collapsed .message-item-area .collapsed-timestamp { color: var(--tertiary-text-three); font-size: 12.04px; margin-left: 0.5em; white-space: nowrap; }
.long-message-view-container .error-page-container { align-items: center; border: 1px solid var(--border-long-message-container); display: flex; height: 120px; justify-content: center; margin: 24px; }
.long-message-view-container .error-page-container a:hover { cursor: pointer; }
#global-pendo-guide { inset: 0px; position: absolute; }
.mail-send-guide { z-index: 10; }
@keyframes migration-spin { 
  100% { transform: rotate(1turn); }
}
.migration-overlay { align-items: center; background: rgba(0, 0, 0, 0.8); color: rgb(255, 255, 255); display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; height: 100%; justify-content: center; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 999999; }
.migration-overlay__spinner { animation: 1s linear 0s infinite normal none running migration-spin; border-width: 4px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3); border-image: initial; border-radius: 50%; height: 48px; margin-bottom: 16px; width: 48px; }
.migration-overlay__message { font-size: 18px; font-weight: 500; }
.flexbox-handle-horizontal { bottom: 0px; cursor: col-resize; position: absolute; top: 0px; width: 8px; z-index: 2; }
.flexbox-handle-horizontal div { box-shadow: 1px 0 0 var(--border-color-default); height: 100%; }
.flexbox-handle-horizontal.flexbox-handle-right { padding-right: 4px; right: -4px; }
.flexbox-handle-horizontal.flexbox-handle-left { left: -4px; padding-right: 4px; }
.flexbox-handle-vertical { cursor: row-resize; height: 6px; left: 0px; position: absolute; right: 0px; width: 100%; z-index: 2; }
.flexbox-handle-vertical div { width: 100%; }
.flexbox-handle-vertical.flexbox-handle-top { padding-right: 3px; top: -3px; }
.flexbox-handle-vertical.flexbox-handle-bottom { bottom: 0px; padding-right: 2px; }
.toolbar-logo { align-items: center; display: flex; height: 32px; margin-left: 16px; }
.toolbar-logo .side-bar-logo { height: 25px; object-fit: contain; object-position: left center; width: 100px; }
.toolbar-logo .sidebar-text { font-size: 20.02px; }
.sidebar-toggle-btn { background-color: var(--ctm-primary-surface,var(--sidebar-toogle-btn-bg)); border: 2px solid var(--ctm-surface-border,var(--sidebar-toggle-btn-border)); border-radius: 50%; cursor: pointer; height: 24px; opacity: 0; position: absolute; right: -10px; top: 20px; transition: opacity 0.1s ease-out; width: 24px; z-index: 4; }
.sidebar-toggle-btn svg { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); }
.sidebar-toggle-btn .toggle-btn-key-commands { align-items: center; display: flex; justify-content: center; }
.sidebar-toggle-btn:hover { opacity: 1; transition: opacity 0.1s ease-out; }
.flockmail-app-version { bottom: 0px; color: rgb(153, 153, 153); font-size: small; position: fixed; right: 10px; z-index: 1; }
.sheet { background-color: var(--bg-primary-color); }
.sheet .column-MessageList { flex: 1.8 1 0%; height: 100%; min-width: 627px; overflow: hidden; }
.sheet .column-ThreadList { border-right: 1px solid var(--border-color-default); display: flex; flex-direction: column; min-width: 330px; }
.sheet.mode-list.side-panel-inline .column-ThreadList { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.sheet.mode-list.side-panel-inline .column-ThreadList .flexbox-handle-right div { box-shadow: none; }
.sheet.mode-split .column-ThreadList { max-width: calc(100% - 627px); }
.sheet.mode-split.side-panel-inline .column-ThreadList { max-width: calc(100% - 627px - var(--side-panel-width, 0px)); }
.sheet.mode-split.side-panel-drawer .column-ThreadList { max-width: calc(100% - 627px); }
.sheet.mode-list:not(.thread-view) .column-ThreadList { flex: 1 1 0%; max-width: 100%; }
.sheet.mode-list:not(.thread-view) .column-MessageList { display: none !important; }
.sheet.mode-list.thread-view .column-ThreadList { opacity: 0; pointer-events: none; visibility: hidden; max-width: 0px !important; min-width: 0px !important; }
.sheet-toolbar { border-bottom: 1px solid var(--border-color-default); border-left: 1px solid var(--border-color-default); height: 64px; max-height: 64px; min-height: 50px; position: relative; width: 100%; z-index: 10; }
.sheet-toolbar, .sheet-toolbar .item-spacer { app-region: drag; }
.sheet-toolbar-container { background: var(--bg-primary-color); display: flex; height: 100%; justify-content: space-between; position: absolute; width: 100%; z-index: 1; }
.sheet-toolbar-container .toolbar-MessageList { margin-left: 4px; }
.sheet-toolbar-container .toolbar-MessageList .item-container { justify-content: flex-end; }
.sheet-toolbar-container .toolbar-ThreadList { flex-grow: 1; }
.sheet-toolbar-container.mode-list { display: flex; justify-content: space-between; }
.sheet-toolbar-container.mode-list .toolbar-MessageList { display: block; }
.sheet-toolbar-container.mode-list .toolbar-ThreadList { display: block; flex-shrink: unset; }
.sheet-toolbar-container .item-container { display: flex; flex-direction: row; height: 100%; position: relative; }
.sheet-toolbar-container .item-container > * { app-region: no-drag; }
.toolbar-app-btn-container { align-items: center; display: flex; gap: 4px; }
.toolbar-app-btn-container > :last-child { margin-right: 16px !important; }
.toolbar-app-btn-container .btn-toolbar { flex-shrink: 0; height: 40px; line-height: 1.75em; min-width: 40px; padding: 5px; }
.toolbar-app-btn-container .btn-toolbar.btn-outline { font-size: 14px; font-weight: 400; margin-right: 12px; padding-left: 10px; padding-right: 10px; }
.toolbar-app-btn-container .btn-toolbar.btn-outline, .toolbar-app-btn-container .btn-toolbar.btn-outline:hover { border: 1px solid var(--border-color-default); color: var(--toolbar-outline-btn-text); }
.toolbar-app-btn-container .btn-toolbar.spining img { animation: 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s infinite normal none running spin; }
.toolbar-app-btn-container .btn-toolbar.bounce img { animation: 0.5s ease-in-out 0s 1 normal forwards running bounce; }
.toolbar-app-btn-container .btn-toolbar.toolbar-activity { padding: 8px; }
.toolbar-app-btn-container .titan-max-wrapper .btn-toolbar:only-of-type { margin-right: 0px; }
.ai-dashboard-all-clear { align-items: center; background: var(--bg-ai-dashboard,var(--bg-primary-color)); display: flex; flex-direction: column; height: 100%; justify-content: center; }
.ai-dashboard-all-clear .ai-dashboard-all-clear-title { color: var(--text-color); font-size: 18.06px; font-weight: 600; margin: 0px 0px 7px; }
.ai-dashboard-all-clear .ai-dashboard-all-clear-description { color: var(--text-color-very-subtle); font-size: 14px; margin: 0px; }
.column-AiDashboard { min-width: 0px; }
.ai-dashboard-section { display: flex; flex: 1 1 auto; flex-direction: column; margin-bottom: 0px; min-height: 0px; }
.ai-dashboard-card-row { align-items: flex-start; display: flex; flex: 1 1 auto; gap: 17.5px; min-height: 0px; overflow-x: auto; padding-bottom: 7px; }
.ai-dashboard-card-row > * { flex: 1 1 0%; min-width: 340px; }
.ai-dashboard-card-row.ai-dashboard-card-row-compact > * { min-width: 280px; }
.ai-dashboard-card { background: var(--bg-primary-color); border: 1px solid var(--border-color-subtle); border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; max-height: 100%; min-height: 0px; overflow: hidden; transition: border-color 0.12s ease-out, box-shadow 0.12s ease-out; }
.ai-dashboard-card:hover { border-color: var(--border-color-default); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.ai-dashboard-card .ai-dashboard-card-header { align-items: center; display: flex; flex-shrink: 0; gap: 10.5px; padding: 17.5px; }
.ai-dashboard-card .ai-dashboard-card-icon { align-items: center; border-radius: 4px; display: inline-flex; flex-shrink: 0; height: 32px; justify-content: center; width: 32px; }
.ai-dashboard-card .ai-dashboard-card-heading { display: flex; flex: 1 1 0%; flex-direction: column; gap: 1px; min-width: 0px; }
.ai-dashboard-card .ai-dashboard-card-title { align-items: center; color: var(--text-color); display: flex; font-size: 15.96px; font-weight: 600; gap: 7px; overflow: hidden; white-space: nowrap; }
.ai-dashboard-card .ai-dashboard-card-title-text { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ai-dashboard-card .ai-dashboard-card-count { align-items: center; background: var(--hover-color); border-radius: 999px; color: var(--text-color-very-subtle); display: inline-flex; flex-shrink: 0; font-size: 12.04px; font-weight: 600; justify-content: center; min-width: 20px; padding: 1px 7px; }
.ai-dashboard-card .ai-dashboard-card-meta { color: var(--secondary-text-subtle,var(--text-color)); font-size: 13.02px; }
.ai-dashboard-card .ai-dashboard-card-info { align-items: center; align-self: flex-start; border-radius: 4px; color: var(--text-color-very-subtle); cursor: default; display: inline-flex; flex-shrink: 0; height: 24px; justify-content: center; transition: background-color 0.12s ease-out; width: 24px; }
.ai-dashboard-card .ai-dashboard-card-info.ai-dashboard-card-info-open, .ai-dashboard-card .ai-dashboard-card-info:hover { background: var(--icon-hover-state); }
.ai-dashboard-card .ai-dashboard-card-icon-receipts { color: var(--text-color); }
.ai-dashboard-card .ai-dashboard-card-icon-receipts svg { height: 20px; width: 20px; }
.ai-dashboard-card .ai-dashboard-receipt-bottom { align-items: center; display: flex; gap: 7px; height: 21px; justify-content: space-between; margin-top: 12px; min-width: 0px; }
.ai-dashboard-card .ai-dashboard-receipt-bottom .ai-dashboard-peek-snippet { flex: 1 1 0%; min-width: 0px; }
.ai-dashboard-card .ai-dashboard-receipt-bottom .ai-dashboard-peek-time.ai-dashboard-peek-time { flex-shrink: 1; min-width: 0px; overflow: hidden; }
.ai-dashboard-card .ai-dashboard-receipt-bottom .ai-dashboard-receipt-time-btn { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-dashboard-card .ai-dashboard-receipt-sentence { color: var(--text-color); flex: 1 1 0%; font-size: 15px; font-weight: 400; line-height: 1.3; margin-bottom: 8px; max-height: 39px; min-width: 0px; overflow: hidden; }
.ai-dashboard-card .ai-dashboard-receipt-sentence strong { font-weight: 400; }
.ai-dashboard-card .ai-dashboard-receipt-quoted { border-left: 1px solid var(--secondary-line-separator); display: block; line-height: 1.3; min-width: 0px; padding-left: 6px; }
.ai-dashboard-card .ai-dashboard-receipt-quoted.ai-dashboard-receipt-quoted .ai-dashboard-peek-subject { line-height: 1.3; }
.ai-dashboard-card .ai-dashboard-receipt-snippet { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--tertiary-text-three); margin-top: 4px; overflow: hidden; overflow-wrap: anywhere; }
.ai-dashboard-card .ai-dashboard-receipt-actions { align-items: center; display: inline-flex; flex-shrink: 0; gap: 7px; }
.ai-dashboard-card .ai-dashboard-receipt-readers { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 400; padding: 0px; text-align: inherit; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: var(--border-color-default); text-underline-offset: 2px; }
.ai-dashboard-card .ai-dashboard-receipt-readers:focus-visible, .ai-dashboard-card .ai-dashboard-receipt-readers:hover { text-decoration-color: initial; }
.ai-dashboard-card .ai-dashboard-receipt-time-to-open::before { content: "·"; margin: 0px 4px; }
.ai-dashboard-card .ai-dashboard-receipt-time-btn { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; font: inherit; padding: 0px; text-align: inherit; text-decoration: underline dotted rgba(0, 0, 0, 0); text-underline-offset: 2px; }
.ai-dashboard-card .ai-dashboard-receipt-time-btn:focus-visible, .ai-dashboard-card .ai-dashboard-receipt-time-btn:hover { text-decoration-color: initial; }
.ai-dashboard-card .ai-dashboard-receipt-hot { color: var(--read-receipt,#59af56); font-size: 13.02px; font-weight: 600; }
.ai-dashboard-card .ai-dashboard-receipt-follow-up { background: rgba(0, 0, 0, 0); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); cursor: pointer; flex-shrink: 0; font-size: 12.04px; font-weight: 500; margin-block: -3px; padding: 2px 10px; white-space: nowrap; }
.ai-dashboard-card .ai-dashboard-receipt-follow-up:hover { background: var(--hover-color); }
.ai-dashboard-card.ai-dashboard-card-placeholder { background: rgba(0, 0, 0, 0); border-style: dashed; cursor: default; }
.ai-dashboard-card.ai-dashboard-card-placeholder:hover { border-color: var(--border-color-subtle); box-shadow: none; }
.ai-dashboard-card.ai-dashboard-card-placeholder .ai-dashboard-card-icon { background: var(--hover-color); }
.ai-dashboard-card.ai-dashboard-card-placeholder .ai-dashboard-card-count, .ai-dashboard-card.ai-dashboard-card-placeholder .ai-dashboard-card-title { color: var(--text-color-very-subtle); }
.ai-dashboard-power-through-cta-wrap { flex-shrink: 0; padding: 0px 17.5px 10.5px; }
.ai-dashboard-power-through-cta { align-items: center; background: rgba(0, 0, 0, 0); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); cursor: pointer; display: inline-flex; font-size: 13.02px; font-weight: 500; gap: 5px; height: 32px; justify-content: center; white-space: nowrap; width: 100%; }
.ai-dashboard-power-through-cta:hover { background: var(--hover-color); }
.ai-dashboard-power-through-cta svg { color: inherit; }
.ai-dashboard-peek-list { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0px; overflow-y: auto; position: relative; }
.ai-dashboard-peek-list .button-container:has(.ai-dashboard-peek-view-all) { display: block; }
.ai-dashboard-peek-list .ai-dashboard-peek-view-all { border-top: 1px solid var(--border-color-subtle); box-shadow: none; color: var(--text-color-very-subtle); display: block; font-size: 13.02px; font-weight: 500; outline: none; padding: 14px 17.5px; text-align: center; transition: color 0.12s ease-out; width: 100%; border-radius: 0px !important; }
.ai-dashboard-peek-list .ai-dashboard-peek-view-all:focus, .ai-dashboard-peek-list .ai-dashboard-peek-view-all:focus-visible { box-shadow: none; outline: none; }
.ai-dashboard-peek-list .ai-dashboard-peek-view-all:hover { color: var(--link-color); background: var(--hover-color) !important; border-radius: 0px !important; border-top: 1px solid var(--border-color-default) !important; }
.ai-dashboard-peek-list .ai-dashboard-peek-row { border-top: 1px solid var(--border-color-subtle); cursor: pointer; display: flex; flex-direction: column; line-height: 21px; padding: 14px 17.5px; transition: background-color 0.12s ease-out; }
.ai-dashboard-peek-list .ai-dashboard-peek-row:last-child { border-bottom: 1px solid var(--border-color-subtle); }
.ai-dashboard-peek-list .ai-dashboard-peek-row:focus-visible, .ai-dashboard-peek-list .ai-dashboard-peek-row:hover { background: var(--hover-color); outline: none; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-top { align-items: center; display: flex; gap: 7px; min-height: 24px; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-from { color: var(--text-color); flex: 1 1 0%; font-size: 15px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-time { color: var(--text-color-very-subtle); flex-shrink: 0; font-size: 13.02px; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-time.stale { color: var(--warning-icon-color); }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-bottom { align-items: center; display: flex; gap: 7px; justify-content: space-between; min-width: 0px; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-bottom > .ai-dashboard-peek-snippet { flex: 1 1 0%; min-width: 0px; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-follow-up { background: rgba(0, 0, 0, 0); border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color); cursor: pointer; flex-shrink: 0; font-size: 12.04px; font-weight: 500; margin-block: -3px; opacity: 0; padding: 2px 10px; pointer-events: none; transition: opacity 0.12s ease-out; white-space: nowrap; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-follow-up:hover { background: var(--hover-color); }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-follow-up.stale, .ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-follow-up:focus-visible { opacity: 1; pointer-events: auto; }
.ai-dashboard-peek-list .ai-dashboard-peek-row:hover .ai-dashboard-peek-follow-up { opacity: 1; pointer-events: auto; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-subject { color: var(--secondary-text-subtle,var(--text-color)); font-size: 14px; font-weight: 500; line-height: 1.63; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-dashboard-peek-list .ai-dashboard-peek-row.unread .ai-dashboard-peek-from { font-weight: 600; }
.ai-dashboard-peek-list .ai-dashboard-peek-row .ai-dashboard-peek-snippet { color: var(--text-color-very-subtle); font-size: 14px; line-height: 1.29; min-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-dashboard-info-popover { --antd-arrow-background-color: var(--bg-small-dropdowns); font-family: inherit; }
.ai-dashboard-info-popover .ai-dashboard-info-popover-container { background: var(--bg-small-dropdowns); border-radius: 8px; box-shadow: var(--popover-shadow); padding: 20px; width: 360px; }
.ai-dashboard-info { display: flex; flex-direction: column; gap: 14px; }
.ai-dashboard-info .ai-dashboard-info-heading { color: var(--text-color); font-size: 20.02px; font-weight: 600; line-height: 1.25; margin-bottom: 7px; }
.ai-dashboard-info .ai-dashboard-info-name { color: var(--link-color); }
.ai-dashboard-info .ai-dashboard-info-row { align-items: flex-start; display: flex; gap: 12px; }
.ai-dashboard-info .ai-dashboard-info-row-icon { align-items: center; background: var(--secondary-hover-color); border-radius: 6px; color: var(--text-color-very-subtle); display: inline-flex; flex-shrink: 0; height: 32px; justify-content: center; width: 32px; }
.ai-dashboard-info .ai-dashboard-info-row-text { display: flex; flex-direction: column; line-height: 1.5; min-width: 0px; }
.ai-dashboard-info .ai-dashboard-info-row-title { color: var(--text-color); font-size: 15.96px; font-weight: 600; }
.ai-dashboard-info .ai-dashboard-info-row-body { color: var(--secondary-text-subtle,var(--text-color)); font-size: 14px; }
.ai-dashboard-info-fade-appear, .ai-dashboard-info-fade-enter { opacity: 0; }
.ai-dashboard-info-fade-appear-active, .ai-dashboard-info-fade-enter-active { opacity: 1; transition: opacity 0.12s ease-out; }
.ai-dashboard-info-fade-leave-active { opacity: 0; transition: opacity 0.12s ease-out; }
.turn-on-ai-inbox-container { display: flex; flex-direction: column; justify-content: space-around; width: 100%; }
.turn-on-ai-inbox-container .main-container { display: flex; flex-direction: column; margin: 24px 24px 16px; }
.turn-on-ai-inbox-container .main-container .header { font-size: 20.02px; font-weight: 600; }
.turn-on-ai-inbox-container .main-container .desc { color: var(--text-secondary-color); font-size: 14px; line-height: 1.5; margin-top: 16px; }
.turn-on-ai-inbox-container .actions-container { align-items: center; display: flex; gap: 12px; justify-content: flex-end; margin: 0px 24px 20px; }
.turn-on-ai-inbox-container .actions-container .confirm-btn { margin-left: 0px; }
.ai-dashboard-feature-card-screen { background: var(--bg-ai-dashboard,var(--bg-primary-color)); display: flex; height: 100%; overflow: auto; padding: 24px; }
.ai-dashboard-feature-card { align-items: center; background: var(--bg-primary-color); border: 1px solid var(--hover-color); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 24px 0px; display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 60px; justify-content: center; margin: 56px auto auto; max-width: 100%; padding: 48px; }
@media (min-width: 1513px) {
  .ai-dashboard-feature-card { margin-left: 56px; }
}
.ai-dashboard-feature-card .ai-dashboard-feature-card-left { align-items: flex-start; display: flex; flex: 1 1 320px; flex-direction: column; gap: 24px; max-width: 400px; min-width: 0px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-heading { align-items: flex-start; display: flex; flex-direction: column; gap: 7px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-beta { background: var(--bg-secondary-color); border-radius: 4px; color: var(--text-default); font-size: 12.04px; font-weight: 500; line-height: 1.5; padding: 2px 8px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-title { color: var(--text-default); font-size: 23.94px; font-weight: 400; line-height: 1.1; margin: 0px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-title b { font-weight: 700; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-subtitle { color: var(--text-color-very-subtle); font-size: 15.96px; font-weight: 400; line-height: 1.5; margin: 0px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-points { align-items: flex-start; display: flex; flex-direction: column; gap: 16px; list-style: none; margin: 0px; padding: 0px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-point { align-items: center; display: flex; gap: 12px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-point-icon { align-items: center; background: var(--bg-secondary-color); border-radius: 8px; display: flex; flex: 0 0 auto; height: 36px; justify-content: center; width: 36px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-point-icon img { height: 20px; width: 20px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-point-label { color: var(--text-default); font-size: 15.96px; font-weight: 400; line-height: 1.5; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta { border-radius: 6px; font-size: 15px; font-weight: 600; line-height: 27.3px; padding: 10px 20px; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta-container { align-self: stretch; display: block; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta--upgrade { background: var(--background-color-for-upgrade); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-for-upgrade); width: 100%; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta--upgrade:hover { background: var(--upgrade-hook-hover-color); }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta--upgrade > span { align-items: center; display: flex; gap: 12px; justify-content: center; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-cta-icon { flex: 0 0 auto; }
.ai-dashboard-feature-card .ai-dashboard-feature-card-video { aspect-ratio: 474 / 332; border: 0px; border-radius: 12px; flex: 1 1 360px; height: auto; max-width: 474px; min-width: 0px; }
.ai-dashboard-footer { bottom: 0px; color: var(--secondary-text-subtle,var(--text-color)); font-size: 13.02px; margin: 0px; padding: 24px 0px; position: sticky; text-align: center; }
.ai-dashboard-header { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin-bottom: 18px; }
.ai-dashboard-header .ai-dashboard-title { align-items: center; color: var(--text-color); display: flex; font-size: 18.06px; font-weight: 600; gap: 7px; margin: 0px; }
.ai-dashboard-header .ai-dashboard-header-feedback { flex-shrink: 0; }
.ai-dashboard-heading { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ai-dashboard-greeting { color: var(--secondary-text-subtle,var(--text-color)); font-size: 15.96px; margin: 0px; }
.ai-dashboard-skeleton { align-items: center; background: var(--bg-ai-dashboard,var(--bg-primary-color)); display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 28px; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-title { color: var(--text-color); font-size: 15.96px; font-weight: 600; margin: 0px 0px 7px; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-description { color: var(--text-color-very-subtle); font-size: 14px; margin: 0px 0px 28px; max-width: 420px; text-align: center; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-cards { display: flex; gap: 14px; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-card { animation: 1.4s ease-in-out 0s infinite normal none running ai-dashboard-skeleton-pulse; background: var(--hover-color); border-radius: 8px; height: 140px; width: 200px; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-card:nth-child(2) { animation-delay: 0.15s; }
.ai-dashboard-skeleton .ai-dashboard-skeleton-card:nth-child(3) { animation-delay: 0.3s; }
@keyframes ai-dashboard-skeleton-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-dashboard-skeleton .ai-dashboard-skeleton-card { animation: auto ease 0s 1 normal none running none; }
}
.ai-power-through-row-header { display: flex; flex-direction: column; gap: 7px; padding: 17.5px 21px 7px; }
.ai-power-through-row-top { align-items: flex-start; display: flex; gap: 14px; justify-content: space-between; }
.ai-power-through-row-heading { flex: 1 1 auto; min-width: 160px; }
.ai-power-through-row-subject { color: var(--text-color); font-size: 18.06px; font-weight: 600; margin: 0px 0px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-power-through-row-sender-block { align-items: flex-start; display: flex; gap: 10.5px; position: relative; }
.ai-power-through-row-sender-block .email-icon-container { flex-shrink: 0; }
.ai-power-through-row-expand-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text-color-very-subtle); cursor: pointer; display: inline-flex; height: 18px; justify-content: center; left: -20px; padding: 0px; position: absolute; top: 8px; width: 18px; z-index: 2; }
.ai-power-through-row-expand-btn:hover { color: var(--text-color); }
.ai-power-through-row-expand-btn .ai-expandable-line-chevron { height: 16px; transform: rotate(-90deg); transition: transform 0.15s; width: 16px; }
.ai-power-through-row-expand-btn.expanded .ai-expandable-line-chevron { transform: none; }
.ai-power-through-row-sender-lines { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.ai-power-through-row-sender { color: var(--text-color-very-subtle); font-size: 13.02px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-power-through-row-sender-name { color: var(--text-color); font-weight: 600; margin-right: 4px; }
.ai-power-through-row-sender-email { color: var(--text-color-very-subtle); font-size: 13.02px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-quick-view-contact-email { color: var(--tertiary-text-three); }
.ai-power-through-row-to-line { color: var(--text-color-very-subtle); font-size: 13.02px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.ai-power-through-row-to-line { align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 2px; max-width: 100%; overflow: visible; padding: 0px; text-align: left; white-space: normal; }
button.ai-power-through-row-to-line:hover { color: var(--text-color); }
button.ai-power-through-row-to-line .ai-expandable-line-chevron { flex-shrink: 0; height: 16px; margin-top: 2px; transform: rotate(-90deg); transition: transform 0.15s; width: 16px; }
button.ai-power-through-row-to-line .ai-expandable-line-text { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.ai-power-through-row-to-line.expanded .ai-expandable-line-chevron { transform: none; }
button.ai-power-through-row-to-line.expanded .ai-expandable-line-text { overflow: visible; white-space: normal; }
.ai-power-through-row-header-right { align-items: flex-end; display: flex; flex-direction: column; flex-shrink: 0; gap: 7px; }
.ai-power-through-row-header-actions { align-items: center; display: flex; }
.ai-power-through-row-header-actions .ai-power-through-open-mailbox-btn, .ai-power-through-row-header-actions .btn-toolbar.label-btn { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; box-shadow: none; color: var(--btn-text-toolbar); cursor: pointer; display: inline-flex; font-size: 13.02px; font-weight: 400; height: auto; margin: 0px; padding: 4px 10px; white-space: nowrap; }
.ai-power-through-row-header-actions .ai-power-through-open-mailbox-btn svg, .ai-power-through-row-header-actions .btn-toolbar.label-btn svg { color: var(--icon-secondary-color); cursor: inherit; height: 24px; margin-left: -2px; margin-right: 3px; width: 24px; }
.ai-power-through-row-header-actions .ai-power-through-open-mailbox-btn:hover, .ai-power-through-row-header-actions .btn-toolbar.label-btn:hover { background: var(--hover-color); color: var(--btn-text-toolbar-hover); }
.ai-power-through-row-header-actions .ai-power-through-open-mailbox-btn:hover svg, .ai-power-through-row-header-actions .btn-toolbar.label-btn:hover svg { color: var(--read-unread-blue); }
.ai-quick-view-label-btn { align-items: center; display: inline-flex; }
.ai-power-through-row-time { color: var(--text-color-very-subtle); font-size: 13.02px; }
.ai-power-through-row-attachments { border-top: 1px solid var(--border-color-subtle); padding: 7px 21px 14px; }
.ai-power-through-row-sent-badge { color: var(--ctm-brand-color,var(--link-color)); flex-shrink: 0; font-size: 13.02px; font-weight: 500; }
.ai-power-through-row-body { border-bottom: 1px solid var(--border-color-subtle); max-height: 420px; overflow-y: auto; padding: 0px 21px; }
.ai-power-through-row-body iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: block; width: 100%; }
.ai-power-through-row-loading { color: var(--text-color-very-subtle); font-size: 14px; padding: 14px 0px; }
.ai-power-through-row-actions { align-items: center; display: flex; gap: 10.5px; padding: 14px 21px 17.5px; }
.ai-power-through-row-actions:empty { display: none; }
.ai-power-through-reply-btn { align-items: center; background: var(--btn-default-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--primary-text); cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 500; gap: 8px; height: 32px; padding: 0px 10px; }
.ai-power-through-reply-btn svg { flex-shrink: 0; }
.ai-power-through-reply-btn:hover { background: var(--btn-hover-color); }
.ai-power-through-reply-btn:disabled { background: var(--btn-disabled); cursor: default; }
.ai-power-through-reply-box { border-top: 1px solid var(--border-color-subtle); padding: 14px 21px 17.5px; position: relative; }
.ai-power-through-reply-discard { position: absolute; right: 21px; top: 10px; }
.ai-power-through-reply-audience { color: var(--text-color-very-subtle); font-size: 14px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.ai-power-through-reply-audience { align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; display: flex; font: inherit; gap: 2px; max-width: 100%; overflow: visible; padding: 0px; text-align: left; white-space: normal; }
button.ai-power-through-reply-audience:hover { color: var(--text-color); }
button.ai-power-through-reply-audience .ai-expandable-line-chevron { flex-shrink: 0; height: 16px; margin-top: 2px; transform: rotate(-90deg); transition: transform 0.15s; width: 16px; }
button.ai-power-through-reply-audience .ai-expandable-line-text { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
button.ai-power-through-reply-audience.expanded .ai-expandable-line-chevron { transform: none; }
button.ai-power-through-reply-audience.expanded .ai-expandable-line-text { overflow: visible; white-space: normal; }
.ai-power-through-reply-audience.ai-power-through-reply-audience { padding-right: 28px; }
.ai-power-through-reply-audience .ai-expandable-line-chevron { margin-left: -6px; }
.ai-power-through-reply-audience-cc { margin-left: 7px; }
.ai-power-through-reply-editor { background: var(--bg-primary-color); border: 1px solid var(--editor-border-color); border-radius: 4px; display: flex; flex-direction: column; overflow: hidden; }
.ai-power-through-reply-editor .ai-power-through-reply-input { background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; color: var(--text-color); font-family: inherit; font-size: 14px; min-height: 120px; padding: 10.5px; resize: vertical; width: 100%; }
.ai-power-through-reply-editor .ai-power-through-reply-input::placeholder { color: var(--tertiary-text-three); }
.ai-power-through-reply-editor .ai-power-through-reply-input:active, .ai-power-through-reply-editor .ai-power-through-reply-input:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; box-shadow: none; outline: none; }
.ai-power-through-reply-editor-hint { background: var(--hover-color); color: var(--text-color-very-subtle); font-size: 12.04px; overflow: hidden; padding: 6px 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.ai-power-through-reply-editor-hint.listening { font-style: italic; }
.ai-power-through-reply-footer { align-items: center; display: flex; gap: 7px; margin-top: 7px; }
.ai-power-through-refine { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; display: inline-flex; font-size: 13.02px; font-weight: 500; gap: 6px; margin-right: auto; white-space: nowrap; }
.ai-power-through-refine img, .ai-power-through-refine svg { flex-shrink: 0; height: 16px; width: 16px; }
.ai-power-through-refine:disabled { color: var(--btn-disabled); cursor: default; }
.ai-power-through-open-composer { background: rgba(0, 0, 0, 0); color: var(--link-color); font-size: 13.02px; white-space: nowrap; }
.ai-power-through-open-composer, .ai-power-through-send { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; display: inline-flex; font-weight: 500; gap: 6px; }
.ai-power-through-send { background: var(--btn-default-color); border-radius: 4px; color: var(--primary-text); font-size: 14px; height: 32px; justify-content: center; min-width: 12ch; padding: 0px 21px; }
.ai-power-through-send:hover { background: var(--btn-hover-color); }
.ai-power-through-send:disabled { background: var(--btn-disabled); cursor: default; }
.ai-power-through-btn-spinner { animation: 0.6s linear 0s infinite normal none running ai-power-through-btn-spin; border-width: 2px; border-style: solid; border-right-color: rgba(128, 128, 128, 0.35); border-bottom-color: rgba(128, 128, 128, 0.35); border-left-color: rgba(128, 128, 128, 0.35); border-image: initial; border-radius: 50%; border-top-color: initial; height: 12px; width: 12px; }
@keyframes ai-power-through-btn-spin { 
  100% { transform: rotate(1turn); }
}
.ai-quick-view-labels { margin-top: 7px; }
.ai-quick-view-labels .labels-list-container { margin: 0px; }
.ai-quick-view-labels .labels-clickable { padding: 0px; }
.labels-list-container { display: flex; }
.labels-clickable { display: block; padding: 3px 18px; }
.ai-label-feedback-button { align-items: center; background: none; border-radius: 4px; color: var(--tertiary-text-three); display: flex; flex-shrink: 0; font-size: 12.04px; font-style: normal; font-weight: 500; gap: 8px; height: 24px; justify-content: center; letter-spacing: 0px; line-height: 25.2px; overflow: hidden; padding: 4px; text-decoration-line: underline; text-decoration-style: solid; text-overflow: ellipsis; white-space: nowrap; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.ai-power-through { background: var(--bg-ai-dashboard,var(--bg-primary-color)); height: 100%; overflow-y: auto; }
.ai-power-through .ai-power-through-content { margin: 0px auto; max-width: 860px; padding: 28px 35px 56px; }
.ai-power-through .ai-power-through-header { margin-bottom: 28px; }
.ai-power-through .ai-power-through-back { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; margin-bottom: 14px; outline: none; padding: 0px; }
.ai-power-through .ai-power-through-back .ai-power-through-back-icon { height: 30px; margin-left: -10px; margin-right: -1px; transform: rotate(90deg); width: 30px; }
.ai-power-through .ai-power-through-title { color: var(--text-color); font-size: 20.02px; font-weight: 600; margin: 0px 0px 7px; }
.ai-power-through .ai-power-through-loading, .ai-power-through .ai-power-through-progress { color: var(--text-color-very-subtle); font-size: 14px; margin: 0px; }
.ai-power-through .ai-power-through-row { background: var(--bg-primary-color); border: 1px solid var(--border-color-subtle); border-radius: 8px; margin-bottom: 21px; overflow: hidden; transition: box-shadow 0.14s ease-out; }
.ai-power-through .ai-power-through-row.active, .ai-power-through .ai-power-through-row:focus-within { box-shadow: var(--shadow-reply-area); }
.ai-power-through .ai-power-through-row.replied { opacity: 0.6; }
.ai-power-through .ai-power-through-end { padding: 28px 0px; text-align: center; }
.ai-power-through .ai-power-through-end .ai-power-through-end-title { color: var(--text-color); font-size: 18.06px; font-weight: 600; margin: 0px 0px 7px; }
.ai-power-through .ai-power-through-end .ai-power-through-end-description { color: var(--text-color-very-subtle); font-size: 14px; margin: 0px; }
.ai-dashboard-drawer { animation: 0.14s ease-out 0s 1 normal none running ai-dashboard-drawer-in; background: var(--bg-primary-color); border-left: 1px solid var(--border-color-subtle); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.12) -16px 0px 32px, rgba(0, 0, 0, 0.08) -2px 0px 6px; display: flex; flex-direction: column; position: absolute; right: 0px; top: 0px; width: min(560px, 92%); z-index: 2; }
.ai-dashboard-drawer:focus { outline: none; }
.ai-dashboard-drawer .ai-dashboard-drawer-resizer { bottom: 0px; cursor: col-resize; left: -3px; position: absolute; top: 0px; width: 7px; z-index: 1; }
.ai-dashboard-drawer .ai-dashboard-drawer-toolbar { align-items: center; border-bottom: 1px solid var(--border-color-subtle); display: flex; flex-shrink: 0; gap: 7px; padding: 10.5px 21px; }
.ai-dashboard-drawer .ai-dashboard-drawer-nav { align-items: center; background: rgba(0, 0, 0, 0.06); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--text-color); cursor: pointer; display: inline-flex; height: 28px; justify-content: center; transition: background-color 0.2s, color 0.2s; width: 28px; }
.ai-dashboard-drawer .ai-dashboard-drawer-nav svg { flex-shrink: 0; height: 24px; transform: rotate(180deg) translateY(2px); width: 24px; }
.ai-dashboard-drawer .ai-dashboard-drawer-nav.down svg { transform: translateY(1px); }
.ai-dashboard-drawer .ai-dashboard-drawer-nav:hover:not(:disabled) { background: rgba(0, 0, 0, 0.12); }
.ai-dashboard-drawer .ai-dashboard-drawer-nav:disabled { color: var(--btn-disabled); cursor: default; }
.ai-dashboard-drawer .ai-dashboard-drawer-position { color: var(--text-color-very-subtle); font-size: 14px; margin-left: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-dashboard-drawer .ai-dashboard-drawer-position .ai-dashboard-drawer-label { color: var(--text-color); font-size: 15.96px; font-weight: 600; }
.ai-dashboard-drawer .ai-dashboard-drawer-view-all { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: inherit; cursor: pointer; font: inherit; padding: 0px; }
.ai-dashboard-drawer .ai-dashboard-drawer-view-all:hover { text-decoration: underline; text-underline-offset: 3px; }
.ai-dashboard-drawer .ai-dashboard-drawer-close { flex-shrink: 0; margin-left: auto; }
.ai-dashboard-drawer .ai-dashboard-drawer-body { flex: 1 1 0%; overflow-y: auto; }
.ai-dashboard-drawer .ai-dashboard-drawer-body .ai-power-through-row-body { max-height: none; overflow-y: visible; }
@keyframes ai-dashboard-drawer-in { 
  0% { opacity: 0; transform: translateX(24px); }
  100% { opacity: 1; transform: none; }
}
body.theme-dark .ai-dashboard-drawer { box-shadow: rgba(0, 0, 0, 0.5) -16px 0px 32px, rgba(0, 0, 0, 0.35) -2px 0px 6px; }
body.theme-dark .ai-dashboard-drawer .ai-dashboard-drawer-nav { background: rgba(255, 255, 255, 0.06); }
body.theme-dark .ai-dashboard-drawer .ai-dashboard-drawer-nav:hover:not(:disabled) { background: rgba(255, 255, 255, 0.12); }
@media (prefers-reduced-motion: reduce) {
  .ai-dashboard-drawer { animation: auto ease 0s 1 normal none running none; }
}
.ai-dashboard-beta-tag { border: 1px solid var(--border-color-default); border-radius: 4px; color: var(--text-color-very-subtle); font-size: 12.04px; font-weight: 500; padding: 1px 6px; }
.ai-dashboard [role="button"], .ai-dashboard button, .ai-dashboard button:active, .ai-dashboard button:hover, .ai-power-through [role="button"], .ai-power-through button, .ai-power-through button:active, .ai-power-through button:hover { cursor: pointer; }
.ai-dashboard button:disabled, .ai-dashboard button:disabled:hover, .ai-power-through button:disabled, .ai-power-through button:disabled:hover { cursor: default; }
.ai-dashboard { background: var(--bg-ai-dashboard,var(--bg-primary-color)); height: 100%; overflow: hidden; position: relative; }
.ai-dashboard .ai-dashboard-scroll { height: 100%; overflow-y: auto; }
.ai-dashboard .ai-dashboard-content { animation: 0.14s ease-out 0s 1 normal none running ai-dashboard-enter; display: flex; flex-direction: column; height: 100%; margin: 0px auto; max-width: 1360px; padding: 20px 35px 0px; }
@keyframes ai-dashboard-enter { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-dashboard .ai-dashboard-content { animation: auto ease 0s 1 normal none running none; }
}
.ai-summary-blocking-popover-container { width: 390px; }
.ai-summary-blocking-popover-container .item-placeholder { margin-top: 18px; }
.ai-summary-blocking-popover-container .popover-header { background-color: var(--bg-color-titan-max); border-radius: 4px 4px 0px 0px; color: var(--tertiary-text-three); padding: 12px 12px 20px; }
.ai-summary-blocking-popover-container .popover-header .popover-header-content { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.ai-summary-blocking-popover-container .popover-header .dismiss-btn { position: absolute; right: 9px; top: 9px; }
.ai-summary-blocking-popover-container .popover-header .header-title { color: var(--feature-container-color); font-weight: 600; }
.ai-summary-blocking-popover-container .popover-content-wrapper { background-color: var(--bg-secondary-color-titan-max); padding: 24px; }
.ai-summary-blocking-popover-container .popover-content-wrapper .popover-content { color: var(--heading-color-titan-max); font-size: 20.02px; }
.ai-summary-btn-container { align-items: center; display: flex; min-height: 34px; }
.ai-summary-btn-container .btn-hover-animation { display: none; }
.ai-summary-btn-container .ai-summary-btn { background: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); font-weight: 600; overflow: hidden; padding: 2px 8px; white-space: nowrap; }
.ai-summary-btn-container .ai-summary-btn span { align-items: center; display: flex; }
.ai-summary-btn-container .ai-summary-btn .summary-icon { color: var(--ai-summary-icon-color); flex-shrink: 0; height: 22px; width: 22px; }
.ai-summary-btn-container .ai-summary-btn .ai-summary-btn-text { margin-left: 4px; max-width: 200px; opacity: 1; overflow: hidden; transition: max-width 15ms cubic-bezier(0.2, 0, 0, 1), opacity 15ms cubic-bezier(0.2, 0, 0, 1), margin-left 15ms cubic-bezier(0.2, 0, 0, 1); }
.ai-summary-btn-container .ai-summary-btn:hover { background: var(--hover-color); }
.ai-summary-btn-container:hover:not(.disabled) .ai-summary-btn { background: linear-gradient(var(--bg-msg-list),var(--bg-msg-list)) padding-box,var(--ai-summary-button-hover-gradient) border-box; border-color: rgba(0, 0, 0, 0); }
.ai-summary-btn-container:hover:not(.disabled) .btn-hover-animation { display: inline-block; height: 22px; width: 22px; }
.ai-summary-btn-container:hover:not(.disabled) .summary-icon { display: none; }
.ai-summary-btn-container:hover:not(.disabled) .ai-summary-btn-text { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.ai-summary-btn-container.offline:hover:not(.disabled) .btn-hover-animation { display: none; }
.ai-summary-btn-container.offline:hover:not(.disabled) .summary-icon { display: inline; }
.ai-summary-btn-container.is-collapsed .ai-summary-btn-text { margin-left: 0px; max-width: 0px; opacity: 0; }
.ai-summary-btn-container.is-animating .ai-summary-btn-text { transition: max-width 15ms cubic-bezier(0.2, 0, 0, 1), opacity 15ms cubic-bezier(0.2, 0, 0, 1), margin-left 15ms cubic-bezier(0.2, 0, 0, 1); }
.ai-summary-btn-container.disabled button { cursor: not-allowed; }
.attchment-download-failure-container .icon { color: var(--spam-red); vertical-align: middle; }
.dialog.attachment-failure-dialog .modal-close { margin: 8px 8px 0px 0px; }
.attachment-dropdown-button { align-items: center; background: var(--bg-msg-list); border: 1px solid var(--secondary-line-separator); border-radius: 4px; box-shadow: none; cursor: pointer; display: flex; font-size: 14px; padding: 1px 4px 1px 8px; }
.attachment-dropdown-button.selected, .attachment-dropdown-button:hover { background: var(--hover-color); }
.attachment-dropdown-button.thread-attach-dropdown { min-height: 34px; }
.attachment-dropdown-button svg { vertical-align: middle; }
.attachment-dropdown-button .attach-count { margin: 0px 6px 0px 8px; }
.attachment-dropdown-button .icon { color: var(--icon-secondary-color); }
.attachment-dropdown-container .footer-margin { margin-bottom: 32px; }
.attachment-dropdown-container .attachment-menu { max-height: 277px; overflow: auto; padding: 16px 20px 0px; }
@media (min-height: 634px) {
  .attachment-dropdown-container .attachment-menu.is-thread { max-height: 433px; }
}
.attachment-dropdown-container .attachment-menu .created-date { font-weight: 500; margin-bottom: 12px; }
.attachment-dropdown-container .attachment-menu .file-attachment-item { margin: 0px; width: 100%; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .inner { height: 54px; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .file-info-wrap { padding: 10px 30px 10px 12px; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .file-info-wrap .file-name { font-size: 14px; max-width: 162px; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .file-info-wrap .file-meta { font-size: 13.02px; justify-content: space-between; white-space: nowrap; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .file-info-wrap .file-meta .file-sender span { min-width: 100px; }
.attachment-dropdown-container .attachment-menu .file-attachment-item .file-info-wrap .file-icon { margin-left: -4px; width: 32px; }
.attachment-dropdown-container .footer-container { border-radius: 0px 0px 4px 4px; border-top: 1px solid var(--secondary-line-separator); line-height: 14px; padding: 16px 22px; }
.attachment-dropdown-container .footer-container:empty { display: none; }
.attachment-dropdown-container .footer-container .download-all-action { font-size: 14px; font-weight: 500; height: 0px; line-height: normal; margin: 0px; padding: 0px; }
.message-header-right .attachment-dropdown-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-left: 4px; padding: 0px 4px 0px 8px; }
.message-header-right .attachment-dropdown-button .attach-count { margin: 0px 1px 0px 3px; }
.marketing-campaign-msg-header { background-color: var(--campaign-light-bg); border: 1px solid var(--border-color-default); border-radius: 4px; cursor: default; display: flex; margin: 0px 18px; padding: 5px 12px; }
.marketing-campaign-msg-header svg { color: var(--marketing-campaign-blue); margin-right: 10px; vertical-align: middle; }
.selected-items-stack { align-items: center; align-self: center; background-color: var(--bg-reading-pane); display: flex; font-size: 16px; height: 100%; justify-content: center; width: 100%; }
.selected-items-stack.empty { color: var(--tertiary-text-three); flex-direction: column; font-weight: 200; }
.selected-items-stack.empty > img { margin-bottom: 10px; user-select: none; }
.selected-items-stack + .empty, .selected-items-stack + .key-commands-region.message-list-container { display: none; }
.selected-items-stack .bulk-selection-stack { display: flex; flex-direction: column; font-size: 14px; justify-content: center; line-height: 24px; max-width: 280px; text-align: center; }
.selected-items-stack .bulk-selection-stack .selection-count { font-size: 24px; margin-top: 36px; }
.selected-items-stack .bulk-selection-stack .selection-category { margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selected-items-stack .bulk-selection-stack .btn-show-count { margin-top: 6px; }
.flyout-wrap { align-self: flex-end; background-color: initial; margin-right: 10px; transition: background 0.3s ease-out; }
.flyout-wrap .flyout-titlebar-actions .icon { color: var(--ctm-surface-overlay-primary-text,var(--icon-default-color)); vertical-align: middle; }
.flyout-wrap.open { width: 500px; }
.flyout-wrap.open .flyout-body { display: block; }
.flyout-wrap.expand .flyout-titlebar-actions, .flyout-wrap.open .flyout-titlebar-actions, .flyout-wrap:hover .flyout-titlebar-actions { opacity: 1; visibility: visible; }
.flyout-wrap.expand .flyout-titlebar-actions span, .flyout-wrap.open .flyout-titlebar-actions span, .flyout-wrap:hover .flyout-titlebar-actions span { display: inline-block; }
.flyout-wrap.no-frame .flyout { box-shadow: none; }
.flyout-wrap.no-frame .flyout-body { background: rgba(0, 0, 0, 0); overflow: initial; }
.flyout-wrap.expand { align-items: center; background-color: var(--bg-modal-outer); inset: 0px; cursor: default; display: flex; height: 100%; justify-content: center; margin-right: 0px; max-width: none; pointer-events: all; position: fixed; width: 100%; z-index: 100; }
.flyout-wrap.expand .flyout { border-radius: 4px; overflow: hidden; width: 100%; }
.flyout-wrap.campaign-mode .flyout-titlebar { background: var(--marketing-campaign-blue); color: var(--primary-text); }
.flyout-wrap.campaign-mode .flyout-titlebar .flyout-titlebar-actions .icon { color: var(--primary-text); }
.flyout-wrap.campaign-mode .flyout-titlebar .flyout-titlebar-actions > :hover { background-color: var(--sidebar-hover-color); }
.flyout-wrap.email-designer-mode .flyout-titlebar { background: var(--designer-mode-green); color: var(--primary-text); }
.flyout-wrap.email-designer-mode .flyout-titlebar .flyout-titlebar-actions .icon { color: var(--primary-text); }
.flyout-wrap.email-designer-mode .flyout-titlebar .flyout-titlebar-actions > :hover { background-color: var(--sidebar-hover-color); }
.flyout { background: var(--bg-modal); box-shadow: var(--modal-shadow); display: inline-block; pointer-events: auto; text-align: left; transition: 0.3s ease-out, width; vertical-align: bottom; width: inherit; }
.flyout, .flyout-titlebar { border-radius: 4px 4px 0px 0px; }
.flyout-titlebar { background: var(--flyout-bg-color); color: var(--ctm-surface-overlay-primary-text,var(--primary-text)); display: flex; font-weight: 700; justify-content: space-between; min-width: 200px; padding: 11px 16px 11px 24px; }
.flyout-titlebar .flyout-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flyout-titlebar-actions { flex-shrink: 0; opacity: 0; transition: 0.2s ease-in; visibility: hidden; }
.flyout-titlebar-actions > * { border-radius: 4px; cursor: pointer; margin-left: 10px; }
.flyout-titlebar-actions > :hover { background-color: var(--ctm-tertiary-surface,var(--sidebar-hover-color)); }
.flyout-body { background: var(--bg-modal); display: none; }
.message-offline-image-banner { align-items: center; background-color: var(--offline-image-banner-bg); border-radius: 4px; color: var(--offline-image-banner-text); display: flex; font-size: 13.02px; font-weight: 600; gap: 8px; margin: 8px 0px 0px; padding: 8px 12px; }
.suspicious-message-banner { border-radius: 4px; display: flex; margin-top: 12px; padding: 16px; }
.suspicious-message-banner .attention-icon { height: 32px; width: 32px; }
.suspicious-message-banner .text { margin-left: 8px; }
.suspicious-message-banner .text .header { font-size: 15px; font-weight: 700; }
.suspicious-message-banner .text .action-button-container { margin-top: 16px; }
.suspicious-message-banner .text .action-button-container .mark-suspicious-button:hover { background: none; }
.suspicious-message-banner .text .action-button-container .message-suspicious-button { border-color: var(--storage-banner-text); color: var(--storage-banner-text); font-weight: 600; }
.suspicious-message-banner .text .action-button-container .mark-suspicious-button { padding: 2px 16px; }
.suspicious-message-banner .text .action-button-container .mark-safe-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin-left: 20px; }
.yellow-banner { background-color: var(--suspicious-banner-bg-color); color: var(--suspicious-banner-text-color); }
.yellow-banner .attention-icon { color: var(--suspicious-banner-icon-color); }
.yellow-banner .action-button-container .button-container .message-suspicious-button { border: 1px solid var(--suspicious-banner-text-color); color: var(--suspicious-banner-text-color); }
.yellow-banner .action-button-container .button-container .mark-safe-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.red-banner { background-color: var(--phishing-banner-bg-color); color: var(--phishing-banner-text-color); }
.red-banner .attention-icon { color: var(--phishing-banner-icon-color); }
.red-banner .action-button-container .button-container .message-suspicious-button { border: 1px solid var(--phishing-banner-text-color); color: var(--phishing-banner-text-color); }
.red-banner .action-button-container .button-container .mark-safe-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.view-entire-message-bar { background: var(--bg-view-entire-message-bar); border: 1px solid var(--border-view-entire-message-bar); border-radius: 4px; margin-top: 8px; padding: 8px 0px 8px 12px; }
.view-entire-message-bar a { margin-left: 4px; text-decoration: none; }
.view-entire-message-bar a:hover { cursor: pointer; }
#message-read-modal.message-read-modal-container { background: none; }
#message-read-modal.message-read-modal-container .title-container { align-items: center; background: var(--bg-primary-color); border-bottom: 1px solid var(--modal-line-separator); display: flex; font-weight: 700; height: 56px; justify-content: space-between; letter-spacing: 0.5px; padding: 10px 0px; }
#message-read-modal.message-read-modal-container .title-container .back-button-container { color: var(--link-color); cursor: pointer; display: flex; margin-left: 11px; user-select: none; }
#message-read-modal.message-read-modal-container .title-container .back-button-container .back-button-icon { height: 30px; margin-right: -1px; transform: rotate(90deg); width: 30px; }
#message-read-modal.message-read-modal-container .title-container .back-button-container .back-button { align-items: center; display: flex; }
#message-read-modal.message-read-modal-container .title-container .close-btn { align-items: center; display: flex; margin-right: 24px; }
#message-read-modal.message-read-modal-container .subject-wrap { align-items: center; display: flex; justify-content: space-between; line-height: 21px; margin: 0px 25px; max-width: none; padding: 17px 0px; }
#message-read-modal.message-read-modal-container .subject-wrap .subject { color: var(--text-color); display: -webkit-inline-box; font-size: 23.94px; font-weight: 600; letter-spacing: 0.5px; -webkit-line-clamp: 2; line-height: 29px; margin-right: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; position: relative; }
#message-read-modal.message-read-modal-container .btn-minimize { cursor: pointer; }
#message-read-modal.message-read-modal-container .composer-outer-wrap-container { height: auto; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper { border-radius: 4px; border-top: 1px solid var(--bg-msg-list-border); margin: 0px 24px; overflow: auto; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container { height: 100%; overflow: auto; padding-bottom: 60px; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .message-item-wrap { padding: 0px 1px; width: 100%; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .message-item-wrap .message-item-white-wrap { border-radius: 4px 4px 0px 0px; box-shadow: 0 0 0 1px var(--bg-msg-modal-border); }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .message-item-wrap .message-item-white-wrap .message-actions-wrap .primary-item, #message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .message-item-wrap .message-item-white-wrap .message-actions-wrap .secondary-picker { background: none; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .message-item-wrap .composer-outer-wrap { border-radius: 4px; box-shadow: var(--inline-composer-shadow); margin-top: 16px; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .footer-reply-area-wrap { margin: 1px auto 0px; padding: 0px 1px; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .footer-reply-area-wrap .footer-reply-area-container { box-shadow: 0 0 0 1px var(--bg-msg-modal-border); }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .composer-inner-wrap .fr-wrapper { padding-bottom: 50px; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .composer-inner-wrap .fr-toolbar.fr-bottom { position: relative; }
#message-read-modal.message-read-modal-container .message-item-container-wrapper .message-item-container .composer-inner-wrap .composer-editor-footer-container { bottom: 50px; position: relative; }
.ai-chat-toggle-button { align-items: center; display: flex; justify-content: center; }
.ai-chat-toggle-button svg { transform: translateY(1px); }
.ai-chat-toggle-button .ai-chat-tia-mark-cutout .ai-chat-tia-mark-cutout-bubble { fill: var(--ai-chat-mark-color); }
.ai-chat-toggle-button:hover .ai-chat-tia-mark-cutout-sparkle { animation: 1.2s ease-in-out 0s infinite normal none running ai-chat-sparkle-twinkle-hover; }
@media (prefers-reduced-motion: reduce) {
  .ai-chat-toggle-button:hover .ai-chat-tia-mark-cutout-sparkle { animation: auto ease 0s 1 normal none running none; }
}
.referral-btn-wrapper { margin-right: 0px; position: relative; }
.referral-btn { align-items: center; background-color: initial; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--link-color); cursor: pointer; display: flex; flex-shrink: 0; font-weight: 600; justify-content: center; min-width: 40px; position: relative; }
.referral-btn span { margin-left: 6px; }
.referral-btn.setting-btn { border-image-slice: 1; border-image-source: var(--refer-gradient); border-radius: 4px; color: var(--link-color); font-weight: 500; height: 40px; margin-right: 0px; margin-top: 0px; overflow: hidden; padding: 8px 0px; width: 82px; }
.referral-btn.setting-btn::before { background: var(--refer-gradient); border-radius: 4px; content: ""; inset: 0px; mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude; padding: 1px; position: absolute; z-index: -1; }
.referral-btn.setting-btn::after { background: rgba(0, 0, 0, 0); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; transform: translateX(-100px) skew(-20deg); transition: 1s; width: 20px; }
.referral-btn.setting-btn:hover { background: var(--refer-gradient); color: var(--white); }
.referral-btn:hover { background-color: initial; cursor: pointer; }
.referral-btn svg { margin-top: -2px; }
.referral-btn:not(.setting-btn):hover { color: var(--link-color); text-decoration: underline; }
.titan-ads-panel-header { background-color: var(--bg-primary-color); border-bottom: 1px solid var(--line-seprator-color); display: flex; flex-shrink: 0; justify-content: space-between; padding: 16px; }
.titan-ads-panel-header.border-left { border-left: 1px solid var(--line-seprator-color); }
.titan-ads-panel-header .icon-title-container { align-items: center; display: flex; gap: 8px; }
.titan-ads-panel-header .titan-ads-partner-icon { height: 24px; object-fit: contain; width: 24px; }
.titan-ads-panel-header .titan-ads-title { color: var(--text-color); font-size: 16px; font-weight: 500; }
.titan-ads-panel-header button.nike-antd-btn.panel-header-close-icon { background-color: initial; color: var(--icon-secondary-color); cursor: pointer; }
.titan-ads-panel-header button.nike-antd-btn.panel-header-close-icon span.nike-antd-btn-icon { align-items: center; display: flex; justify-content: center; }
.titan-ads-panel-header button.nike-antd-btn.panel-header-close-icon:hover { background-color: initial; color: var(--icon-secondary-color); }
.titan-ads-panel-container { background: var(--bg-primary-color); display: flex; flex-direction: column; height: 100%; }
.titan-ads-panel-container .titan-ads-iframe-container { flex: 1 1 0%; overflow: hidden; position: relative; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 100%; width: 100%; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-iframe.is-loading { position: absolute; visibility: hidden; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-loading { align-items: center; display: flex; height: 100%; justify-content: center; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-loading .titan-ads-spinner { animation: 0.8s linear 0s infinite normal none running titan-ads-spin; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: var(--primary-color); height: 32px; width: 32px; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-error-state { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 24px; text-align: center; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-error-state .titan-ads-error-icon { height: 120px; margin-bottom: 16px; width: 120px; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-error-state .titan-ads-error-message { color: var(--text-secondary); font-size: 14px; margin-bottom: 12px; }
.titan-ads-panel-container .titan-ads-iframe-container .titan-ads-error-state .titan-ads-retry-btn { font-size: 14px; }
.titan-ads-panel-container .titan-ads-footer-actions { align-items: center; background-color: var(--bg-primary-color); border-top: 1px solid var(--line-seprator-color); display: flex; flex-shrink: 0; justify-content: center; padding: 12px 0px; }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions { align-items: center; display: flex; gap: 16px; justify-content: center; }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions .action-btn { align-items: center; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 4px; color: var(--tertiary-text-three); cursor: pointer; display: flex; height: 32px; justify-content: center; padding: 0px; transition: background-color 0.2s, color 0.2s; width: 32px; }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions .action-btn:hover { background-color: var(--hover-color); color: var(--tertiary-text-three); }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions .action-btn.is-selected { color: var(--link-color); }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions .action-btn.is-selected:hover { background-color: initial; color: var(--link-color); }
.titan-ads-panel-container .titan-ads-footer-actions .feedback-actions .action-btn > span { align-items: center; display: flex; justify-content: center; }
@keyframes titan-ads-spin { 
  100% { transform: rotate(1turn); }
}
.toolbar-titan-ads { align-items: center; display: flex; justify-content: center; line-height: 1; position: relative; }
.toolbar-titan-ads .titan-ads-toolbar-icon { display: block; height: 40px; object-fit: contain; transform: translateY(1px); width: 36px; }
.toolbar-titan-ads .titan-ads-notification-dot-icon { background: var(--Font-Error,#fe581e); border-radius: 10px; display: block; height: 10px; position: absolute; right: 7px; top: 10px; width: 10px; }
.brand-logo:not(:empty) { align-items: center; display: flex; height: 40px; justify-content: center; max-width: 100px; order: 640; }
.brand-logo:not(:empty) img { display: block; height: 100%; max-width: 100%; object-fit: contain; object-position: center center; width: auto; }
.brand-logo:not(:empty):not(:last-child) img { max-width: calc(100% - 21px); padding-left: 8px; }
.brand-logo:not(:empty):not(:last-child)::after { border-right: 1px solid rgb(222, 222, 222); content: ""; height: 80%; margin-left: 12px; margin-right: 8px; }
.powered-by-logo:not(:empty) { display: flex; order: 650; width: 56px; }
.powered-by-logo:not(:empty) img { width: 56px; }
.item-container .item-compose { border: 1px solid var(--ctm-brand-color,var(--btn-default-color)); border-radius: 4px 0px 0px 4px; flex-shrink: 0; height: 36px; margin: 0px 0px 0px 16px; padding: 0px 8px; white-space: nowrap; }
.item-container .item-compose, .item-container .item-compose:hover { background-color: var(--ctm-brand-color,var(--btn-default-color)); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.item-container .item-compose:hover { border: 1px solid var(--ctm-brand-color,var(--btn-default-color)); opacity: 0.7; }
.item-container .item-compose .icon { flex-shrink: 0; height: 20px; width: 20px; }
.compose-dropdown-container { display: inline-flex; position: relative; }
.compose-dropdown-item-text { color: var(--text-color); font-size: 14px; white-space: nowrap; }
.compose-btn-content { align-items: center; display: flex; gap: 8px; justify-content: flex-start; width: 100%; }
.compose-btn-content .compose-btn-text { font-size: 14px; font-weight: 500; }
.compose-btn-content .compose-dropdown-item-text { color: var(--text-color); line-height: 20px; }
.compose-btn { align-items: center; display: inline-flex; justify-content: center; }
.line { height: 36px; stroke: var(--bg-new-read-receipt); stroke-width: 1px; }
.composer-divider { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.new-event-btn { align-items: center; border-radius: 0px 4px 4px 0px; color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); display: flex; height: 36px; justify-content: center; padding: 0px; width: 24px; }
.new-event-btn, .new-event-btn:hover { background-color: var(--ctm-brand-color,var(--brand-default-color)); border: 1px solid var(--ctm-brand-color,var(--btn-default-color)); }
.new-event-btn:hover { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; opacity: 0.7; }
.new-event-btn:active { opacity: 0.5; }
.new-event-btn svg { align-items: center; display: flex; height: 24px; justify-content: center; width: 24px; }
.new-event-btn .icon { color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); vertical-align: middle; }
.new-event-btn .icon.open { transform: rotate(180deg); }
.compose-dropdown-menu { align-items: flex-start; background: var(--bg-dropdown); border-radius: 4px; box-shadow: var(--inline-composer-shadow); display: flex; flex-direction: column; gap: 4px; left: 17px; min-width: 137px; padding: 4px 0px; position: absolute; top: calc(100% - 11px); width: calc(100% - 17px); z-index: 1; }
.compose-dropdown-menu .button-container { display: flex !important; width: 100%; }
.compose-dropdown-menu .compose-dropdown-item { align-items: center; align-self: stretch; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; color: var(--text-color); display: flex; font-size: 14px; font-weight: 400; padding: 8px; width: 100%; }
.compose-dropdown-menu .compose-dropdown-item:hover { background: var(--dropdown-hover-color); }
.compose-dropdown-menu .compose-dropdown-item:active { opacity: 0.8; }
.compose-dropdown-menu .compose-dropdown-item span { align-items: center; display: flex; gap: 4px; width: 100%; }
.compose-dropdown-menu .compose-dropdown-item .compose-dropdown-item-icon-wrapper { align-items: center; color: var(--icon-secondary-color); display: flex; flex-shrink: 0; height: 24px; justify-content: center; width: 24px; }
.compose-dropdown-menu .compose-dropdown-item .compose-dropdown-item-icon-wrapper .compose-dropdown-item-icon-small { color: var(--icon-secondary-color); height: 20px; width: 20px; }
.compose-dropdown-menu .compose-dropdown-item .compose-dropdown-item-icon-wrapper .compose-dropdown-item-icon { height: 24px; width: 24px; }
.btn.btn-toolbar.btn-titan-max { position: relative; }
.btn.btn-toolbar.btn-titan-max .btn-content { align-items: center; display: flex; }
.btn.btn-toolbar.btn-titan-max .titan-max-icon { margin-left: -5px; }
.btn.btn-toolbar.btn-titan-max.warning { background: var(--try-max-btn-warning-bg); border: 1px solid var(--try-max-btn-warning-border); }
.btn.btn-toolbar.btn-titan-max.warning:hover { background-color: var(--try-max-btn-warning-hover); }
.btn.btn-toolbar.btn-titan-max .titan-max-tooltip { left: -100px; top: 36px; width: 200px; }
.global-message { z-index: 1; }
.resync-dialog-container { width: 500px; }
.resync-dialog-container .account-info { margin-bottom: 5px; }
.sheet-container { flex-direction: column; }
.sheet-container, .sheet-container .main-app-container { display: flex; height: 100%; }
.sheet-container .main-app-container .threads-area { width: 100%; }
.sheet-container .main-app-container .threads-area .sheet-footer { order: 3; }
.sheet-container .main-app-container .threads-area .sheet-footer .footer-container { display: flex; flex-direction: column; height: 100%; position: relative; }
.modal-container-outer { align-items: center; background-color: var(--bg-modal-outer); display: flex; height: 100%; justify-content: center; position: absolute; top: 0px; width: 100%; z-index: 1000; }
.modal-container-outer .modal-container-inner { background-color: var(--bg-modal); border-radius: 4px; box-shadow: var(--modal-shadow); display: flex; max-height: 95%; max-width: 95%; overflow: visible auto; position: absolute; z-index: 40; }
.modal-container-outer .modal-container-inner .modal-title { font-size: 20.02px; font-weight: 600; margin-top: 0px; text-align: center; }
.modal-container-outer .modal-container-inner .modal-close { margin: 18px 18px 0px 0px; position: absolute; right: 0px; top: 0px; }
.modal-container-outer .modal-container-inner .modal-content { display: flex; flex-grow: 1; overflow: auto; }
.modal-container-outer .modal-content-wrap { padding: 40px; }
.fixed-popover-blur-trap { position: absolute; z-index: 40; }
.fixed-popover-container { opacity: 0; position: absolute; visibility: hidden; z-index: 1001; }
.fixed-popover-container .fixed-popover { background-color: var(--bg-small-dropdowns); border-radius: 4px; box-shadow: var(--popover-shadow); overflow: visible; position: absolute; }
.fixed-popover-container .fixed-popover-pointer, .fixed-popover-container .fixed-popover-pointer.shadow { height: 20px; position: absolute; width: 45px; }
.fixed-popover-container .fixed-popover-pointer { background-color: var(--bg-small-dropdowns); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAVCAQAAAB4Oq/RAAAAkUlEQVR4AbXMxQHCABQE0V8KLq3jWgkXpA7cfXObJQkz9xfX57vFNbcum5cZVx834XZRtI/7sGjGfVg042lg0Yz7sGjEfRhowhkWjTjDHcFAAw4w0IgL7pWvATTgAAMNOMBIMy64X7kG0zYueCCYacYFj2rXYNp6v0rC48Y1fNrAAQYaccEW7b+bTZvX8Om/fQOBxDRu02K6wwAAAABJRU5ErkJggg=="); }
.fixed-popover-container .fixed-popover-pointer.shadow { background-color: rgba(51, 51, 51, 0.22); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAVCAQAAAB4Oq/RAAAAcklEQVQ4jb3USw6AIAyE4bly45k5hsQFC2N4tZ1BloT/CxEE+GEUmMS5UPqpW4BPFB5fCBy+qfO4o8zhziqOB4oYHtyKf3niA/qS5LHvM+KyrlPyF5vnxj8MY1wAj3ER3ONC+IuL4Rc/ADe8op6AAYvRD6N1SEMqlgmbAAAAAElFTkSuQmCC"); }
.fixed-popover-container.popout { animation: 0.24s cubic-bezier(0.56, 0.25, 0.25, 1.56) 0s 1 normal none running popout-animation; opacity: 1; visibility: visible; }
@keyframes popout-animation { 
  0% { opacity: 0; transform: scale(0.87); visibility: hidden; }
  100% { opacity: 1; transform: scale(1); visibility: visible; }
}
.dialog-container { align-items: center; background-color: var(--bg-modal-outer); inset: 0px; display: flex; justify-content: center; position: absolute; z-index: 1051; }
.dialog { background-color: var(--bg-modal); border-radius: 4px; box-shadow: var(--modal-shadow); max-width: 80%; min-width: 400px; padding: 24px; position: relative; }
.dialog .modal-close { margin: 18px 18px 0px 0px; position: absolute; right: 0px; top: 0px; }
.dialog.logout-dialog { max-width: 500px; }
.dialog-title { font-size: 16px; font-weight: 600; line-height: 1.25; margin-bottom: 15px; margin-top: 16px; user-select: text; }
.dialog-body { font-size: 14px; line-height: 1.43; margin-bottom: 10px; }
.dialog-checkbox .checkbox-container.checkable::before { background-image: url("https://hostinger.titan.email/mail/assets/static/media/checked-off.767598b6f4efbe242fb7.svg"); background-repeat: no-repeat; content: ""; float: left; height: 16px; margin-right: 10px; margin-top: 2px; width: 16px; }
.dialog-checkbox .checkbox-container.checked::before { background-color: var(--check-on-icon-color); background-image: var(--check-on-icon); }
.dialog-actions { padding-top: 10px; text-align: right; }
.dialog-actions > :not(:first-child) { margin-left: 16px; }
.dialog.remote-images-confirm-dialog { min-width: min-content; }
.dialog.remote-images-confirm-dialog .dialog-actions { display: flex; flex-wrap: nowrap; justify-content: flex-end; }
.dialog.remote-images-confirm-dialog .btn { white-space: nowrap; }
.dialog.session-logout-dialog { align-items: flex-start; background: var(--bg-modal); border-radius: 4px; box-shadow: var(--dropdown-shadow-one); display: flex; flex-direction: column; gap: 16px; padding: 24px; width: 425px; }
.dialog.session-logout-dialog .dialog-title { color: var(--text-color); font-size: 18px; font-weight: 600; line-height: 24px; margin: 0px; padding-right: 36px; width: 100%; }
.dialog.session-logout-dialog .dialog-body { color: var(--text-color); font-size: 14px; line-height: 20px; margin: 0px; overflow-wrap: break-word; width: 100%; }
.dialog.session-logout-dialog .dialog-actions { display: flex; justify-content: flex-end; padding-top: 0px; width: 100%; }
.dialog.session-logout-dialog .session-logout-dialog__reset-link { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--link-color); cursor: pointer; font-size: inherit; font-weight: 500; line-height: 20px; padding: 0px; text-decoration: none; }
.dialog.session-logout-dialog .session-logout-dialog__note { align-self: stretch; background: var(--session-signout-info-bg); border-radius: 4px; font-size: 12px; line-height: 150%; margin: 0px; }
.dialog.session-logout-dialog .btn-outline { background: rgba(0, 0, 0, 0); border: 1px solid var(--btn-default-color); border-radius: 5px; color: var(--btn-default-color); font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 16px; text-align: center; }
.dialog.session-logout-dialog .btn-outline:hover { background-color: var(--btn-hover-color); border-color: var(--btn-hover-color); color: var(--ctm-brand-overlay-primary-text,var(--primary-text)); }
.dialog.session-logout-dialog .btn-primary { background-color: var(--session-signout-btn-bg); border-color: var(--session-signout-btn-bg); border-radius: 5px; color: var(--button-text-color,#fff); font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 21px; text-align: center; }
.dialog.session-logout-dialog .btn-primary:hover { background-color: var(--session-signout-btn-hover-bg); border-color: var(--session-signout-btn-hover-bg); }
.dialog.session-logout-dialog .btn-primary:active { background-color: var(--session-signout-btn-active-bg); border-color: var(--session-signout-btn-active-bg); }
.single-threaded-view-dialog-box-info-container { background: var(--highlight-info-background); border-radius: 4px; display: flex; margin: 15px 0px 24px; padding: 8px; }
.single-threaded-view-dialog-box-info-container .icon-container { margin-right: 8px; margin-top: 3px; }
.single-threaded-view-dialog-box-info-container .icon-container .info-icon { color: var(--text-color); }
.panel-container { background-color: var(--bg-modal); box-shadow: rgba(0, 0, 0, 0.2) -2px 4px 8px 0px; }