/* null */ sdps-icon-sprite, sdps-icon, sdps-table-row, sdps-table, sdps-table-header, sdps-table-cell, sdps-table-header-row, sdps-table-media-cell, sdps-table-row-group, sdps-form-group, sdps-form-item, sdps-body, sdps-caption-1, sdps-caption-2, sdps-footnote, sdps-headline, sdps-large-title, sdps-subhead, sdps-superscript, sdps-title-1, sdps-title-2, sdps-title-3, sdps-gain-loss, sdps-number, sdps-date-time, sdps-card-title, sdps-carousel, sdps-datepicker, sdps-article-cell-title, sdps-display-value, sdps-list-item-interactive, sdps-list-item-selectable, sdps-modal, sdps-accordion-section, sdps-article-cell, sdps-article-cell-footer, sdps-button-group, sdps-chips, sdps-chips-list, sdps-dropdown, sdps-list-navigation, sdps-list-navigation-section, sdps-progress-indicator, sdps-ratings, sdps-rtv, sdps-search, sdps-slider, sdps-spinner, sdps-status-header, sdps-stepper, sdps-switch, sdps-tab-bar, sdps-terms-conditions, sdps-tooltip, sdps-tree-node, sdps-accordion, sdps-article-cell-category, sdps-article-cell-image, sdps-article-cell-subtitle, sdps-card, sdps-card-content, sdps-card-image, sdps-card-selectable, sdps-checkbox, sdps-empty-state, sdps-fieldset, sdps-list, sdps-list-interactive, sdps-list-item, sdps-list-navigation-item, sdps-list-selectable, sdps-pagination, sdps-radio, sdps-radio-group, sdps-range, sdps-spi, sdps-tab-button, sdps-tab-panel, sdps-tabs, sdps-textarea, sdps-tree, sdps-footer-bar, sdps-calendar, sdps-input, sdps-carousel-slide, sdps-skeleton, sdps-panel, sdps-badge, sdps-notification, sdps-utility-bar, sdps-account-selector, sdps-button, sdps-divider, sdps-summary-total, sdps-page-header, sdps-compliance-area, sdps-monitoring-template, sdps-transact-template, sdps-dashboard-template, sdps-research-template, sdps-form, sdps-core-template { visibility: hidden; } .hydrated { visibility: inherit; } /* null */ #logo { display: none; } /* null */ @font-face { font-family: Schwab-Icon-Font; src: url("../assets/fonts/Schwab-Icon-Font.00441a96719d080c.ttf") format("truetype"), url("../assets/fonts/Schwab-Icon-Font.5584612ab8160c4a.woff") format("woff"); font-weight: 400; font-style: normal; } [class^="sch-"], [class*=" sch-"] { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: Schwab-Icon-Font !important; } .sch-exclamation-triangle-2x::before { content: ""; } .sch-x-circle-2x::before { content: ""; } .sch-info-circle-2x::before { content: ""; } .sch-help-circle-2x::before { content: ""; } .sch-exclamation-octagon-2x::before { content: ""; } .sch-check-circle-2x::before { content: ""; } .sch-circle-2x::before { content: ""; } .sch-circle-o-2x::before { content: ""; } .sch-square-2x::before { content: ""; } .sch-square-o-2x::before { content: ""; } .sch-diamond-2x::before { content: ""; } .sch-diamond-o-2x::before { content: ""; } .sch-caret-up-2x::before { content: ""; } .sch-caret-down-2x::before { content: ""; } .sch-menu-flyout-2x::before { content: ""; } .sch-chevron-up-2x::before { content: ""; } .sch-chevron-down-2x::before { content: ""; } .sch-chevron-left-2x::before { content: ""; } .sch-chevron-right-2x::before { content: ""; } .sch-chevron-small-up-2x::before { content: ""; } .sch-chevron-small-down-2x::before { content: ""; } .sch-chevron-small-left-2x::before { content: ""; } .sch-chevron-small-right-2x::before { content: ""; } .sch-x-2x::before { content: ""; } .sch-check-2x::before { content: ""; } .sch-plus-2x::before { content: ""; } .sch-minus-2x::before { content: ""; } .sch-plus-small-2x::before { content: ""; } .sch-minus-small-2x::before { content: ""; } .sch-plus-large-2x::before { content: ""; } .sch-minus-large-2x::before { content: ""; } .sch-plus-square-2x::before { content: ""; } .sch-minus-square-2x::before { content: ""; } .sch-plus-square-large-2x::before { content: ""; } .sch-minus-square-large-2x::before { content: ""; } .sch-plus-square-o-2x::before { content: ""; } .sch-minus-square-o-2x::before { content: ""; } .sch-angle-up-2x::before { content: ""; } .sch-angle-down-2x::before { content: ""; } .sch-angle-left-2x::before { content: ""; } .sch-angle-right-2x::before { content: ""; } .sch-thin-x-2x::before { content: ""; } .sch-checkbox-unchecked-2x::before { content: ""; } .sch-checkbox-checked-2x::before { content: ""; } .sch-radio-unselected-2x::before { content: ""; } .sch-radio-selected-2x::before { content: ""; } .sch-star-2x::before { content: ""; } .sch-star-o-2x::before { content: ""; } .sch-print-2x::before { content: ""; } .sch-schwabsafe-2x::before { content: ""; } .sch-search-2x::before { content: ""; } .sch-refresh-2x::before { content: ""; } .sch-external-link-2x::before { content: ""; } .sch-popup-2x::before { content: ""; } .sch-office-2x::before { content: ""; } .sch-phone-2x::before { content: ""; } .sch-paperclip-2x::before { content: ""; } .sch-undo-2x::before { content: ""; } .sch-email-2x::before { content: ""; } .sch-download-2x::before { content: ""; } .sch-document-2x::before { content: ""; } .sch-chat-2x::before { content: ""; } .sch-calendar-2x::before { content: ""; } .sch-calculator-2x::before { content: ""; } .sch-video-2x::before { content: ""; } .sch-twitter-2x::before { content: ""; } .sch-youtube-2x::before { content: ""; } .sch-facebook-2x::before { content: ""; } .sch-linkedin-2x::before { content: ""; } .sch-rss-2x::before { content: ""; } .sch-gplus-2x::before { content: ""; } .sch-arrow-up-2x::before { content: ""; } .sch-expand-down-2x::before { content: ""; } .sch-collapse-up-2x::before { content: ""; } .sch-zoom-2x::before { content: ""; } .sch-unzoom-2x::before { content: ""; } .sch-thumbs-up-2x::before { content: ""; } .sch-thumbs-down-2x::before { content: ""; } .sch-file-excel-2x::before { content: ""; } .sch-file-pdf-2x::before { content: ""; } .sch-file-archive-2x::before { content: ""; } .sch-menu-2x::before { content: ""; } .sch-chart-2x::before { content: ""; } .sch-settings-2x::before { content: ""; } .sch-spinner-2x::before { content: ""; } .sch-document2-2x::before { content: ""; } .sch-audio-2x::before { content: ""; } .sch-tax-2x::before { content: ""; } .sch-tax2-2x::before { content: ""; } .sch-checklist-2x::before { content: ""; } .sch-budget-planning-2x::before { content: ""; } .sch-activities-2x::before { content: ""; } .sch-money-basics-2x::before { content: ""; } .sch-list-2x::before { content: ""; } .sch-capitol-2x::before { content: ""; } .sch-community-2x::before { content: ""; } .sch-community2-2x::before { content: ""; } .sch-community3-2x::before { content: ""; } .sch-credit-card-2x::before { content: ""; } .sch-diploma-2x::before { content: ""; } .sch-certificate-2x::before { content: ""; } .sch-institutions-2x::before { content: ""; } .sch-investing-2x::before { content: ""; } .sch-presentation-2x::before { content: ""; } .sch-mobile-2x::before { content: ""; } .sch-mobile2-2x::before { content: ""; } .sch-online-quiz-2x::before { content: ""; } .sch-retirement-2x::before { content: ""; } .sch-personal-wealth-2x::before { content: ""; } .sch-surveys-2x::before { content: ""; } .sch-savings-2x::before { content: ""; } .sch-education-2x::before { content: ""; } .sch-people-2x::before { content: ""; } .sch-fund-account-2x::before { content: ""; } .sch-library-2x::before { content: ""; } .sch-home-2x::before { content: ""; } .sch-market-watch-2x::before { content: ""; } .sch-quizzes-2x::before { content: ""; } .sch-disclosures-2x::before { content: ""; } .sch-confidential-2x::before { content: ""; } .sch-online-2x::before { content: ""; } .sch-next-steps-2x::before { content: ""; } .sch-save-2x::before { content: ""; } .sch-account-2x::before { content: ""; } .sch-folder-2x::before { content: ""; } .sch-privacy-2x::before { content: ""; } .sch-positions-2x::before { content: ""; } .sch-balances-2x::before { content: ""; } .sch-gain-loss-2x::before { content: ""; } .sch-rdc-2x::before { content: ""; } .sch-watchlist-2x::before { content: ""; } .sch-trade-2x::before { content: ""; } .sch-transfer-2x::before { content: ""; } .sch-saved-folder-2x::before { content: ""; } .sch-popup-chart-2x::before { content: ""; } .sch-ideas-and-tips-2x::before { content: ""; } .sch-comment-2x::before { content: ""; } .sch-tasks-completed-2x::before { content: ""; } .sch-send-2x::before { content: ""; } .sch-map-marker-2x::before { content: ""; } .sch-info-small-2x::before { content: ""; } .sch-chains-2x::before { content: ""; } .sch-bill-pay-2x::before { content: ""; } .sch-order-status-2x::before { content: ""; } .sch-new-2x::before { content: ""; } .sch-gripper-vertical-2x::before { content: ""; } .sch-gripper-horizontal-2x::before { content: ""; } .sch-play-2x::before { content: ""; } .sch-rewind-2x::before { content: ""; } .sch-fast-forward-2x::before { content: ""; } .sch-to-start-2x::before { content: ""; } .sch-to-end-2x::before { content: ""; } .sch-previous-track-2x::before { content: ""; } .sch-next-track-2x::before { content: ""; } .sch-pause-2x::before { content: ""; } .sch-stop-2x::before { content: ""; } .sch-eject-2x::before { content: ""; } .sch-tools-2x::before { content: ""; } .sch-fax-2x::before { content: ""; } .sch-logout-2x::before { content: ""; } .sch-bookmark-2x::before { content: ""; } .sch-copy-2x::before { content: ""; } .sch-check2-2x::before { content: ""; } .sch-new2-2x::before { content: ""; } .sch-revert-2x::before { content: ""; } .sch-plus-circle-2x::before { content: ""; } .sch-message-2x::before { content: ""; } .sch-ia-2x::before { content: ""; } .sch-reply-2x::before { content: ""; } .sch-make-appointment-1-2x::before { content: ""; } .sch-advisortools-resources-2x::before { content: ""; } .sch-paperless-2x::before { content: ""; } .sch-In-progress-2x::before { content: ""; } .sch-key-2x::before { content: ""; } .sch-routing-number-2x::before { content: ""; } .sch-exclamation-triangle::before { content: ""; } .sch-x-circle::before { content: ""; } .sch-info-circle::before { content: ""; } .sch-help-circle::before { content: ""; } .sch-exclamation-octagon::before { content: ""; } .sch-check-circle::before { content: ""; } .sch-circle::before { content: ""; } .sch-circle-o::before { content: ""; } .sch-square::before { content: ""; } .sch-square-o::before { content: ""; } .sch-diamond::before { content: ""; } .sch-diamond-o::before { content: ""; } .sch-caret-up::before { content: ""; } .sch-caret-down::before { content: ""; } .sch-menu-flyout::before { content: ""; } .sch-chevron-up::before { content: ""; } .sch-chevron-down::before { content: ""; } .sch-chevron-left::before { content: ""; } .sch-chevron-right::before { content: ""; } .sch-chevron-small-up::before { content: ""; } .sch-chevron-small-down::before { content: ""; } .sch-chevron-small-left::before { content: ""; } .sch-chevron-small-right::before { content: ""; } .sch-x::before { content: ""; } .sch-check::before { content: ""; } .sch-plus::before { content: ""; } .sch-minus::before { content: ""; } .sch-plus-small::before { content: ""; } .sch-minus-small::before { content: ""; } .sch-plus-large::before { content: ""; } .sch-minus-large::before { content: ""; } .sch-plus-square::before { content: ""; } .sch-minus-square::before { content: ""; } .sch-plus-square-large::before { content: ""; } .sch-minus-square-large::before { content: ""; } .sch-plus-square-o::before { content: ""; } .sch-minus-square-o::before { content: ""; } .sch-angle-up::before { content: ""; } .sch-angle-down::before { content: ""; } .sch-angle-left::before { content: ""; } .sch-angle-right::before { content: ""; } .sch-thin-x::before { content: ""; } .sch-checkbox-unchecked::before { content: ""; } .sch-checkbox-checked::before { content: ""; } .sch-radio-unselected::before { content: ""; } .sch-radio-selected::before { content: ""; } .sch-star::before { content: ""; } .sch-star-o::before { content: ""; } .sch-print::before { content: ""; } .sch-schwabsafe::before { content: ""; } .sch-search::before { content: ""; } .sch-refresh::before { content: ""; } .sch-popup::before { content: ""; } .sch-external-link::before { content: ""; } .sch-office::before { content: ""; } .sch-phone::before { content: ""; } .sch-paperclip::before { content: ""; } .sch-undo::before { content: ""; } .sch-email::before { content: ""; } .sch-download::before { content: ""; } .sch-document::before { content: ""; } .sch-chat::before { content: ""; } .sch-calendar::before { content: ""; } .sch-calculator::before { content: ""; } .sch-video::before { content: ""; } .sch-twitter::before { content: ""; } .sch-youtube::before { content: ""; } .sch-facebook::before { content: ""; } .sch-linkedin::before { content: ""; } .sch-gplus::before { content: ""; } .sch-rss::before { content: ""; } .sch-arrow-up::before { content: ""; } .sch-expand-down::before { content: ""; } .sch-collapse-up::before { content: ""; } .sch-zoom::before { content: ""; } .sch-unzoom::before { content: ""; } .sch-thumbs-up::before { content: ""; } .sch-thumbs-down::before { content: ""; } .sch-file-excel::before { content: ""; } .sch-file-pdf::before { content: ""; } .sch-file-archive::before { content: ""; } .sch-menu::before { content: ""; } .sch-chart::before { content: ""; } .sch-settings::before { content: ""; } .sch-spinner::before { content: ""; } .sch-document2::before { content: ""; } .sch-audio::before { content: ""; } .sch-tax::before { content: ""; } .sch-tax2::before { content: ""; } .sch-checklist::before { content: ""; } .sch-budget-planning::before { content: ""; } .sch-activities::before { content: ""; } .sch-money-basics::before { content: ""; } .sch-list::before { content: ""; } .sch-capitol::before { content: ""; } .sch-community::before { content: ""; } .sch-community2::before { content: ""; } .sch-community3::before { content: ""; } .sch-credit-card::before { content: ""; } .sch-diploma::before { content: ""; } .sch-certificate::before { content: ""; } .sch-institutions::before { content: ""; } .sch-investing::before { content: ""; } .sch-presentation::before { content: ""; } .sch-mobile::before { content: ""; } .sch-mobile2::before { content: ""; } .sch-online-quiz::before { content: ""; } .sch-retirement::before { content: ""; } .sch-personal-wealth::before { content: ""; } .sch-surveys::before { content: ""; } .sch-savings::before { content: ""; } .sch-education::before { content: ""; } .sch-people::before { content: ""; } .sch-fund-account::before { content: ""; } .sch-library::before { content: ""; } .sch-home::before { content: ""; } .sch-market-watch::before { content: ""; } .sch-quizzes::before { content: ""; } .sch-disclosures::before { content: ""; } .sch-confidential::before { content: ""; } .sch-online::before { content: ""; } .sch-next-steps::before { content: ""; } .sch-save::before { content: ""; } .sch-account::before { content: ""; } .sch-folder::before { content: ""; } .sch-privacy::before { content: ""; } .sch-positions::before { content: ""; } .sch-balances::before { content: ""; } .sch-gain-loss::before { content: ""; } .sch-rdc::before { content: ""; } .sch-watchlist::before { content: ""; } .sch-trade::before { content: ""; } .sch-transfer::before { content: ""; } .sch-saved-folder::before { content: ""; } .sch-popup-chart::before { content: ""; } .sch-ideas-and-tips::before { content: ""; } .sch-comment::before { content: ""; } .sch-tasks-completed::before { content: ""; } .sch-send::before { content: ""; } .sch-map-marker::before { content: ""; } .sch-info-small::before { content: ""; } .sch-chains::before { content: ""; } .sch-order-status::before { content: ""; } .sch-bill-pay::before { content: ""; } .sch-new::before { content: ""; } .sch-gripper-vertical::before { content: ""; } .sch-gripper-horizontal::before { content: ""; } .sch-play::before { content: ""; } .sch-rewind::before { content: ""; } .sch-fast-forward::before { content: ""; } .sch-to-start::before { content: ""; } .sch-to-end::before { content: ""; } .sch-previous-track::before { content: ""; } .sch-next-track::before { content: ""; } .sch-pause::before { content: ""; } .sch-stop::before { content: ""; } .sch-eject::before { content: ""; } .sch-tools::before { content: ""; } .sch-fax::before { content: ""; } .sch-logout::before { content: ""; } .sch-bookmark::before { content: ""; } .sch-copy::before { content: ""; } .sch-check2::before { content: ""; } .sch-new2::before { content: ""; } .sch-revert::before { content: ""; } .sch-plus-circle::before { content: ""; } .sch-message::before { content: ""; } .sch-ia::before { content: ""; } .sch-reply::before { content: ""; } .sch-make-appointment-1::before { content: ""; } .sch-advisortools-resources::before { content: ""; } .sch-paperless::before { content: ""; } .sch-In-progress::before { content: ""; } .sch-key::before { content: ""; } .sch-routing-number::before { content: ""; } @font-face { font-family: CharlesModern-Regular; src: url("../assets/fonts/CharlesModern-Regular.64113bc92c190c0a.woff") format("woff"), url("../assets/fonts/CharlesModern-Regular.205b172aafde27a4.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Medium; src: url("../assets/fonts/CharlesModernMedium.7b25675696e09a91.woff") format("woff"), url("../assets/fonts/CharlesModernMedium.87ed94f4797079f4.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Bold; src: url("../assets/fonts/CharlesModern-Bold.9f03fd6b28236402.woff") format("woff"), url("../assets/fonts/CharlesModern-Bold.d50916353f86e1fc.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Light; src: url("../assets/fonts/CharlesModern-Light.cc497d906ed2afda.woff") format("woff"), url("../assets/fonts/CharlesModern-Light.13f6a062198c3e22.ttf") format("truetype"); font-weight: 400; font-style: normal; } [class^="sch-"], [class*=" sch-"] { font-size: 16px; display: inline-block; } [class*="-2x"] { font-size: 32px; } .sch-rotate-90 { transform: rotate(90deg); } .sch-rotate-180 { transform: rotate(180deg); } .sch-rotate-270 { transform: rotate(270deg); } .sch-flip-horizontal { transform: scaleX(-1); } .sch-flip-vertical { transform: scaleY(-1); } .sch-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .sch-stack-1x, .sch-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .sch-stack-1x { line-height: inherit; } .sch-stack-2x { font-size: 2em; } .sch-inverse { color: rgb(255, 255, 255); padding: 2px; } .icon-link { text-decoration: none; } .icon-link [class*="sch-"] { text-decoration: none; font-size: 16px; top: 2px; position: relative; } .icon-link.before [class*="sch-"] { padding: 0px 3px 0px 0px; } .icon-link.after [class*="sch-"] { padding: 0px 0px 0px 3px; } .icon-link [class*="-2x"] { font-size: 32px; } .icon-link:hover span { text-decoration: underline; } a.ui-icon i { color: rgb(119, 119, 119); } a.ui-icon:hover i { color: rgb(85, 85, 85); } a .sch-file-archive, a .sch-file-archive-2x { color: rgb(119, 119, 119); } a .sch-file-pdf, a .sch-file-pdf-2x { color: rgb(170, 0, 51); } a .sch-file-excel, a .sch-file-excel-2x { color: rgb(0, 134, 65); } .sch-spin { animation: 2s linear 0s infinite normal none running spin; } .sch-spin-stepped { animation: 1s steps(12) 0s infinite normal none running spin; } @font-face { font-family: CharlesModern-Regular; src: url("../assets/fonts/CharlesModern-Regular.64113bc92c190c0a.woff") format("woff"), url("../assets/fonts/CharlesModern-Regular.205b172aafde27a4.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Medium; src: url("../assets/fonts/CharlesModernMedium.7b25675696e09a91.woff") format("woff"), url("../assets/fonts/CharlesModernMedium.87ed94f4797079f4.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Bold; src: url("../assets/fonts/CharlesModern-Bold.9f03fd6b28236402.woff") format("woff"), url("../assets/fonts/CharlesModern-Bold.d50916353f86e1fc.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: CharlesModern-Light; src: url("../assets/fonts/CharlesModern-Light.cc497d906ed2afda.woff") format("woff"), url("../assets/fonts/CharlesModern-Light.13f6a062198c3e22.ttf") format("truetype"); font-weight: 400; font-style: normal; } * { box-sizing: border-box; } a, a:link, a:visited { text-decoration: none; color: rgb(0, 110, 153); } a:hover { color: rgb(0, 93, 128); text-decoration: underline; } a:active { color: rgb(0, 73, 102); } a.sdps-text--hero { color: rgb(0, 183, 255); } a.sdps-text--hero:hover { color: rgb(51, 197, 255); text-decoration: underline; } a.sdps-text--hero:active { color: rgb(0, 146, 204); } dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0px; padding: 0px; } p { margin: 0px 0px 10px; } .sdps-horizontal-rule { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(221, 221, 221); border-image: none; margin-bottom: 0px; } .sdps-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; user-select: none; } .sdps-sr-only--focusable:active, .sdps-sr-only--focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } .sdps-text-primary { color: rgb(0, 0, 0) !important; } .sdps-text-secondary { color: rgb(90, 103, 114) !important; } .sdps-text-active { color: rgb(0, 110, 153) !important; } .sdps-text-gain { color: rgb(38, 115, 38) !important; } .sdps-text-loss { color: rgb(193, 11, 20) !important; } .sdps-text-neutral { color: rgb(0, 0, 0) !important; } .sdps-text--hero.sdps-text-primary { color: rgb(255, 255, 255) !important; } .sdps-text--hero.sdps-text-secondary { color: rgb(141, 154, 165) !important; } .sdps-text--hero.sdps-text-active { color: rgb(0, 183, 255); } .sdps-text--hero.sdps-text-gain { color: rgb(64, 191, 64) !important; } .sdps-text--hero.sdps-text-loss { color: rgb(244, 62, 71) !important; } .sdps-text--hero.sdps-text-neutral { color: rgb(255, 255, 255) !important; } .sdps-text-inactive { color: rgb(99, 114, 126) !important; } .sdps-text-active--neutral { color: rgb(79, 90, 100) !important; } .sdps-text-error { color: rgb(193, 11, 20) !important; } .sdps-text-success { color: rgb(38, 115, 38) !important; } .sdps-text-placeholder { color: rgb(90, 103, 114) !important; } .sdps-text-right { text-align: right !important; } .sdps-text-center { text-align: center !important; } .sdps-text-left { text-align: left !important; } .sdps-text-justify { text-align: justify !important; } .sdps-truncate--ellipses { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; } .sdps-text-small { font-size: 0.75rem; } .sdps-text-smallest { font-size: 0.6875rem; } .sdps-font-weight-normal { font-weight: 400; } .sdps-font-weight-bold { font-weight: 700; } .sdps-title-large { font-size: 2.5rem; line-height: 3rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: -0.015625rem; } .sdps-title-1 { font-size: 2.25rem; line-height: 2.75rem; color: rgb(0, 0, 0); font-family: CharlesModern-Light, Helvetica, Arial, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: -0.009375rem; } .sdps-title-2 { font-size: 2rem; line-height: 2.5rem; color: rgb(0, 0, 0); font-family: CharlesModern-Light, Helvetica, Arial, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: -0.00625rem; } .sdps-title-3 { font-size: 1.5rem; line-height: 2rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: -0.003125rem; } .sdps-title-4 { font-size: 1.25rem; line-height: 1.75rem; color: rgb(0, 0, 0); font-family: CharlesModern-Bold, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: 0px; } .sdps-title-5 { font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 700; margin: 0px; padding: 0px; letter-spacing: 0.00625rem; } .sdps-text-headline { font-size: 1.125rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: CharlesModern-Medium, CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.00625rem; margin: 0px; padding: 0px; } .sdps-text-callout { font-size: 0.9375rem; line-height: 1.25rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.009375rem; margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; } .sdps-text-subhead { font-size: 0.875rem; line-height: 1.125rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.009375rem; margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; } .sdps-text-1 { font-size: 1.5rem; line-height: 2rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: 0px; } .sdps-text-2 { font-size: 1.125rem; line-height: 1.75rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: 0.009375rem; } .sdps-text-caption-1 { font-size: 0.8125rem; line-height: 1rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.025rem; margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; } .zh-TW .sdps-text-caption-1 { font-size: 0.8125rem; } .sdps-text-caption-2 { font-size: 0.75rem; line-height: 0.875rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: 0.021875rem; margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; } .zh-TW .sdps-text-caption-2 { font-size: 0.8125rem; } .zh-TW .sdps-text-caption-2 { line-height: 1rem; } .sdps-text-body { font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; letter-spacing: 0.009375rem; } .sdps-text-footnote { font-size: 0.8125rem; line-height: 1.25rem; color: rgb(90, 103, 114); font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; letter-spacing: 0.01875rem; } .zh-TW .sdps-text-footnote { font-size: 0.8125rem; } .sdps-text-lowercase { text-transform: lowercase !important; } .sdps-text-uppercase { text-transform: uppercase !important; } .sdps-text-capitalize { text-transform: capitalize !important; } .sdps-text-nowrap { white-space: nowrap; } .sdps-text-underline { border-bottom: 0.0625rem solid rgb(0, 0, 0); } .sdps-text-underline--dotted { border-bottom-width: 0.125rem; border-bottom-style: dotted; } .sdps-text-underline--dashed { border-bottom-style: dashed; } .sdps-text-underline--active { border-color: rgb(0, 110, 153); } .sdps-font-italic { font-style: italic; } .sdps-font-light.sdps-text-1, .sdps-font-light.sdps-text-2, .sdps-font-light.sdps-text-headline, .sdps-font-light.sdps-title-1, .sdps-font-light.sdps-title-2, .sdps-font-light.sdps-title-3, .sdps-font-light.sdps-title-4, .sdps-font-light.sdps-title-large { font-family: CharlesModern-Light; } .sdps-font-regular.sdps-text-1, .sdps-font-regular.sdps-text-2, .sdps-font-regular.sdps-text-headline, .sdps-font-regular.sdps-title-1, .sdps-font-regular.sdps-title-2, .sdps-font-regular.sdps-title-3, .sdps-font-regular.sdps-title-4, .sdps-font-regular.sdps-title-large { font-family: CharlesModern-Regular; } .sdps-font-regular.sdps-text-body, .sdps-font-regular.sdps-text-callout, .sdps-font-regular.sdps-text-caption-1, .sdps-font-regular.sdps-text-caption-2, .sdps-font-regular.sdps-text-footnote, .sdps-font-regular.sdps-text-subhead, .sdps-font-regular.sdps-title-5 { font-weight: 400; } .sdps-font-medium.sdps-text-1, .sdps-font-medium.sdps-text-2, .sdps-font-medium.sdps-text-headline, .sdps-font-medium.sdps-title-1, .sdps-font-medium.sdps-title-2, .sdps-font-medium.sdps-title-3, .sdps-font-medium.sdps-title-4, .sdps-font-medium.sdps-title-large { font-family: CharlesModern-Medium; } .sdps-font-bold.sdps-text-1, .sdps-font-bold.sdps-text-2, .sdps-font-bold.sdps-text-headline, .sdps-font-bold.sdps-title-1, .sdps-font-bold.sdps-title-2, .sdps-font-bold.sdps-title-3, .sdps-font-bold.sdps-title-4, .sdps-font-bold.sdps-title-large { font-family: CharlesModern-Bold; } .sdps-font-bold.sdps-text-body, .sdps-font-bold.sdps-text-callout, .sdps-font-bold.sdps-text-caption-1, .sdps-font-bold.sdps-text-caption-2, .sdps-font-bold.sdps-text-footnote, .sdps-font-bold.sdps-text-subhead, .sdps-font-bold.sdps-title-5 { font-weight: 700; } .sdps-font-tighter.sdps-title-large { letter-spacing: -0.03125rem !important; } .sdps-font-tighter.sdps-title-1 { letter-spacing: -0.025rem !important; } .sdps-font-tighter.sdps-title-2 { letter-spacing: -0.021875rem !important; } .sdps-font-tighter.sdps-title-3 { letter-spacing: -0.01875rem !important; } .sdps-font-tighter.sdps-title-4 { letter-spacing: -0.015625rem !important; } .sdps-font-tighter.sdps-text-headline { letter-spacing: -0.009375rem !important; } .sdps-font-tighter.sdps-text-1 { letter-spacing: -0.015625rem !important; } .sdps-font-tighter.sdps-text-2 { letter-spacing: -0.00625rem !important; } .sdps-font-tighter.sdps-title-5 { letter-spacing: -0.009375rem !important; } .sdps-font-tighter.sdps-text-callout, .sdps-font-tighter.sdps-text-subhead { letter-spacing: -0.00625rem !important; } .sdps-font-tighter.sdps-text-caption-1 { letter-spacing: 0.009375rem !important; } .sdps-font-tighter.sdps-text-caption-2 { letter-spacing: 0.00625rem !important; } .sdps-font-tighter.sdps-text-body { letter-spacing: -0.00625rem !important; } .sdps-font-tighter.sdps-text-footnote { letter-spacing: 0.003125rem !important; } .sdps-font-tight.sdps-title-large { letter-spacing: -0.025rem !important; } .sdps-font-tight.sdps-title-1 { letter-spacing: -0.01875rem !important; } .sdps-font-tight.sdps-title-2 { letter-spacing: -0.015625rem !important; } .sdps-font-tight.sdps-title-3 { letter-spacing: -0.0125rem !important; } .sdps-font-tight.sdps-title-4 { letter-spacing: -0.009375rem !important; } .sdps-font-tight.sdps-text-headline { letter-spacing: -0.003125rem !important; } .sdps-font-tight.sdps-text-1 { letter-spacing: -0.009375rem !important; } .sdps-font-tight.sdps-text-2 { letter-spacing: 0px !important; } .sdps-font-tight.sdps-title-5 { letter-spacing: -0.003125rem !important; } .sdps-font-tight.sdps-text-callout, .sdps-font-tight.sdps-text-subhead { letter-spacing: 0px !important; } .sdps-font-tight.sdps-text-caption-1 { letter-spacing: 0.015625rem !important; } .sdps-font-tight.sdps-text-caption-2 { letter-spacing: 0.0125rem !important; } .sdps-font-tight.sdps-text-body { letter-spacing: 0px !important; } .sdps-font-tight.sdps-text-footnote { letter-spacing: 0.009375rem !important; } .sdps-font-loose.sdps-title-large { letter-spacing: 0px !important; } .sdps-font-loose.sdps-title-1 { letter-spacing: 0.00625rem !important; } .sdps-font-loose.sdps-title-2 { letter-spacing: 0.009375rem !important; } .sdps-font-loose.sdps-title-3 { letter-spacing: 0.0125rem !important; } .sdps-font-loose.sdps-title-4 { letter-spacing: 0.015625rem !important; } .sdps-font-loose.sdps-text-headline { letter-spacing: 0.021875rem !important; } .sdps-font-loose.sdps-text-1 { letter-spacing: 0.015625rem !important; } .sdps-font-loose.sdps-text-2 { letter-spacing: 0.025rem !important; } .sdps-font-loose.sdps-title-5 { letter-spacing: 0.021875rem !important; } .sdps-font-loose.sdps-text-callout, .sdps-font-loose.sdps-text-subhead { letter-spacing: 0.025rem !important; } .sdps-font-loose.sdps-text-caption-1 { letter-spacing: 0.040625rem !important; } .sdps-font-loose.sdps-text-caption-2 { letter-spacing: 0.0375rem !important; } .sdps-font-loose.sdps-text-body { letter-spacing: 0.025rem !important; } .sdps-font-loose.sdps-text-footnote { letter-spacing: 0.034375rem !important; } .sdps-font-looser.sdps-title-large { letter-spacing: 0.015625rem !important; } .sdps-font-looser.sdps-title-1 { letter-spacing: 0.021875rem !important; } .sdps-font-looser.sdps-title-2 { letter-spacing: 0.025rem !important; } .sdps-font-looser.sdps-title-3 { letter-spacing: 0.028125rem !important; } .sdps-font-looser.sdps-title-4 { letter-spacing: 0.03125rem !important; } .sdps-font-looser.sdps-text-headline { letter-spacing: 0.0375rem !important; } .sdps-font-looser.sdps-text-1 { letter-spacing: 0.03125rem !important; } .sdps-font-looser.sdps-text-2 { letter-spacing: 0.040625rem !important; } .sdps-font-looser.sdps-title-5 { letter-spacing: 0.0375rem !important; } .sdps-font-looser.sdps-text-callout, .sdps-font-looser.sdps-text-subhead { letter-spacing: 0.040625rem !important; } .sdps-font-looser.sdps-text-caption-1 { letter-spacing: 0.05625rem !important; } .sdps-font-looser.sdps-text-caption-2 { letter-spacing: 0.053125rem !important; } .sdps-font-looser.sdps-text-body { letter-spacing: 0.040625rem !important; } .sdps-font-looser.sdps-text-footnote { letter-spacing: 0.05rem !important; } .zh-TW .sdps-text-1, .zh-TW .sdps-text-2, .zh-TW .sdps-text-body, .zh-TW .sdps-text-footnote, .zh-TW .sdps-title-1, .zh-TW .sdps-title-2, .zh-TW .sdps-title-3, .zh-TW .sdps-title-4, .zh-TW .sdps-title-5, .zh-TW .sdps-text-callout, .zh-TW .sdps-text-caption-1, .zh-TW .sdps-text-caption-2, .zh-TW .sdps-text-headline, .zh-TW .sdps-text-subhead, .zh-TW .sdps-title-large { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .zh-TW .sdps-chinese-xxs { font-size: 0.85rem !important; } .zh-TW .sdps-chinese-xs { font-size: 0.925rem !important; } .zh-TW .sdps-chinese-s { font-size: 1rem !important; } .zh-TW a.sdps-font-weight-bold, .zh-TW a.sdps-text-body, .zh-TW a.sdps-text-footnote, .zh-TW a.sdps-title-1, .zh-TW a.sdps-title-2, .zh-TW a.sdps-title-3, .zh-TW a.sdps-title-4, .zh-TW a.sdps-title-5 { color: rgb(0, 102, 204); } .sdps-flex { display: flex; } .sdps-flex-center { display: flex; align-items: center; justify-content: center; } .sdps-flex-flow-wrap { display: flex; flex-flow: wrap; } .sdps-flex-start { display: flex; justify-content: flex-start; } .sdps-flex-end { display: flex; justify-content: flex-end; } .sdps-flex-direction--column { display: flex; flex-direction: column; } .sdps-flex-direction--row { display: flex; flex-direction: row; } .sdps-flex-space-between { display: flex; justify-content: space-between; } @media (min-width: 0) and (max-width: 767px) { .sdps-flex-space-between--small { display: flex; justify-content: space-between; } } .sdps-pull-left { float: left !important; } .sdps-pull-right { float: right !important; } .sdps-clearfix { clear: both; } .sdps-truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sdps-truncate--20 { max-width: 20%; } .sdps-truncate--25 { max-width: 25%; } .sdps-truncate--33 { max-width: 33%; } .sdps-truncate--40 { max-width: 40%; } .sdps-truncate--50 { max-width: 50%; } .sdps-truncate--60 { max-width: 60%; } .sdps-truncate--66 { max-width: 66%; } .sdps-truncate--75 { max-width: 75%; } .sdps-truncate--80 { max-width: 80%; } .sdps-m-top_auto { margin-top: auto !important; } .sdps-m-top_none { margin-top: 0px !important; } .sdps-m-top_xxx-small { margin-top: 0.125rem !important; } .sdps-m-top_xx-small { margin-top: 0.25rem !important; } .sdps-m-top_x-small { margin-top: 0.5rem !important; } .sdps-m-top_small { margin-top: 0.75rem !important; } .sdps-m-top_medium { margin-top: 1rem !important; } .sdps-m-top_large { margin-top: 1.5rem !important; } .sdps-m-top_x-large { margin-top: 2rem !important; } .sdps-m-top_xx-large { margin-top: 2.5rem !important; } .sdps-m-top_xxx-large { margin-top: 3rem !important; } .sdps-m-top_xxxx-large { margin-top: 4rem !important; } .sdps-m-right_auto { margin-right: auto !important; } .sdps-m-right_none { margin-right: 0px !important; } .sdps-m-right_xxx-small { margin-right: 0.125rem !important; } .sdps-m-right_xx-small { margin-right: 0.25rem !important; } .sdps-m-right_x-small { margin-right: 0.5rem !important; } .sdps-m-right_small { margin-right: 0.75rem !important; } .sdps-m-right_medium { margin-right: 1rem !important; } .sdps-m-right_large { margin-right: 1.5rem !important; } .sdps-m-right_x-large { margin-right: 2rem !important; } .sdps-m-right_xx-large { margin-right: 2.5rem !important; } .sdps-m-right_xxx-large { margin-right: 3rem !important; } .sdps-m-right_xxxx-large { margin-right: 4rem !important; } .sdps-m-bottom_auto { margin-bottom: auto !important; } .sdps-m-bottom_none { margin-bottom: 0px !important; } .sdps-m-bottom_xxx-small { margin-bottom: 0.125rem !important; } .sdps-m-bottom_xx-small { margin-bottom: 0.25rem !important; } .sdps-m-bottom_x-small { margin-bottom: 0.5rem !important; } .sdps-m-bottom_small { margin-bottom: 0.75rem !important; } .sdps-m-bottom_medium { margin-bottom: 1rem !important; } .sdps-m-bottom_large { margin-bottom: 1.5rem !important; } .sdps-m-bottom_x-large { margin-bottom: 2rem !important; } .sdps-m-bottom_xx-large { margin-bottom: 2.5rem !important; } .sdps-m-bottom_xxx-large { margin-bottom: 3rem !important; } .sdps-m-bottom_xxxx-large { margin-bottom: 4rem !important; } .sdps-m-left_auto { margin-left: auto !important; } .sdps-m-left_none { margin-left: 0px !important; } .sdps-m-left_xxx-small { margin-left: 0.125rem !important; } .sdps-m-left_xx-small { margin-left: 0.25rem !important; } .sdps-m-left_x-small { margin-left: 0.5rem !important; } .sdps-m-left_small { margin-left: 0.75rem !important; } .sdps-m-left_medium { margin-left: 1rem !important; } .sdps-m-left_large { margin-left: 1.5rem !important; } .sdps-m-left_x-large { margin-left: 2rem !important; } .sdps-m-left_xx-large { margin-left: 2.5rem !important; } .sdps-m-left_xxx-large { margin-left: 3rem !important; } .sdps-m-left_xxxx-large { margin-left: 4rem !important; } .sdps-m-vertical_auto { margin-top: auto !important; margin-bottom: auto !important; } .sdps-m-vertical_none { margin-top: 0px !important; margin-bottom: 0px !important; } .sdps-m-vertical_xxx-small { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .sdps-m-vertical_xx-small { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .sdps-m-vertical_x-small { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .sdps-m-vertical_small { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .sdps-m-vertical_medium { margin-top: 1rem !important; margin-bottom: 1rem !important; } .sdps-m-vertical_large { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .sdps-m-vertical_x-large { margin-top: 2rem !important; margin-bottom: 2rem !important; } .sdps-m-vertical_xx-large { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .sdps-m-vertical_xxx-large { margin-top: 3rem !important; margin-bottom: 3rem !important; } .sdps-m-vertical_xxxx-large { margin-top: 4rem !important; margin-bottom: 4rem !important; } .sdps-m-horizontal_auto { margin-right: auto !important; margin-left: auto !important; } .sdps-m-horizontal_none { margin-right: 0px !important; margin-left: 0px !important; } .sdps-m-horizontal_xxx-small { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .sdps-m-horizontal_xx-small { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .sdps-m-horizontal_x-small { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .sdps-m-horizontal_small { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .sdps-m-horizontal_medium { margin-right: 1rem !important; margin-left: 1rem !important; } .sdps-m-horizontal_large { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .sdps-m-horizontal_x-large { margin-right: 2rem !important; margin-left: 2rem !important; } .sdps-m-horizontal_xx-large { margin-right: 2.5rem !important; margin-left: 2.5rem !important; } .sdps-m-horizontal_xxx-large { margin-right: 3rem !important; margin-left: 3rem !important; } .sdps-m-horizontal_xxxx-large { margin-right: 4rem !important; margin-left: 4rem !important; } .sdps-m-around_auto { margin: auto !important; } .sdps-m-around_none { margin: 0px !important; } .sdps-m-around_xxx-small { margin: 0.125rem !important; } .sdps-m-around_xx-small { margin: 0.25rem !important; } .sdps-m-around_x-small { margin: 0.5rem !important; } .sdps-m-around_small { margin: 0.75rem !important; } .sdps-m-around_medium { margin: 1rem !important; } .sdps-m-around_large { margin: 1.5rem !important; } .sdps-m-around_x-large { margin: 2rem !important; } .sdps-m-around_xx-large { margin: 2.5rem !important; } .sdps-m-around_xxx-large { margin: 3rem !important; } .sdps-m-around_xxxx-large { margin: 4rem !important; } @media (min-width: 0) and (max-width: 767px) { .sdps-m-top_large--tablet-phone { margin-top: 24px; } .sdps-m-top_medium--tablet-phone { margin-top: 16px; } } @media (min-width: 0) and (max-width: 479px) { .sdps-m-top_large--phone-only { margin-top: 24px; } .sdps-m-top_medium--phone-only { margin-top: 16px; } } .sdps-p-top_none { padding-top: 0px !important; } .sdps-p-top_xxx-small { padding-top: 0.125rem !important; } .sdps-p-top_xx-small { padding-top: 0.25rem !important; } .sdps-p-top_x-small { padding-top: 0.5rem !important; } .sdps-p-top_small { padding-top: 0.75rem !important; } .sdps-p-top_medium { padding-top: 1rem !important; } .sdps-p-top_large { padding-top: 1.5rem !important; } .sdps-p-top_x-large { padding-top: 2rem !important; } .sdps-p-top_xx-large { padding-top: 2.5rem !important; } .sdps-p-top_xxx-large { padding-top: 3rem !important; } .sdps-p-top_xxxx-large { padding-top: 4rem !important; } .sdps-p-right_none { padding-right: 0px !important; } .sdps-p-right_xxx-small { padding-right: 0.125rem !important; } .sdps-p-right_xx-small { padding-right: 0.25rem !important; } .sdps-p-right_x-small { padding-right: 0.5rem !important; } .sdps-p-right_small { padding-right: 0.75rem !important; } .sdps-p-right_medium { padding-right: 1rem !important; } .sdps-p-right_large { padding-right: 1.5rem !important; } .sdps-p-right_x-large { padding-right: 2rem !important; } .sdps-p-right_xx-large { padding-right: 2.5rem !important; } .sdps-p-right_xxx-large { padding-right: 3rem !important; } .sdps-p-right_xxxx-large { padding-right: 4rem !important; } .sdps-p-bottom_none { padding-bottom: 0px !important; } .sdps-p-bottom_xxx-small { padding-bottom: 0.125rem !important; } .sdps-p-bottom_xx-small { padding-bottom: 0.25rem !important; } .sdps-p-bottom_x-small { padding-bottom: 0.5rem !important; } .sdps-p-bottom_small { padding-bottom: 0.75rem !important; } .sdps-p-bottom_medium { padding-bottom: 1rem !important; } .sdps-p-bottom_large { padding-bottom: 1.5rem !important; } .sdps-p-bottom_x-large { padding-bottom: 2rem !important; } .sdps-p-bottom_xx-large { padding-bottom: 2.5rem !important; } .sdps-p-bottom_xxx-large { padding-bottom: 3rem !important; } .sdps-p-bottom_xxxx-large { padding-bottom: 4rem !important; } .sdps-p-left_none { padding-left: 0px !important; } .sdps-p-left_xxx-small { padding-left: 0.125rem !important; } .sdps-p-left_xx-small { padding-left: 0.25rem !important; } .sdps-p-left_x-small { padding-left: 0.5rem !important; } .sdps-p-left_small { padding-left: 0.75rem !important; } .sdps-p-left_medium { padding-left: 1rem !important; } .sdps-p-left_large { padding-left: 1.5rem !important; } .sdps-p-left_x-large { padding-left: 2rem !important; } .sdps-p-left_xx-large { padding-left: 2.5rem !important; } .sdps-p-left_xxx-large { padding-left: 3rem !important; } .sdps-p-left_xxxx-large { padding-left: 4rem !important; } .sdps-p-vertical_none { padding-top: 0px !important; padding-bottom: 0px !important; } .sdps-p-vertical_xxx-small { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .sdps-p-vertical_xx-small { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .sdps-p-vertical_x-small { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .sdps-p-vertical_small { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .sdps-p-vertical_medium { padding-top: 1rem !important; padding-bottom: 1rem !important; } .sdps-p-vertical_large { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .sdps-p-vertical_x-large { padding-top: 2rem !important; padding-bottom: 2rem !important; } .sdps-p-vertical_xx-large { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .sdps-p-vertical_xxx-large { padding-top: 3rem !important; padding-bottom: 3rem !important; } .sdps-p-vertical_xxxx-large { padding-top: 4rem !important; padding-bottom: 4rem !important; } .sdps-p-horizontal_none { padding-right: 0px !important; padding-left: 0px !important; } .sdps-p-horizontal_xxx-small { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .sdps-p-horizontal_xx-small { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .sdps-p-horizontal_x-small { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .sdps-p-horizontal_small { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .sdps-p-horizontal_medium { padding-right: 1rem !important; padding-left: 1rem !important; } .sdps-p-horizontal_large { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .sdps-p-horizontal_x-large { padding-right: 2rem !important; padding-left: 2rem !important; } .sdps-p-horizontal_xx-large { padding-right: 2.5rem !important; padding-left: 2.5rem !important; } .sdps-p-horizontal_xxx-large { padding-right: 3rem !important; padding-left: 3rem !important; } .sdps-p-horizontal_xxxx-large { padding-right: 4rem !important; padding-left: 4rem !important; } .sdps-p-around_none { padding: 0px !important; } .sdps-p-around_xxx-small { padding: 0.125rem !important; } .sdps-p-around_xx-small { padding: 0.25rem !important; } .sdps-p-around_x-small { padding: 0.5rem !important; } .sdps-p-around_small { padding: 0.75rem !important; } .sdps-p-around_medium { padding: 1rem !important; } .sdps-p-around_large { padding: 1.5rem !important; } .sdps-p-around_x-large { padding: 2rem !important; } .sdps-p-around_xx-large { padding: 2.5rem !important; } .sdps-p-around_xxx-large { padding: 3rem !important; } .sdps-p-around_xxxx-large { padding: 4rem !important; } .sdps-is-fixed { position: fixed; } .sdps-is-absolute { position: absolute; } .sdps-is-relative { position: relative; } .sdps-is-static { position: static; } .sdps-hide { display: none !important; } .sdps-display-block, .sdps-show { display: block; } .sdps-display-inline { display: inline; } .sdps-display-inline-block { display: inline-block; } .sdps-v-align--bottom { vertical-align: bottom; } .sdps-layout-wrapper { margin: 0px auto; width: 100%; } .sdps-layout__page-header { padding: 15px 0px; } .sdps-layout__page-actions { margin-bottom: 15px; } .sdps-layout__page-actions ul li { margin-left: 20px; font-size: 13px; line-height: normal; } .sdps-layout__page-actions ul li i { margin-right: 4px; vertical-align: sub; } .sdps-layout__page-actions .sdps-layout__timestamp { margin-right: 20px; } @media (min-width: 768px) { .sdps-layout__page-actions ul { float: right; } } @media (min-width: 0) and (max-width: 767px) { .sdps-layout__page-actions ul { float: left; } .sdps-layout__page-actions ul li { margin-left: 0px; margin-right: 12px; } .sdps-layout__page-actions .sdps-layout__timestamp { margin-right: 5px; margin-top: 5px; } } @media (min-width: 0) and (max-width: 479px) { .sdps-layout__export, .sdps-layout__page-status, .sdps-layout__print, .sdps-layout__refresh { } .sdps-layout__export-text, .sdps-layout__print-text, .sdps-layout__refresh-text { display: none; } } @media (min-width: 480px) and (max-width: 767px) { .sdps-layout__export, .sdps-layout__page-status, .sdps-layout__print, .sdps-layout__refresh { } } .zh-TW .sdps-layout__page-actions ul li { margin-left: 20px; line-height: normal; } .sdps-flush--left { margin-left: 0px !important; padding-left: 0px !important; } .sdps-flush--right { float: right; margin-right: 0px !important; padding-right: 0px !important; } .sdps-background--primary { background-color: rgb(255, 255, 255); } .sdps-background--secondary { background-color: rgb(244, 245, 246); } .sdps-background--tertiary { background-color: rgb(255, 255, 255); } .sdps-background--grouped-primary { background-color: rgb(244, 245, 246); } .sdps-background--grouped-secondary { background-color: rgb(255, 255, 255); } .sdps-background--grouped-tertiary { background-color: rgb(244, 245, 246); } .sdps-surface-base, .sdps-surface-primary { background-color: rgb(255, 255, 255); } .sdps-surface-hover { background-color: rgb(241, 242, 244); } .sdps-surface-active, .sdps-surface-pressed { background-color: rgb(232, 235, 237); } .sdps-surface-selected { background-color: rgb(229, 248, 255); } .sdps-surface-selected-hover { background-color: rgb(204, 241, 255); } .sdps-cell { background-color: rgba(0, 0, 0, 0); cursor: default; display: flex; align-items: flex-start; font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; flex-direction: row; padding: 12px 16px 12px 1rem; } .sdps-cell--interactive:hover, .sdps-cell--selectable:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-cell--interactive:active, .sdps-cell--selectable:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-cell--vertically-centered { align-items: center; } .sdps-icon { height: 100%; width: 100%; fill: currentcolor; line-height: 0; } .sdps-icon--s, .sdps-icon--small { height: 1rem; width: 1rem; } .sdps-icon--m, .sdps-icon--medium { height: 1.5rem; width: 1.5rem; } .sdps-icon--l, .sdps-icon--large { height: 32px; width: 32px; } .sdps-icon--primary { fill: rgb(90, 103, 114); } .sdps-icon--secondary { fill: rgb(169, 179, 188); } .sdps-icon--active { fill: rgb(0, 110, 153); } .sdps-icon--gain { fill: rgb(38, 115, 38); } .sdps-icon--loss { fill: rgb(193, 11, 20); } .sdps-icon--neutral { fill: rgb(0, 0, 0); } .sdps-icon--information { fill: rgb(0, 110, 153); } .sdps-icon--warning { fill: rgb(179, 123, 0); } .sdps-icon--error { fill: rgb(193, 11, 20); } .sdps-icon--confirmation { fill: rgb(38, 115, 38); } .sdps-in-progress::before { content: url("../assets/fonts/In-Progress.11cbd757bffa3b3e.svg"); } .in-progress-container { background-color: rgb(2, 93, 130); } .sdps-in-progress-white::before { content: url("../assets/fonts/In-Progress-White.94c185c0ba28baeb.svg"); } :root { font-size: 1rem; } body { font-family: Arial, Helvetica, sans-serif; text-size-adjust: 100%; font-size: 1rem; line-height: 1.5rem; margin: 0px; -webkit-font-smoothing: antialiased; letter-spacing: 0.009375rem; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } progress { vertical-align: baseline; } [hidden], template { display: none; } a[href], button { touch-action: manipulation; } a { background-color: transparent; } a:active, a:hover { outline-width: 0px; } abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { background-color: rgb(244, 244, 244); border: 1px solid rgb(220, 219, 219); } figure { margin: 1em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } form { margin: 0px; } button, input, select, textarea { font: inherit; } optgroup { font-weight: 700; } button, input, select { overflow: visible; } button, input, select, textarea { margin: 0px; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button, [disabled] { cursor: default; } fieldset { border: 0px; margin: 0px; padding: 0px; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } input[type="checkbox"], input[type="radio"] { margin: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .zh-TW, .zh-TW a, body.zh-TW { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU; } .zh-TW [class*="sch-"], .zh-TW [class^="sch-"] { font-family: Schwab-Icon-Font !important; } .sdps-grid-container { display: flex; } .sdps-grid-container.padded, .sdps-grid-container.sdps-grid-container--is-rwt-padded { max-width: 1248px; } .sdps-grid-fluid { display: flex; margin: 0px -12px; width: calc(100% + 24px); } .sdps-grid-container .sdps-row, .sdps-grid-fluid .sdps-row, .sdps-row, .sdps-row .sdps-row { display: flex; flex-direction: row; width: 100%; } .sdps-grid-container .sdps-row.centered, .sdps-grid-fluid .sdps-row.centered, .sdps-row .sdps-row.centered, .sdps-row.centered { justify-content: center; } .sdps-grid-container .sdps-row--align-end, .sdps-grid-fluid .sdps-row--align-end, .sdps-row .sdps-row--align-end, .sdps-row--align-end { justify-content: flex-end; } .sdps-grid-container .sdps-row--space-around, .sdps-grid-fluid .sdps-row--space-around, .sdps-row .sdps-row--space-around, .sdps-row--space-around { justify-content: space-around; } .sdps-grid-container .sdps-row--spread, .sdps-grid-fluid .sdps-row--spread, .sdps-row .sdps-row--spread, .sdps-row--spread { justify-content: space-between; } .sdps-grid-container .sdps-row--align-top, .sdps-grid-fluid .sdps-row--align-top, .sdps-row .sdps-row--align-top, .sdps-row--align-top { align-items: flex-start; } .sdps-grid-container .sdps-row--align-center, .sdps-grid-fluid .sdps-row--align-center, .sdps-row .sdps-row--align-center, .sdps-row--align-center { align-items: center; } .sdps-grid-container .sdps-row--align-bottom, .sdps-grid-fluid .sdps-row--align-bottom, .sdps-row .sdps-row--align-bottom, .sdps-row--align-bottom { align-items: flex-end; } .sdps-grid-container .sdps-row--align-stretch, .sdps-grid-fluid .sdps-row--align-stretch, .sdps-row .sdps-row--align-stretch, .sdps-row--align-stretch { align-items: stretch; } .col-full .sdps-row > .col, .col-m-full .sdps-row > .col, .col-s-full .sdps-row > .col, .sdps-grid-container .sdps-row > .col, .sdps-grid-container > .col, .sdps-grid-fluid .sdps-row > .col, .sdps-grid-fluid > .col, .sdps-row > .col { flex: 1 1 0%; } .col-full .sdps-row > .col-1, .col-m-full .sdps-row > .col-1, .col-s-full .sdps-row > .col-1, .sdps-grid-container .sdps-row > .col-1, .sdps-grid-container > .col-1, .sdps-grid-fluid .sdps-row > .col-1, .sdps-grid-fluid > .col-1, .sdps-row > .col-1 { width: calc(8.33333% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-1.centered, .col-m-full .sdps-row > .col-1.centered, .col-s-full .sdps-row > .col-1.centered, .sdps-grid-container .sdps-row > .col-1.centered, .sdps-grid-container > .col-1.centered, .sdps-grid-fluid .sdps-row > .col-1.centered, .sdps-grid-fluid > .col-1.centered, .sdps-row > .col-1.centered { margin: 0px auto; } .col-full .sdps-row > .col-2, .col-m-full .sdps-row > .col-2, .col-s-full .sdps-row > .col-2, .sdps-grid-container .sdps-row > .col-2, .sdps-grid-container > .col-2, .sdps-grid-fluid .sdps-row > .col-2, .sdps-grid-fluid > .col-2, .sdps-row > .col-2 { width: calc(16.6667% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-2.centered, .col-m-full .sdps-row > .col-2.centered, .col-s-full .sdps-row > .col-2.centered, .sdps-grid-container .sdps-row > .col-2.centered, .sdps-grid-container > .col-2.centered, .sdps-grid-fluid .sdps-row > .col-2.centered, .sdps-grid-fluid > .col-2.centered, .sdps-row > .col-2.centered { margin: 0px auto; } .col-full .sdps-row > .col-3, .col-m-full .sdps-row > .col-3, .col-s-full .sdps-row > .col-3, .sdps-grid-container .sdps-row > .col-3, .sdps-grid-container > .col-3, .sdps-grid-fluid .sdps-row > .col-3, .sdps-grid-fluid > .col-3, .sdps-row > .col-3 { width: calc(25% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-3.centered, .col-m-full .sdps-row > .col-3.centered, .col-s-full .sdps-row > .col-3.centered, .sdps-grid-container .sdps-row > .col-3.centered, .sdps-grid-container > .col-3.centered, .sdps-grid-fluid .sdps-row > .col-3.centered, .sdps-grid-fluid > .col-3.centered, .sdps-row > .col-3.centered { margin: 0px auto; } .col-full .sdps-row > .col-4, .col-m-full .sdps-row > .col-4, .col-s-full .sdps-row > .col-4, .sdps-grid-container .sdps-row > .col-4, .sdps-grid-container > .col-4, .sdps-grid-fluid .sdps-row > .col-4, .sdps-grid-fluid > .col-4, .sdps-row > .col-4 { width: calc(33.3333% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-4.centered, .col-m-full .sdps-row > .col-4.centered, .col-s-full .sdps-row > .col-4.centered, .sdps-grid-container .sdps-row > .col-4.centered, .sdps-grid-container > .col-4.centered, .sdps-grid-fluid .sdps-row > .col-4.centered, .sdps-grid-fluid > .col-4.centered, .sdps-row > .col-4.centered { margin: 0px auto; } .col-full .sdps-row > .col-5, .col-m-full .sdps-row > .col-5, .col-s-full .sdps-row > .col-5, .sdps-grid-container .sdps-row > .col-5, .sdps-grid-container > .col-5, .sdps-grid-fluid .sdps-row > .col-5, .sdps-grid-fluid > .col-5, .sdps-row > .col-5 { width: calc(41.6667% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-5.centered, .col-m-full .sdps-row > .col-5.centered, .col-s-full .sdps-row > .col-5.centered, .sdps-grid-container .sdps-row > .col-5.centered, .sdps-grid-container > .col-5.centered, .sdps-grid-fluid .sdps-row > .col-5.centered, .sdps-grid-fluid > .col-5.centered, .sdps-row > .col-5.centered { margin: 0px auto; } .col-full .sdps-row > .col-6, .col-m-full .sdps-row > .col-6, .col-s-full .sdps-row > .col-6, .sdps-grid-container .sdps-row > .col-6, .sdps-grid-container > .col-6, .sdps-grid-fluid .sdps-row > .col-6, .sdps-grid-fluid > .col-6, .sdps-row > .col-6 { width: calc(50% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-6.centered, .col-m-full .sdps-row > .col-6.centered, .col-s-full .sdps-row > .col-6.centered, .sdps-grid-container .sdps-row > .col-6.centered, .sdps-grid-container > .col-6.centered, .sdps-grid-fluid .sdps-row > .col-6.centered, .sdps-grid-fluid > .col-6.centered, .sdps-row > .col-6.centered { margin: 0px auto; } .col-full .sdps-row > .col-7, .col-m-full .sdps-row > .col-7, .col-s-full .sdps-row > .col-7, .sdps-grid-container .sdps-row > .col-7, .sdps-grid-container > .col-7, .sdps-grid-fluid .sdps-row > .col-7, .sdps-grid-fluid > .col-7, .sdps-row > .col-7 { width: calc(58.3333% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-7.centered, .col-m-full .sdps-row > .col-7.centered, .col-s-full .sdps-row > .col-7.centered, .sdps-grid-container .sdps-row > .col-7.centered, .sdps-grid-container > .col-7.centered, .sdps-grid-fluid .sdps-row > .col-7.centered, .sdps-grid-fluid > .col-7.centered, .sdps-row > .col-7.centered { margin: 0px auto; } .col-full .sdps-row > .col-8, .col-m-full .sdps-row > .col-8, .col-s-full .sdps-row > .col-8, .sdps-grid-container .sdps-row > .col-8, .sdps-grid-container > .col-8, .sdps-grid-fluid .sdps-row > .col-8, .sdps-grid-fluid > .col-8, .sdps-row > .col-8 { width: calc(66.6667% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-8.centered, .col-m-full .sdps-row > .col-8.centered, .col-s-full .sdps-row > .col-8.centered, .sdps-grid-container .sdps-row > .col-8.centered, .sdps-grid-container > .col-8.centered, .sdps-grid-fluid .sdps-row > .col-8.centered, .sdps-grid-fluid > .col-8.centered, .sdps-row > .col-8.centered { margin: 0px auto; } .col-full .sdps-row > .col-9, .col-m-full .sdps-row > .col-9, .col-s-full .sdps-row > .col-9, .sdps-grid-container .sdps-row > .col-9, .sdps-grid-container > .col-9, .sdps-grid-fluid .sdps-row > .col-9, .sdps-grid-fluid > .col-9, .sdps-row > .col-9 { width: calc(75% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-9.centered, .col-m-full .sdps-row > .col-9.centered, .col-s-full .sdps-row > .col-9.centered, .sdps-grid-container .sdps-row > .col-9.centered, .sdps-grid-container > .col-9.centered, .sdps-grid-fluid .sdps-row > .col-9.centered, .sdps-grid-fluid > .col-9.centered, .sdps-row > .col-9.centered { margin: 0px auto; } .col-full .sdps-row > .col-10, .col-m-full .sdps-row > .col-10, .col-s-full .sdps-row > .col-10, .sdps-grid-container .sdps-row > .col-10, .sdps-grid-container > .col-10, .sdps-grid-fluid .sdps-row > .col-10, .sdps-grid-fluid > .col-10, .sdps-row > .col-10 { width: calc(83.3333% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-10.centered, .col-m-full .sdps-row > .col-10.centered, .col-s-full .sdps-row > .col-10.centered, .sdps-grid-container .sdps-row > .col-10.centered, .sdps-grid-container > .col-10.centered, .sdps-grid-fluid .sdps-row > .col-10.centered, .sdps-grid-fluid > .col-10.centered, .sdps-row > .col-10.centered { margin: 0px auto; } .col-full .sdps-row > .col-11, .col-m-full .sdps-row > .col-11, .col-s-full .sdps-row > .col-11, .sdps-grid-container .sdps-row > .col-11, .sdps-grid-container > .col-11, .sdps-grid-fluid .sdps-row > .col-11, .sdps-grid-fluid > .col-11, .sdps-row > .col-11 { width: calc(91.6667% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col-11.centered, .col-m-full .sdps-row > .col-11.centered, .col-s-full .sdps-row > .col-11.centered, .sdps-grid-container .sdps-row > .col-11.centered, .sdps-grid-container > .col-11.centered, .sdps-grid-fluid .sdps-row > .col-11.centered, .sdps-grid-fluid > .col-11.centered, .sdps-row > .col-11.centered { margin: 0px auto; } .col-full .sdps-row > .col-full, .col-m-full .sdps-row > .col-full, .col-s-full .sdps-row > .col-full, .sdps-grid-container .sdps-row > .col-full, .sdps-grid-container > .col-full, .sdps-grid-fluid .sdps-row > .col-full, .sdps-grid-fluid > .col-full, .sdps-row > .col-full { width: calc(100% - 0.1px); flex: 0 0 auto; } .col-full .sdps-row > .col--offset-0, .col-m-full .sdps-row > .col--offset-0, .col-s-full .sdps-row > .col--offset-0, .sdps-grid-container .sdps-row > .col--offset-0, .sdps-grid-container > .col--offset-0, .sdps-grid-fluid .sdps-row > .col--offset-0, .sdps-grid-fluid > .col--offset-0, .sdps-row > .col--offset-0 { margin-left: 0%; } .col-full .sdps-row > .col--offset-1, .col-m-full .sdps-row > .col--offset-1, .col-s-full .sdps-row > .col--offset-1, .sdps-grid-container .sdps-row > .col--offset-1, .sdps-grid-container > .col--offset-1, .sdps-grid-fluid .sdps-row > .col--offset-1, .sdps-grid-fluid > .col--offset-1, .sdps-row > .col--offset-1 { margin-left: calc(8.33333%); } .col-full .sdps-row > .col--offset-2, .col-m-full .sdps-row > .col--offset-2, .col-s-full .sdps-row > .col--offset-2, .sdps-grid-container .sdps-row > .col--offset-2, .sdps-grid-container > .col--offset-2, .sdps-grid-fluid .sdps-row > .col--offset-2, .sdps-grid-fluid > .col--offset-2, .sdps-row > .col--offset-2 { margin-left: calc(16.6667%); } .col-full .sdps-row > .col--offset-3, .col-m-full .sdps-row > .col--offset-3, .col-s-full .sdps-row > .col--offset-3, .sdps-grid-container .sdps-row > .col--offset-3, .sdps-grid-container > .col--offset-3, .sdps-grid-fluid .sdps-row > .col--offset-3, .sdps-grid-fluid > .col--offset-3, .sdps-row > .col--offset-3 { margin-left: 25%; } .col-full .sdps-row > .col--offset-4, .col-m-full .sdps-row > .col--offset-4, .col-s-full .sdps-row > .col--offset-4, .sdps-grid-container .sdps-row > .col--offset-4, .sdps-grid-container > .col--offset-4, .sdps-grid-fluid .sdps-row > .col--offset-4, .sdps-grid-fluid > .col--offset-4, .sdps-row > .col--offset-4 { margin-left: calc(33.3333%); } .col-full .sdps-row > .col--offset-5, .col-m-full .sdps-row > .col--offset-5, .col-s-full .sdps-row > .col--offset-5, .sdps-grid-container .sdps-row > .col--offset-5, .sdps-grid-container > .col--offset-5, .sdps-grid-fluid .sdps-row > .col--offset-5, .sdps-grid-fluid > .col--offset-5, .sdps-row > .col--offset-5 { margin-left: calc(41.6667%); } .col-full .sdps-row > .col--offset-6, .col-m-full .sdps-row > .col--offset-6, .col-s-full .sdps-row > .col--offset-6, .sdps-grid-container .sdps-row > .col--offset-6, .sdps-grid-container > .col--offset-6, .sdps-grid-fluid .sdps-row > .col--offset-6, .sdps-grid-fluid > .col--offset-6, .sdps-row > .col--offset-6 { margin-left: 50%; } .col-full .sdps-row > .col--offset-7, .col-m-full .sdps-row > .col--offset-7, .col-s-full .sdps-row > .col--offset-7, .sdps-grid-container .sdps-row > .col--offset-7, .sdps-grid-container > .col--offset-7, .sdps-grid-fluid .sdps-row > .col--offset-7, .sdps-grid-fluid > .col--offset-7, .sdps-row > .col--offset-7 { margin-left: calc(58.3333%); } .col-full .sdps-row > .col--offset-8, .col-m-full .sdps-row > .col--offset-8, .col-s-full .sdps-row > .col--offset-8, .sdps-grid-container .sdps-row > .col--offset-8, .sdps-grid-container > .col--offset-8, .sdps-grid-fluid .sdps-row > .col--offset-8, .sdps-grid-fluid > .col--offset-8, .sdps-row > .col--offset-8 { margin-left: calc(66.6667%); } .col-full .sdps-row > .col--offset-9, .col-m-full .sdps-row > .col--offset-9, .col-s-full .sdps-row > .col--offset-9, .sdps-grid-container .sdps-row > .col--offset-9, .sdps-grid-container > .col--offset-9, .sdps-grid-fluid .sdps-row > .col--offset-9, .sdps-grid-fluid > .col--offset-9, .sdps-row > .col--offset-9 { margin-left: 75%; } .col-full .sdps-row > .col--offset-10, .col-m-full .sdps-row > .col--offset-10, .col-s-full .sdps-row > .col--offset-10, .sdps-grid-container .sdps-row > .col--offset-10, .sdps-grid-container > .col--offset-10, .sdps-grid-fluid .sdps-row > .col--offset-10, .sdps-grid-fluid > .col--offset-10, .sdps-row > .col--offset-10 { margin-left: calc(83.3333%); } .col-full .sdps-row > .col--offset-11, .col-m-full .sdps-row > .col--offset-11, .col-s-full .sdps-row > .col--offset-11, .sdps-grid-container .sdps-row > .col--offset-11, .sdps-grid-container > .col--offset-11, .sdps-grid-fluid .sdps-row > .col--offset-11, .sdps-grid-fluid > .col--offset-11, .sdps-row > .col--offset-11 { margin-left: calc(91.6667%); } .col-full .sdps-row > .col--order-1, .col-m-full .sdps-row > .col--order-1, .col-s-full .sdps-row > .col--order-1, .sdps-grid-container .sdps-row > .col--order-1, .sdps-grid-container > .col--order-1, .sdps-grid-fluid .sdps-row > .col--order-1, .sdps-grid-fluid > .col--order-1, .sdps-row > .col--order-1 { order: 1; } .col-full .sdps-row > .col--order-2, .col-m-full .sdps-row > .col--order-2, .col-s-full .sdps-row > .col--order-2, .sdps-grid-container .sdps-row > .col--order-2, .sdps-grid-container > .col--order-2, .sdps-grid-fluid .sdps-row > .col--order-2, .sdps-grid-fluid > .col--order-2, .sdps-row > .col--order-2 { order: 2; } .col-full .sdps-row > .col--order-3, .col-m-full .sdps-row > .col--order-3, .col-s-full .sdps-row > .col--order-3, .sdps-grid-container .sdps-row > .col--order-3, .sdps-grid-container > .col--order-3, .sdps-grid-fluid .sdps-row > .col--order-3, .sdps-grid-fluid > .col--order-3, .sdps-row > .col--order-3 { order: 3; } .col-full .sdps-row > .col--order-4, .col-m-full .sdps-row > .col--order-4, .col-s-full .sdps-row > .col--order-4, .sdps-grid-container .sdps-row > .col--order-4, .sdps-grid-container > .col--order-4, .sdps-grid-fluid .sdps-row > .col--order-4, .sdps-grid-fluid > .col--order-4, .sdps-row > .col--order-4 { order: 4; } .col-full .sdps-row > .col--order-5, .col-m-full .sdps-row > .col--order-5, .col-s-full .sdps-row > .col--order-5, .sdps-grid-container .sdps-row > .col--order-5, .sdps-grid-container > .col--order-5, .sdps-grid-fluid .sdps-row > .col--order-5, .sdps-grid-fluid > .col--order-5, .sdps-row > .col--order-5 { order: 5; } .col-full .sdps-row > .col--order-6, .col-m-full .sdps-row > .col--order-6, .col-s-full .sdps-row > .col--order-6, .sdps-grid-container .sdps-row > .col--order-6, .sdps-grid-container > .col--order-6, .sdps-grid-fluid .sdps-row > .col--order-6, .sdps-grid-fluid > .col--order-6, .sdps-row > .col--order-6 { order: 6; } .col-full .sdps-row > .col--order-7, .col-m-full .sdps-row > .col--order-7, .col-s-full .sdps-row > .col--order-7, .sdps-grid-container .sdps-row > .col--order-7, .sdps-grid-container > .col--order-7, .sdps-grid-fluid .sdps-row > .col--order-7, .sdps-grid-fluid > .col--order-7, .sdps-row > .col--order-7 { order: 7; } .col-full .sdps-row > .col--order-8, .col-m-full .sdps-row > .col--order-8, .col-s-full .sdps-row > .col--order-8, .sdps-grid-container .sdps-row > .col--order-8, .sdps-grid-container > .col--order-8, .sdps-grid-fluid .sdps-row > .col--order-8, .sdps-grid-fluid > .col--order-8, .sdps-row > .col--order-8 { order: 8; } .col-full .sdps-row > .col--order-9, .col-m-full .sdps-row > .col--order-9, .col-s-full .sdps-row > .col--order-9, .sdps-grid-container .sdps-row > .col--order-9, .sdps-grid-container > .col--order-9, .sdps-grid-fluid .sdps-row > .col--order-9, .sdps-grid-fluid > .col--order-9, .sdps-row > .col--order-9 { order: 9; } .col-full .sdps-row > .col--order-10, .col-m-full .sdps-row > .col--order-10, .col-s-full .sdps-row > .col--order-10, .sdps-grid-container .sdps-row > .col--order-10, .sdps-grid-container > .col--order-10, .sdps-grid-fluid .sdps-row > .col--order-10, .sdps-grid-fluid > .col--order-10, .sdps-row > .col--order-10 { order: 10; } .col-full .sdps-row > .col--order-11, .col-m-full .sdps-row > .col--order-11, .col-s-full .sdps-row > .col--order-11, .sdps-grid-container .sdps-row > .col--order-11, .sdps-grid-container > .col--order-11, .sdps-grid-fluid .sdps-row > .col--order-11, .sdps-grid-fluid > .col--order-11, .sdps-row > .col--order-11 { order: 11; } .col-full .sdps-row > .col--order-12, .col-m-full .sdps-row > .col--order-12, .col-s-full .sdps-row > .col--order-12, .sdps-grid-container .sdps-row > .col--order-12, .sdps-grid-container > .col--order-12, .sdps-grid-fluid .sdps-row > .col--order-12, .sdps-grid-fluid > .col--order-12, .sdps-row > .col--order-12 { order: 12; } .col-full .sdps-row > .col--hidden, .col-m-full .sdps-row > .col--hidden, .col-s-full .sdps-row > .col--hidden, .sdps-grid-container .sdps-row > .col--hidden, .sdps-grid-container > .col--hidden, .sdps-grid-fluid .sdps-row > .col--hidden, .sdps-grid-fluid > .col--hidden, .sdps-row > .col--hidden { visibility: hidden; display: none; } .col-full .sdps-row > .col--visible, .col-m-full .sdps-row > .col--visible, .col-s-full .sdps-row > .col--visible, .sdps-grid-container .sdps-row > .col--visible, .sdps-grid-container > .col--visible, .sdps-grid-fluid .sdps-row > .col--visible, .sdps-grid-fluid > .col--visible, .sdps-row > .col--visible { display: flex; visibility: visible; } .col-full .sdps-row > .col--align-center, .col-m-full .sdps-row > .col--align-center, .col-s-full .sdps-row > .col--align-center, .sdps-grid-container .sdps-row > .col--align-center, .sdps-grid-container > .col--align-center, .sdps-grid-fluid .sdps-row > .col--align-center, .sdps-grid-fluid > .col--align-center, .sdps-row > .col--align-center { align-self: center; } .col-full .sdps-row > .col--align-bottom, .col-m-full .sdps-row > .col--align-bottom, .col-s-full .sdps-row > .col--align-bottom, .sdps-grid-container .sdps-row > .col--align-bottom, .sdps-grid-container > .col--align-bottom, .sdps-grid-fluid .sdps-row > .col--align-bottom, .sdps-grid-fluid > .col--align-bottom, .sdps-row > .col--align-bottom { align-self: flex-end; } .col-full .sdps-row > .col--align-stretch, .col-m-full .sdps-row > .col--align-stretch, .col-s-full .sdps-row > .col--align-stretch, .sdps-grid-container .sdps-row > .col--align-stretch, .sdps-grid-container > .col--align-stretch, .sdps-grid-fluid .sdps-row > .col--align-stretch, .sdps-grid-fluid > .col--align-stretch, .sdps-row > .col--align-stretch { align-self: stretch; } .col-full .sdps-row > [class*="col"], .col-m-full .sdps-row > [class*="col"], .col-s-full .sdps-row > [class*="col"], .sdps-grid-container .sdps-row > [class*="col"], .sdps-grid-container > [class*="col"], .sdps-grid-fluid .sdps-row > [class*="col"], .sdps-grid-fluid > [class*="col"], .sdps-row > [class*="col"] { padding-left: 12px; padding-right: 12px; align-items: flex-start; min-width: 0px; position: relative; } .col-full .sdps-row > .col-content, .col-m-full .sdps-row > .col-content, .col-s-full .sdps-row > .col-content, .sdps-grid-container .sdps-row > .col-content, .sdps-grid-container > .col-content, .sdps-grid-fluid .sdps-row > .col-content, .sdps-grid-fluid > .col-content, .sdps-row > .col-content { flex: inherit; } .sdps-wrap { flex-wrap: wrap; align-items: flex-start; align-content: flex-start; } .sdps-no-wrap { flex: 1 1 auto; flex-wrap: nowrap; align-items: stretch; } @media (min-width: 1440px) { .sdps-grid-container.padded, .sdps-grid-container.sdps-grid-container--is-padded, .sdps-grid.padded { margin-left: 96px; } } @media (min-width: 1279px 1) { .sdps-grid-container { margin: 0px 12px; } .col-full .sdps-row > [class*="col"], .col-m-full .sdps-row > [class*="col"], .col-s-full .sdps-row > [class*="col"], .sdps-grid-container .sdps-row > [class*="col"], .sdps-grid-container > [class*="col"], .sdps-grid-fluid .sdps-row > [class*="col"], .sdps-grid-fluid > [class*="col"], .sdps-row > [class*="col"] { padding-left: 12px; padding-right: 12px; } } @media (max-width: 1279px) { .sdps-grid-container { margin: 0px 8px; } .sdps-grid-fluid { width: calc(100% + 16px); margin: 0px -8px; } .col-full .sdps-row > [class*="col"], .col-m-full .sdps-row > [class*="col"], .col-s-full .sdps-row > [class*="col"], .sdps-grid-container .sdps-row > [class*="col"], .sdps-grid-container > [class*="col"], .sdps-grid-fluid .sdps-row > [class*="col"], .sdps-grid-fluid > [class*="col"], .sdps-row > [class*="col"] { padding-left: 8px; padding-right: 8px; } } @media (max-width: 1023px) { .sdps-grid-container .sdps-row > .col-m-1, .sdps-grid-container > .col-m-1, .sdps-grid-fluid .sdps-row > .col-m-1, .sdps-grid-fluid > .col-m-1, .sdps-row > .col-m-1, [class*="col"] .sdps-row > .col-m-1 { width: calc(8.33333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-1.centered, .sdps-grid-container > .col-m-1.centered, .sdps-grid-fluid .sdps-row > .col-m-1.centered, .sdps-grid-fluid > .col-m-1.centered, .sdps-row > .col-m-1.centered, [class*="col"] .sdps-row > .col-m-1.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-2, .sdps-grid-container > .col-m-2, .sdps-grid-fluid .sdps-row > .col-m-2, .sdps-grid-fluid > .col-m-2, .sdps-row > .col-m-2, [class*="col"] .sdps-row > .col-m-2 { width: calc(16.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-2.centered, .sdps-grid-container > .col-m-2.centered, .sdps-grid-fluid .sdps-row > .col-m-2.centered, .sdps-grid-fluid > .col-m-2.centered, .sdps-row > .col-m-2.centered, [class*="col"] .sdps-row > .col-m-2.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-3, .sdps-grid-container > .col-m-3, .sdps-grid-fluid .sdps-row > .col-m-3, .sdps-grid-fluid > .col-m-3, .sdps-row > .col-m-3, [class*="col"] .sdps-row > .col-m-3 { width: calc(25% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-3.centered, .sdps-grid-container > .col-m-3.centered, .sdps-grid-fluid .sdps-row > .col-m-3.centered, .sdps-grid-fluid > .col-m-3.centered, .sdps-row > .col-m-3.centered, [class*="col"] .sdps-row > .col-m-3.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-4, .sdps-grid-container > .col-m-4, .sdps-grid-fluid .sdps-row > .col-m-4, .sdps-grid-fluid > .col-m-4, .sdps-row > .col-m-4, [class*="col"] .sdps-row > .col-m-4 { width: calc(33.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-4.centered, .sdps-grid-container > .col-m-4.centered, .sdps-grid-fluid .sdps-row > .col-m-4.centered, .sdps-grid-fluid > .col-m-4.centered, .sdps-row > .col-m-4.centered, [class*="col"] .sdps-row > .col-m-4.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-5, .sdps-grid-container > .col-m-5, .sdps-grid-fluid .sdps-row > .col-m-5, .sdps-grid-fluid > .col-m-5, .sdps-row > .col-m-5, [class*="col"] .sdps-row > .col-m-5 { width: calc(41.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-5.centered, .sdps-grid-container > .col-m-5.centered, .sdps-grid-fluid .sdps-row > .col-m-5.centered, .sdps-grid-fluid > .col-m-5.centered, .sdps-row > .col-m-5.centered, [class*="col"] .sdps-row > .col-m-5.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-6, .sdps-grid-container > .col-m-6, .sdps-grid-fluid .sdps-row > .col-m-6, .sdps-grid-fluid > .col-m-6, .sdps-row > .col-m-6, [class*="col"] .sdps-row > .col-m-6 { width: calc(50% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-6.centered, .sdps-grid-container > .col-m-6.centered, .sdps-grid-fluid .sdps-row > .col-m-6.centered, .sdps-grid-fluid > .col-m-6.centered, .sdps-row > .col-m-6.centered, [class*="col"] .sdps-row > .col-m-6.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-7, .sdps-grid-container > .col-m-7, .sdps-grid-fluid .sdps-row > .col-m-7, .sdps-grid-fluid > .col-m-7, .sdps-row > .col-m-7, [class*="col"] .sdps-row > .col-m-7 { width: calc(58.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-7.centered, .sdps-grid-container > .col-m-7.centered, .sdps-grid-fluid .sdps-row > .col-m-7.centered, .sdps-grid-fluid > .col-m-7.centered, .sdps-row > .col-m-7.centered, [class*="col"] .sdps-row > .col-m-7.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-8, .sdps-grid-container > .col-m-8, .sdps-grid-fluid .sdps-row > .col-m-8, .sdps-grid-fluid > .col-m-8, .sdps-row > .col-m-8, [class*="col"] .sdps-row > .col-m-8 { width: calc(66.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-8.centered, .sdps-grid-container > .col-m-8.centered, .sdps-grid-fluid .sdps-row > .col-m-8.centered, .sdps-grid-fluid > .col-m-8.centered, .sdps-row > .col-m-8.centered, [class*="col"] .sdps-row > .col-m-8.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-9, .sdps-grid-container > .col-m-9, .sdps-grid-fluid .sdps-row > .col-m-9, .sdps-grid-fluid > .col-m-9, .sdps-row > .col-m-9, [class*="col"] .sdps-row > .col-m-9 { width: calc(75% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-9.centered, .sdps-grid-container > .col-m-9.centered, .sdps-grid-fluid .sdps-row > .col-m-9.centered, .sdps-grid-fluid > .col-m-9.centered, .sdps-row > .col-m-9.centered, [class*="col"] .sdps-row > .col-m-9.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-10, .sdps-grid-container > .col-m-10, .sdps-grid-fluid .sdps-row > .col-m-10, .sdps-grid-fluid > .col-m-10, .sdps-row > .col-m-10, [class*="col"] .sdps-row > .col-m-10 { width: calc(83.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-10.centered, .sdps-grid-container > .col-m-10.centered, .sdps-grid-fluid .sdps-row > .col-m-10.centered, .sdps-grid-fluid > .col-m-10.centered, .sdps-row > .col-m-10.centered, [class*="col"] .sdps-row > .col-m-10.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-11, .sdps-grid-container > .col-m-11, .sdps-grid-fluid .sdps-row > .col-m-11, .sdps-grid-fluid > .col-m-11, .sdps-row > .col-m-11, [class*="col"] .sdps-row > .col-m-11 { width: calc(91.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m-11.centered, .sdps-grid-container > .col-m-11.centered, .sdps-grid-fluid .sdps-row > .col-m-11.centered, .sdps-grid-fluid > .col-m-11.centered, .sdps-row > .col-m-11.centered, [class*="col"] .sdps-row > .col-m-11.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-m-full, .sdps-grid-container > .col-m-full, .sdps-grid-fluid .sdps-row > .col-m-full, .sdps-grid-fluid > .col-m-full, .sdps-row > .col-m-full, [class*="col"] .sdps-row > .col-m-full { width: calc(100% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-m--offset-0, .sdps-grid-container > .col-m--offset-0, .sdps-grid-fluid .sdps-row > .col-m--offset-0, .sdps-grid-fluid > .col-m--offset-0, .sdps-row > .col-m--offset-0, [class*="col"] .sdps-row > .col-m--offset-0 { margin-left: 0%; } .sdps-grid-container .sdps-row > .col-m--offset-1, .sdps-grid-container > .col-m--offset-1, .sdps-grid-fluid .sdps-row > .col-m--offset-1, .sdps-grid-fluid > .col-m--offset-1, .sdps-row > .col-m--offset-1, [class*="col"] .sdps-row > .col-m--offset-1 { margin-left: calc(8.33333%); } .sdps-grid-container .sdps-row > .col-m--offset-2, .sdps-grid-container > .col-m--offset-2, .sdps-grid-fluid .sdps-row > .col-m--offset-2, .sdps-grid-fluid > .col-m--offset-2, .sdps-row > .col-m--offset-2, [class*="col"] .sdps-row > .col-m--offset-2 { margin-left: calc(16.6667%); } .sdps-grid-container .sdps-row > .col-m--offset-3, .sdps-grid-container > .col-m--offset-3, .sdps-grid-fluid .sdps-row > .col-m--offset-3, .sdps-grid-fluid > .col-m--offset-3, .sdps-row > .col-m--offset-3, [class*="col"] .sdps-row > .col-m--offset-3 { margin-left: 25%; } .sdps-grid-container .sdps-row > .col-m--offset-4, .sdps-grid-container > .col-m--offset-4, .sdps-grid-fluid .sdps-row > .col-m--offset-4, .sdps-grid-fluid > .col-m--offset-4, .sdps-row > .col-m--offset-4, [class*="col"] .sdps-row > .col-m--offset-4 { margin-left: calc(33.3333%); } .sdps-grid-container .sdps-row > .col-m--offset-5, .sdps-grid-container > .col-m--offset-5, .sdps-grid-fluid .sdps-row > .col-m--offset-5, .sdps-grid-fluid > .col-m--offset-5, .sdps-row > .col-m--offset-5, [class*="col"] .sdps-row > .col-m--offset-5 { margin-left: calc(41.6667%); } .sdps-grid-container .sdps-row > .col-m--offset-6, .sdps-grid-container > .col-m--offset-6, .sdps-grid-fluid .sdps-row > .col-m--offset-6, .sdps-grid-fluid > .col-m--offset-6, .sdps-row > .col-m--offset-6, [class*="col"] .sdps-row > .col-m--offset-6 { margin-left: 50%; } .sdps-grid-container .sdps-row > .col-m--offset-7, .sdps-grid-container > .col-m--offset-7, .sdps-grid-fluid .sdps-row > .col-m--offset-7, .sdps-grid-fluid > .col-m--offset-7, .sdps-row > .col-m--offset-7, [class*="col"] .sdps-row > .col-m--offset-7 { margin-left: calc(58.3333%); } .sdps-grid-container .sdps-row > .col-m--offset-8, .sdps-grid-container > .col-m--offset-8, .sdps-grid-fluid .sdps-row > .col-m--offset-8, .sdps-grid-fluid > .col-m--offset-8, .sdps-row > .col-m--offset-8, [class*="col"] .sdps-row > .col-m--offset-8 { margin-left: calc(66.6667%); } .sdps-grid-container .sdps-row > .col-m--offset-9, .sdps-grid-container > .col-m--offset-9, .sdps-grid-fluid .sdps-row > .col-m--offset-9, .sdps-grid-fluid > .col-m--offset-9, .sdps-row > .col-m--offset-9, [class*="col"] .sdps-row > .col-m--offset-9 { margin-left: 75%; } .sdps-grid-container .sdps-row > .col-m--offset-10, .sdps-grid-container > .col-m--offset-10, .sdps-grid-fluid .sdps-row > .col-m--offset-10, .sdps-grid-fluid > .col-m--offset-10, .sdps-row > .col-m--offset-10, [class*="col"] .sdps-row > .col-m--offset-10 { margin-left: calc(83.3333%); } .sdps-grid-container .sdps-row > .col-m--offset-11, .sdps-grid-container > .col-m--offset-11, .sdps-grid-fluid .sdps-row > .col-m--offset-11, .sdps-grid-fluid > .col-m--offset-11, .sdps-row > .col-m--offset-11, [class*="col"] .sdps-row > .col-m--offset-11 { margin-left: calc(91.6667%); } .sdps-grid-container .sdps-row > .col-m--order-1, .sdps-grid-container > .col-m--order-1, .sdps-grid-fluid .sdps-row > .col-m--order-1, .sdps-grid-fluid > .col-m--order-1, .sdps-row > .col-m--order-1, [class*="col"] .sdps-row > .col-m--order-1 { order: 1; } .sdps-grid-container .sdps-row > .col-m--order-2, .sdps-grid-container > .col-m--order-2, .sdps-grid-fluid .sdps-row > .col-m--order-2, .sdps-grid-fluid > .col-m--order-2, .sdps-row > .col-m--order-2, [class*="col"] .sdps-row > .col-m--order-2 { order: 2; } .sdps-grid-container .sdps-row > .col-m--order-3, .sdps-grid-container > .col-m--order-3, .sdps-grid-fluid .sdps-row > .col-m--order-3, .sdps-grid-fluid > .col-m--order-3, .sdps-row > .col-m--order-3, [class*="col"] .sdps-row > .col-m--order-3 { order: 3; } .sdps-grid-container .sdps-row > .col-m--order-4, .sdps-grid-container > .col-m--order-4, .sdps-grid-fluid .sdps-row > .col-m--order-4, .sdps-grid-fluid > .col-m--order-4, .sdps-row > .col-m--order-4, [class*="col"] .sdps-row > .col-m--order-4 { order: 4; } .sdps-grid-container .sdps-row > .col-m--order-5, .sdps-grid-container > .col-m--order-5, .sdps-grid-fluid .sdps-row > .col-m--order-5, .sdps-grid-fluid > .col-m--order-5, .sdps-row > .col-m--order-5, [class*="col"] .sdps-row > .col-m--order-5 { order: 5; } .sdps-grid-container .sdps-row > .col-m--order-6, .sdps-grid-container > .col-m--order-6, .sdps-grid-fluid .sdps-row > .col-m--order-6, .sdps-grid-fluid > .col-m--order-6, .sdps-row > .col-m--order-6, [class*="col"] .sdps-row > .col-m--order-6 { order: 6; } .sdps-grid-container .sdps-row > .col-m--order-7, .sdps-grid-container > .col-m--order-7, .sdps-grid-fluid .sdps-row > .col-m--order-7, .sdps-grid-fluid > .col-m--order-7, .sdps-row > .col-m--order-7, [class*="col"] .sdps-row > .col-m--order-7 { order: 7; } .sdps-grid-container .sdps-row > .col-m--order-8, .sdps-grid-container > .col-m--order-8, .sdps-grid-fluid .sdps-row > .col-m--order-8, .sdps-grid-fluid > .col-m--order-8, .sdps-row > .col-m--order-8, [class*="col"] .sdps-row > .col-m--order-8 { order: 8; } .sdps-grid-container .sdps-row > .col-m--order-9, .sdps-grid-container > .col-m--order-9, .sdps-grid-fluid .sdps-row > .col-m--order-9, .sdps-grid-fluid > .col-m--order-9, .sdps-row > .col-m--order-9, [class*="col"] .sdps-row > .col-m--order-9 { order: 9; } .sdps-grid-container .sdps-row > .col-m--order-10, .sdps-grid-container > .col-m--order-10, .sdps-grid-fluid .sdps-row > .col-m--order-10, .sdps-grid-fluid > .col-m--order-10, .sdps-row > .col-m--order-10, [class*="col"] .sdps-row > .col-m--order-10 { order: 10; } .sdps-grid-container .sdps-row > .col-m--order-11, .sdps-grid-container > .col-m--order-11, .sdps-grid-fluid .sdps-row > .col-m--order-11, .sdps-grid-fluid > .col-m--order-11, .sdps-row > .col-m--order-11, [class*="col"] .sdps-row > .col-m--order-11 { order: 11; } .sdps-grid-container .sdps-row > .col-m--order-12, .sdps-grid-container > .col-m--order-12, .sdps-grid-fluid .sdps-row > .col-m--order-12, .sdps-grid-fluid > .col-m--order-12, .sdps-row > .col-m--order-12, [class*="col"] .sdps-row > .col-m--order-12 { order: 12; } .sdps-grid-container .sdps-row > .col-m--hidden, .sdps-grid-container > .col-m--hidden, .sdps-grid-fluid .sdps-row > .col-m--hidden, .sdps-grid-fluid > .col-m--hidden, .sdps-row > .col-m--hidden, [class*="col"] .sdps-row > .col-m--hidden { visibility: hidden; display: none; } .sdps-grid-container .sdps-row > .col-m--visible, .sdps-grid-container > .col-m--visible, .sdps-grid-fluid .sdps-row > .col-m--visible, .sdps-grid-fluid > .col-m--visible, .sdps-row > .col-m--visible, [class*="col"] .sdps-row > .col-m--visible { display: flex; visibility: visible; } .sdps-grid-container .sdps-row > .col-m--align-center, .sdps-grid-container > .col-m--align-center, .sdps-grid-fluid .sdps-row > .col-m--align-center, .sdps-grid-fluid > .col-m--align-center, .sdps-row > .col-m--align-center, [class*="col"] .sdps-row > .col-m--align-center { align-self: center; } .sdps-grid-container .sdps-row > .col-m--align-bottom, .sdps-grid-container > .col-m--align-bottom, .sdps-grid-fluid .sdps-row > .col-m--align-bottom, .sdps-grid-fluid > .col-m--align-bottom, .sdps-row > .col-m--align-bottom, [class*="col"] .sdps-row > .col-m--align-bottom { align-self: flex-end; } .sdps-grid-container .sdps-row > .col-m--align-stretch, .sdps-grid-container > .col-m--align-stretch, .sdps-grid-fluid .sdps-row > .col-m--align-stretch, .sdps-grid-fluid > .col-m--align-stretch, .sdps-row > .col-m--align-stretch, [class*="col"] .sdps-row > .col-m--align-stretch { align-self: stretch; } } @media (max-width: 767px) { .sdps-grid-container .sdps-row > .col-s-1, .sdps-grid-container > .col-s-1, .sdps-grid-fluid .sdps-row > .col-s-1, .sdps-grid-fluid > .col-s-1, .sdps-row > .col-s-1, [class*="col"] .sdps-row > .col-s-1 { width: calc(8.33333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-1.centered, .sdps-grid-container > .col-s-1.centered, .sdps-grid-fluid .sdps-row > .col-s-1.centered, .sdps-grid-fluid > .col-s-1.centered, .sdps-row > .col-s-1.centered, [class*="col"] .sdps-row > .col-s-1.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-2, .sdps-grid-container > .col-s-2, .sdps-grid-fluid .sdps-row > .col-s-2, .sdps-grid-fluid > .col-s-2, .sdps-row > .col-s-2, [class*="col"] .sdps-row > .col-s-2 { width: calc(16.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-2.centered, .sdps-grid-container > .col-s-2.centered, .sdps-grid-fluid .sdps-row > .col-s-2.centered, .sdps-grid-fluid > .col-s-2.centered, .sdps-row > .col-s-2.centered, [class*="col"] .sdps-row > .col-s-2.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-3, .sdps-grid-container > .col-s-3, .sdps-grid-fluid .sdps-row > .col-s-3, .sdps-grid-fluid > .col-s-3, .sdps-row > .col-s-3, [class*="col"] .sdps-row > .col-s-3 { width: calc(25% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-3.centered, .sdps-grid-container > .col-s-3.centered, .sdps-grid-fluid .sdps-row > .col-s-3.centered, .sdps-grid-fluid > .col-s-3.centered, .sdps-row > .col-s-3.centered, [class*="col"] .sdps-row > .col-s-3.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-4, .sdps-grid-container > .col-s-4, .sdps-grid-fluid .sdps-row > .col-s-4, .sdps-grid-fluid > .col-s-4, .sdps-row > .col-s-4, [class*="col"] .sdps-row > .col-s-4 { width: calc(33.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-4.centered, .sdps-grid-container > .col-s-4.centered, .sdps-grid-fluid .sdps-row > .col-s-4.centered, .sdps-grid-fluid > .col-s-4.centered, .sdps-row > .col-s-4.centered, [class*="col"] .sdps-row > .col-s-4.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-5, .sdps-grid-container > .col-s-5, .sdps-grid-fluid .sdps-row > .col-s-5, .sdps-grid-fluid > .col-s-5, .sdps-row > .col-s-5, [class*="col"] .sdps-row > .col-s-5 { width: calc(41.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-5.centered, .sdps-grid-container > .col-s-5.centered, .sdps-grid-fluid .sdps-row > .col-s-5.centered, .sdps-grid-fluid > .col-s-5.centered, .sdps-row > .col-s-5.centered, [class*="col"] .sdps-row > .col-s-5.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-6, .sdps-grid-container > .col-s-6, .sdps-grid-fluid .sdps-row > .col-s-6, .sdps-grid-fluid > .col-s-6, .sdps-row > .col-s-6, [class*="col"] .sdps-row > .col-s-6 { width: calc(50% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-6.centered, .sdps-grid-container > .col-s-6.centered, .sdps-grid-fluid .sdps-row > .col-s-6.centered, .sdps-grid-fluid > .col-s-6.centered, .sdps-row > .col-s-6.centered, [class*="col"] .sdps-row > .col-s-6.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-7, .sdps-grid-container > .col-s-7, .sdps-grid-fluid .sdps-row > .col-s-7, .sdps-grid-fluid > .col-s-7, .sdps-row > .col-s-7, [class*="col"] .sdps-row > .col-s-7 { width: calc(58.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-7.centered, .sdps-grid-container > .col-s-7.centered, .sdps-grid-fluid .sdps-row > .col-s-7.centered, .sdps-grid-fluid > .col-s-7.centered, .sdps-row > .col-s-7.centered, [class*="col"] .sdps-row > .col-s-7.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-8, .sdps-grid-container > .col-s-8, .sdps-grid-fluid .sdps-row > .col-s-8, .sdps-grid-fluid > .col-s-8, .sdps-row > .col-s-8, [class*="col"] .sdps-row > .col-s-8 { width: calc(66.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-8.centered, .sdps-grid-container > .col-s-8.centered, .sdps-grid-fluid .sdps-row > .col-s-8.centered, .sdps-grid-fluid > .col-s-8.centered, .sdps-row > .col-s-8.centered, [class*="col"] .sdps-row > .col-s-8.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-9, .sdps-grid-container > .col-s-9, .sdps-grid-fluid .sdps-row > .col-s-9, .sdps-grid-fluid > .col-s-9, .sdps-row > .col-s-9, [class*="col"] .sdps-row > .col-s-9 { width: calc(75% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-9.centered, .sdps-grid-container > .col-s-9.centered, .sdps-grid-fluid .sdps-row > .col-s-9.centered, .sdps-grid-fluid > .col-s-9.centered, .sdps-row > .col-s-9.centered, [class*="col"] .sdps-row > .col-s-9.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-10, .sdps-grid-container > .col-s-10, .sdps-grid-fluid .sdps-row > .col-s-10, .sdps-grid-fluid > .col-s-10, .sdps-row > .col-s-10, [class*="col"] .sdps-row > .col-s-10 { width: calc(83.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-10.centered, .sdps-grid-container > .col-s-10.centered, .sdps-grid-fluid .sdps-row > .col-s-10.centered, .sdps-grid-fluid > .col-s-10.centered, .sdps-row > .col-s-10.centered, [class*="col"] .sdps-row > .col-s-10.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-11, .sdps-grid-container > .col-s-11, .sdps-grid-fluid .sdps-row > .col-s-11, .sdps-grid-fluid > .col-s-11, .sdps-row > .col-s-11, [class*="col"] .sdps-row > .col-s-11 { width: calc(91.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s-11.centered, .sdps-grid-container > .col-s-11.centered, .sdps-grid-fluid .sdps-row > .col-s-11.centered, .sdps-grid-fluid > .col-s-11.centered, .sdps-row > .col-s-11.centered, [class*="col"] .sdps-row > .col-s-11.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-s-full, .sdps-grid-container > .col-s-full, .sdps-grid-fluid .sdps-row > .col-s-full, .sdps-grid-fluid > .col-s-full, .sdps-row > .col-s-full, [class*="col"] .sdps-row > .col-s-full { width: calc(100% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-s--offset-0, .sdps-grid-container > .col-s--offset-0, .sdps-grid-fluid .sdps-row > .col-s--offset-0, .sdps-grid-fluid > .col-s--offset-0, .sdps-row > .col-s--offset-0, [class*="col"] .sdps-row > .col-s--offset-0 { margin-left: 0%; } .sdps-grid-container .sdps-row > .col-s--offset-1, .sdps-grid-container > .col-s--offset-1, .sdps-grid-fluid .sdps-row > .col-s--offset-1, .sdps-grid-fluid > .col-s--offset-1, .sdps-row > .col-s--offset-1, [class*="col"] .sdps-row > .col-s--offset-1 { margin-left: calc(8.33333%); } .sdps-grid-container .sdps-row > .col-s--offset-2, .sdps-grid-container > .col-s--offset-2, .sdps-grid-fluid .sdps-row > .col-s--offset-2, .sdps-grid-fluid > .col-s--offset-2, .sdps-row > .col-s--offset-2, [class*="col"] .sdps-row > .col-s--offset-2 { margin-left: calc(16.6667%); } .sdps-grid-container .sdps-row > .col-s--offset-3, .sdps-grid-container > .col-s--offset-3, .sdps-grid-fluid .sdps-row > .col-s--offset-3, .sdps-grid-fluid > .col-s--offset-3, .sdps-row > .col-s--offset-3, [class*="col"] .sdps-row > .col-s--offset-3 { margin-left: 25%; } .sdps-grid-container .sdps-row > .col-s--offset-4, .sdps-grid-container > .col-s--offset-4, .sdps-grid-fluid .sdps-row > .col-s--offset-4, .sdps-grid-fluid > .col-s--offset-4, .sdps-row > .col-s--offset-4, [class*="col"] .sdps-row > .col-s--offset-4 { margin-left: calc(33.3333%); } .sdps-grid-container .sdps-row > .col-s--offset-5, .sdps-grid-container > .col-s--offset-5, .sdps-grid-fluid .sdps-row > .col-s--offset-5, .sdps-grid-fluid > .col-s--offset-5, .sdps-row > .col-s--offset-5, [class*="col"] .sdps-row > .col-s--offset-5 { margin-left: calc(41.6667%); } .sdps-grid-container .sdps-row > .col-s--offset-6, .sdps-grid-container > .col-s--offset-6, .sdps-grid-fluid .sdps-row > .col-s--offset-6, .sdps-grid-fluid > .col-s--offset-6, .sdps-row > .col-s--offset-6, [class*="col"] .sdps-row > .col-s--offset-6 { margin-left: 50%; } .sdps-grid-container .sdps-row > .col-s--offset-7, .sdps-grid-container > .col-s--offset-7, .sdps-grid-fluid .sdps-row > .col-s--offset-7, .sdps-grid-fluid > .col-s--offset-7, .sdps-row > .col-s--offset-7, [class*="col"] .sdps-row > .col-s--offset-7 { margin-left: calc(58.3333%); } .sdps-grid-container .sdps-row > .col-s--offset-8, .sdps-grid-container > .col-s--offset-8, .sdps-grid-fluid .sdps-row > .col-s--offset-8, .sdps-grid-fluid > .col-s--offset-8, .sdps-row > .col-s--offset-8, [class*="col"] .sdps-row > .col-s--offset-8 { margin-left: calc(66.6667%); } .sdps-grid-container .sdps-row > .col-s--offset-9, .sdps-grid-container > .col-s--offset-9, .sdps-grid-fluid .sdps-row > .col-s--offset-9, .sdps-grid-fluid > .col-s--offset-9, .sdps-row > .col-s--offset-9, [class*="col"] .sdps-row > .col-s--offset-9 { margin-left: 75%; } .sdps-grid-container .sdps-row > .col-s--offset-10, .sdps-grid-container > .col-s--offset-10, .sdps-grid-fluid .sdps-row > .col-s--offset-10, .sdps-grid-fluid > .col-s--offset-10, .sdps-row > .col-s--offset-10, [class*="col"] .sdps-row > .col-s--offset-10 { margin-left: calc(83.3333%); } .sdps-grid-container .sdps-row > .col-s--offset-11, .sdps-grid-container > .col-s--offset-11, .sdps-grid-fluid .sdps-row > .col-s--offset-11, .sdps-grid-fluid > .col-s--offset-11, .sdps-row > .col-s--offset-11, [class*="col"] .sdps-row > .col-s--offset-11 { margin-left: calc(91.6667%); } .sdps-grid-container .sdps-row > .col-s--order-1, .sdps-grid-container > .col-s--order-1, .sdps-grid-fluid .sdps-row > .col-s--order-1, .sdps-grid-fluid > .col-s--order-1, .sdps-row > .col-s--order-1, [class*="col"] .sdps-row > .col-s--order-1 { order: 1; } .sdps-grid-container .sdps-row > .col-s--order-2, .sdps-grid-container > .col-s--order-2, .sdps-grid-fluid .sdps-row > .col-s--order-2, .sdps-grid-fluid > .col-s--order-2, .sdps-row > .col-s--order-2, [class*="col"] .sdps-row > .col-s--order-2 { order: 2; } .sdps-grid-container .sdps-row > .col-s--order-3, .sdps-grid-container > .col-s--order-3, .sdps-grid-fluid .sdps-row > .col-s--order-3, .sdps-grid-fluid > .col-s--order-3, .sdps-row > .col-s--order-3, [class*="col"] .sdps-row > .col-s--order-3 { order: 3; } .sdps-grid-container .sdps-row > .col-s--order-4, .sdps-grid-container > .col-s--order-4, .sdps-grid-fluid .sdps-row > .col-s--order-4, .sdps-grid-fluid > .col-s--order-4, .sdps-row > .col-s--order-4, [class*="col"] .sdps-row > .col-s--order-4 { order: 4; } .sdps-grid-container .sdps-row > .col-s--order-5, .sdps-grid-container > .col-s--order-5, .sdps-grid-fluid .sdps-row > .col-s--order-5, .sdps-grid-fluid > .col-s--order-5, .sdps-row > .col-s--order-5, [class*="col"] .sdps-row > .col-s--order-5 { order: 5; } .sdps-grid-container .sdps-row > .col-s--order-6, .sdps-grid-container > .col-s--order-6, .sdps-grid-fluid .sdps-row > .col-s--order-6, .sdps-grid-fluid > .col-s--order-6, .sdps-row > .col-s--order-6, [class*="col"] .sdps-row > .col-s--order-6 { order: 6; } .sdps-grid-container .sdps-row > .col-s--order-7, .sdps-grid-container > .col-s--order-7, .sdps-grid-fluid .sdps-row > .col-s--order-7, .sdps-grid-fluid > .col-s--order-7, .sdps-row > .col-s--order-7, [class*="col"] .sdps-row > .col-s--order-7 { order: 7; } .sdps-grid-container .sdps-row > .col-s--order-8, .sdps-grid-container > .col-s--order-8, .sdps-grid-fluid .sdps-row > .col-s--order-8, .sdps-grid-fluid > .col-s--order-8, .sdps-row > .col-s--order-8, [class*="col"] .sdps-row > .col-s--order-8 { order: 8; } .sdps-grid-container .sdps-row > .col-s--order-9, .sdps-grid-container > .col-s--order-9, .sdps-grid-fluid .sdps-row > .col-s--order-9, .sdps-grid-fluid > .col-s--order-9, .sdps-row > .col-s--order-9, [class*="col"] .sdps-row > .col-s--order-9 { order: 9; } .sdps-grid-container .sdps-row > .col-s--order-10, .sdps-grid-container > .col-s--order-10, .sdps-grid-fluid .sdps-row > .col-s--order-10, .sdps-grid-fluid > .col-s--order-10, .sdps-row > .col-s--order-10, [class*="col"] .sdps-row > .col-s--order-10 { order: 10; } .sdps-grid-container .sdps-row > .col-s--order-11, .sdps-grid-container > .col-s--order-11, .sdps-grid-fluid .sdps-row > .col-s--order-11, .sdps-grid-fluid > .col-s--order-11, .sdps-row > .col-s--order-11, [class*="col"] .sdps-row > .col-s--order-11 { order: 11; } .sdps-grid-container .sdps-row > .col-s--order-12, .sdps-grid-container > .col-s--order-12, .sdps-grid-fluid .sdps-row > .col-s--order-12, .sdps-grid-fluid > .col-s--order-12, .sdps-row > .col-s--order-12, [class*="col"] .sdps-row > .col-s--order-12 { order: 12; } .sdps-grid-container .sdps-row > .col-s--hidden, .sdps-grid-container > .col-s--hidden, .sdps-grid-fluid .sdps-row > .col-s--hidden, .sdps-grid-fluid > .col-s--hidden, .sdps-row > .col-s--hidden, [class*="col"] .sdps-row > .col-s--hidden { visibility: hidden; display: none; } .sdps-grid-container .sdps-row > .col-s--visible, .sdps-grid-container > .col-s--visible, .sdps-grid-fluid .sdps-row > .col-s--visible, .sdps-grid-fluid > .col-s--visible, .sdps-row > .col-s--visible, [class*="col"] .sdps-row > .col-s--visible { display: flex; visibility: visible; } .sdps-grid-container .sdps-row > .col-s--align-center, .sdps-grid-container > .col-s--align-center, .sdps-grid-fluid .sdps-row > .col-s--align-center, .sdps-grid-fluid > .col-s--align-center, .sdps-row > .col-s--align-center, [class*="col"] .sdps-row > .col-s--align-center { align-self: center; } .sdps-grid-container .sdps-row > .col-s--align-bottom, .sdps-grid-container > .col-s--align-bottom, .sdps-grid-fluid .sdps-row > .col-s--align-bottom, .sdps-grid-fluid > .col-s--align-bottom, .sdps-row > .col-s--align-bottom, [class*="col"] .sdps-row > .col-s--align-bottom { align-self: flex-end; } .sdps-grid-container .sdps-row > .col-s--align-stretch, .sdps-grid-container > .col-s--align-stretch, .sdps-grid-fluid .sdps-row > .col-s--align-stretch, .sdps-grid-fluid > .col-s--align-stretch, .sdps-row > .col-s--align-stretch, [class*="col"] .sdps-row > .col-s--align-stretch { align-self: stretch; } } @media (max-width: 480px) { .sdps-grid-container .sdps-row > .col-xs-1, .sdps-grid-container > .col-xs-1, .sdps-grid-fluid .sdps-row > .col-xs-1, .sdps-grid-fluid > .col-xs-1, .sdps-row > .col-xs-1, [class*="col"] .sdps-row > .col-xs-1 { width: calc(8.33333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-1.centered, .sdps-grid-container > .col-xs-1.centered, .sdps-grid-fluid .sdps-row > .col-xs-1.centered, .sdps-grid-fluid > .col-xs-1.centered, .sdps-row > .col-xs-1.centered, [class*="col"] .sdps-row > .col-xs-1.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-2, .sdps-grid-container > .col-xs-2, .sdps-grid-fluid .sdps-row > .col-xs-2, .sdps-grid-fluid > .col-xs-2, .sdps-row > .col-xs-2, [class*="col"] .sdps-row > .col-xs-2 { width: calc(16.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-2.centered, .sdps-grid-container > .col-xs-2.centered, .sdps-grid-fluid .sdps-row > .col-xs-2.centered, .sdps-grid-fluid > .col-xs-2.centered, .sdps-row > .col-xs-2.centered, [class*="col"] .sdps-row > .col-xs-2.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-3, .sdps-grid-container > .col-xs-3, .sdps-grid-fluid .sdps-row > .col-xs-3, .sdps-grid-fluid > .col-xs-3, .sdps-row > .col-xs-3, [class*="col"] .sdps-row > .col-xs-3 { width: calc(25% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-3.centered, .sdps-grid-container > .col-xs-3.centered, .sdps-grid-fluid .sdps-row > .col-xs-3.centered, .sdps-grid-fluid > .col-xs-3.centered, .sdps-row > .col-xs-3.centered, [class*="col"] .sdps-row > .col-xs-3.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-4, .sdps-grid-container > .col-xs-4, .sdps-grid-fluid .sdps-row > .col-xs-4, .sdps-grid-fluid > .col-xs-4, .sdps-row > .col-xs-4, [class*="col"] .sdps-row > .col-xs-4 { width: calc(33.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-4.centered, .sdps-grid-container > .col-xs-4.centered, .sdps-grid-fluid .sdps-row > .col-xs-4.centered, .sdps-grid-fluid > .col-xs-4.centered, .sdps-row > .col-xs-4.centered, [class*="col"] .sdps-row > .col-xs-4.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-5, .sdps-grid-container > .col-xs-5, .sdps-grid-fluid .sdps-row > .col-xs-5, .sdps-grid-fluid > .col-xs-5, .sdps-row > .col-xs-5, [class*="col"] .sdps-row > .col-xs-5 { width: calc(41.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-5.centered, .sdps-grid-container > .col-xs-5.centered, .sdps-grid-fluid .sdps-row > .col-xs-5.centered, .sdps-grid-fluid > .col-xs-5.centered, .sdps-row > .col-xs-5.centered, [class*="col"] .sdps-row > .col-xs-5.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-6, .sdps-grid-container > .col-xs-6, .sdps-grid-fluid .sdps-row > .col-xs-6, .sdps-grid-fluid > .col-xs-6, .sdps-row > .col-xs-6, [class*="col"] .sdps-row > .col-xs-6 { width: calc(50% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-6.centered, .sdps-grid-container > .col-xs-6.centered, .sdps-grid-fluid .sdps-row > .col-xs-6.centered, .sdps-grid-fluid > .col-xs-6.centered, .sdps-row > .col-xs-6.centered, [class*="col"] .sdps-row > .col-xs-6.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-7, .sdps-grid-container > .col-xs-7, .sdps-grid-fluid .sdps-row > .col-xs-7, .sdps-grid-fluid > .col-xs-7, .sdps-row > .col-xs-7, [class*="col"] .sdps-row > .col-xs-7 { width: calc(58.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-7.centered, .sdps-grid-container > .col-xs-7.centered, .sdps-grid-fluid .sdps-row > .col-xs-7.centered, .sdps-grid-fluid > .col-xs-7.centered, .sdps-row > .col-xs-7.centered, [class*="col"] .sdps-row > .col-xs-7.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-8, .sdps-grid-container > .col-xs-8, .sdps-grid-fluid .sdps-row > .col-xs-8, .sdps-grid-fluid > .col-xs-8, .sdps-row > .col-xs-8, [class*="col"] .sdps-row > .col-xs-8 { width: calc(66.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-8.centered, .sdps-grid-container > .col-xs-8.centered, .sdps-grid-fluid .sdps-row > .col-xs-8.centered, .sdps-grid-fluid > .col-xs-8.centered, .sdps-row > .col-xs-8.centered, [class*="col"] .sdps-row > .col-xs-8.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-9, .sdps-grid-container > .col-xs-9, .sdps-grid-fluid .sdps-row > .col-xs-9, .sdps-grid-fluid > .col-xs-9, .sdps-row > .col-xs-9, [class*="col"] .sdps-row > .col-xs-9 { width: calc(75% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-9.centered, .sdps-grid-container > .col-xs-9.centered, .sdps-grid-fluid .sdps-row > .col-xs-9.centered, .sdps-grid-fluid > .col-xs-9.centered, .sdps-row > .col-xs-9.centered, [class*="col"] .sdps-row > .col-xs-9.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-10, .sdps-grid-container > .col-xs-10, .sdps-grid-fluid .sdps-row > .col-xs-10, .sdps-grid-fluid > .col-xs-10, .sdps-row > .col-xs-10, [class*="col"] .sdps-row > .col-xs-10 { width: calc(83.3333% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-10.centered, .sdps-grid-container > .col-xs-10.centered, .sdps-grid-fluid .sdps-row > .col-xs-10.centered, .sdps-grid-fluid > .col-xs-10.centered, .sdps-row > .col-xs-10.centered, [class*="col"] .sdps-row > .col-xs-10.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-11, .sdps-grid-container > .col-xs-11, .sdps-grid-fluid .sdps-row > .col-xs-11, .sdps-grid-fluid > .col-xs-11, .sdps-row > .col-xs-11, [class*="col"] .sdps-row > .col-xs-11 { width: calc(91.6667% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs-11.centered, .sdps-grid-container > .col-xs-11.centered, .sdps-grid-fluid .sdps-row > .col-xs-11.centered, .sdps-grid-fluid > .col-xs-11.centered, .sdps-row > .col-xs-11.centered, [class*="col"] .sdps-row > .col-xs-11.centered { margin: 0px auto; } .sdps-grid-container .sdps-row > .col-xs-full, .sdps-grid-container > .col-xs-full, .sdps-grid-fluid .sdps-row > .col-xs-full, .sdps-grid-fluid > .col-xs-full, .sdps-row > .col-xs-full, [class*="col"] .sdps-row > .col-xs-full { width: calc(100% - 0.1px); flex: 0 0 auto; } .sdps-grid-container .sdps-row > .col-xs--offset-0, .sdps-grid-container > .col-xs--offset-0, .sdps-grid-fluid .sdps-row > .col-xs--offset-0, .sdps-grid-fluid > .col-xs--offset-0, .sdps-row > .col-xs--offset-0, [class*="col"] .sdps-row > .col-xs--offset-0 { margin-left: 0%; } .sdps-grid-container .sdps-row > .col-xs--offset-1, .sdps-grid-container > .col-xs--offset-1, .sdps-grid-fluid .sdps-row > .col-xs--offset-1, .sdps-grid-fluid > .col-xs--offset-1, .sdps-row > .col-xs--offset-1, [class*="col"] .sdps-row > .col-xs--offset-1 { margin-left: calc(8.33333%); } .sdps-grid-container .sdps-row > .col-xs--offset-2, .sdps-grid-container > .col-xs--offset-2, .sdps-grid-fluid .sdps-row > .col-xs--offset-2, .sdps-grid-fluid > .col-xs--offset-2, .sdps-row > .col-xs--offset-2, [class*="col"] .sdps-row > .col-xs--offset-2 { margin-left: calc(16.6667%); } .sdps-grid-container .sdps-row > .col-xs--offset-3, .sdps-grid-container > .col-xs--offset-3, .sdps-grid-fluid .sdps-row > .col-xs--offset-3, .sdps-grid-fluid > .col-xs--offset-3, .sdps-row > .col-xs--offset-3, [class*="col"] .sdps-row > .col-xs--offset-3 { margin-left: 25%; } .sdps-grid-container .sdps-row > .col-xs--offset-4, .sdps-grid-container > .col-xs--offset-4, .sdps-grid-fluid .sdps-row > .col-xs--offset-4, .sdps-grid-fluid > .col-xs--offset-4, .sdps-row > .col-xs--offset-4, [class*="col"] .sdps-row > .col-xs--offset-4 { margin-left: calc(33.3333%); } .sdps-grid-container .sdps-row > .col-xs--offset-5, .sdps-grid-container > .col-xs--offset-5, .sdps-grid-fluid .sdps-row > .col-xs--offset-5, .sdps-grid-fluid > .col-xs--offset-5, .sdps-row > .col-xs--offset-5, [class*="col"] .sdps-row > .col-xs--offset-5 { margin-left: calc(41.6667%); } .sdps-grid-container .sdps-row > .col-xs--offset-6, .sdps-grid-container > .col-xs--offset-6, .sdps-grid-fluid .sdps-row > .col-xs--offset-6, .sdps-grid-fluid > .col-xs--offset-6, .sdps-row > .col-xs--offset-6, [class*="col"] .sdps-row > .col-xs--offset-6 { margin-left: 50%; } .sdps-grid-container .sdps-row > .col-xs--offset-7, .sdps-grid-container > .col-xs--offset-7, .sdps-grid-fluid .sdps-row > .col-xs--offset-7, .sdps-grid-fluid > .col-xs--offset-7, .sdps-row > .col-xs--offset-7, [class*="col"] .sdps-row > .col-xs--offset-7 { margin-left: calc(58.3333%); } .sdps-grid-container .sdps-row > .col-xs--offset-8, .sdps-grid-container > .col-xs--offset-8, .sdps-grid-fluid .sdps-row > .col-xs--offset-8, .sdps-grid-fluid > .col-xs--offset-8, .sdps-row > .col-xs--offset-8, [class*="col"] .sdps-row > .col-xs--offset-8 { margin-left: calc(66.6667%); } .sdps-grid-container .sdps-row > .col-xs--offset-9, .sdps-grid-container > .col-xs--offset-9, .sdps-grid-fluid .sdps-row > .col-xs--offset-9, .sdps-grid-fluid > .col-xs--offset-9, .sdps-row > .col-xs--offset-9, [class*="col"] .sdps-row > .col-xs--offset-9 { margin-left: 75%; } .sdps-grid-container .sdps-row > .col-xs--offset-10, .sdps-grid-container > .col-xs--offset-10, .sdps-grid-fluid .sdps-row > .col-xs--offset-10, .sdps-grid-fluid > .col-xs--offset-10, .sdps-row > .col-xs--offset-10, [class*="col"] .sdps-row > .col-xs--offset-10 { margin-left: calc(83.3333%); } .sdps-grid-container .sdps-row > .col-xs--offset-11, .sdps-grid-container > .col-xs--offset-11, .sdps-grid-fluid .sdps-row > .col-xs--offset-11, .sdps-grid-fluid > .col-xs--offset-11, .sdps-row > .col-xs--offset-11, [class*="col"] .sdps-row > .col-xs--offset-11 { margin-left: calc(91.6667%); } .sdps-grid-container .sdps-row > .col-xs--order-1, .sdps-grid-container > .col-xs--order-1, .sdps-grid-fluid .sdps-row > .col-xs--order-1, .sdps-grid-fluid > .col-xs--order-1, .sdps-row > .col-xs--order-1, [class*="col"] .sdps-row > .col-xs--order-1 { order: 1; } .sdps-grid-container .sdps-row > .col-xs--order-2, .sdps-grid-container > .col-xs--order-2, .sdps-grid-fluid .sdps-row > .col-xs--order-2, .sdps-grid-fluid > .col-xs--order-2, .sdps-row > .col-xs--order-2, [class*="col"] .sdps-row > .col-xs--order-2 { order: 2; } .sdps-grid-container .sdps-row > .col-xs--order-3, .sdps-grid-container > .col-xs--order-3, .sdps-grid-fluid .sdps-row > .col-xs--order-3, .sdps-grid-fluid > .col-xs--order-3, .sdps-row > .col-xs--order-3, [class*="col"] .sdps-row > .col-xs--order-3 { order: 3; } .sdps-grid-container .sdps-row > .col-xs--order-4, .sdps-grid-container > .col-xs--order-4, .sdps-grid-fluid .sdps-row > .col-xs--order-4, .sdps-grid-fluid > .col-xs--order-4, .sdps-row > .col-xs--order-4, [class*="col"] .sdps-row > .col-xs--order-4 { order: 4; } .sdps-grid-container .sdps-row > .col-xs--order-5, .sdps-grid-container > .col-xs--order-5, .sdps-grid-fluid .sdps-row > .col-xs--order-5, .sdps-grid-fluid > .col-xs--order-5, .sdps-row > .col-xs--order-5, [class*="col"] .sdps-row > .col-xs--order-5 { order: 5; } .sdps-grid-container .sdps-row > .col-xs--order-6, .sdps-grid-container > .col-xs--order-6, .sdps-grid-fluid .sdps-row > .col-xs--order-6, .sdps-grid-fluid > .col-xs--order-6, .sdps-row > .col-xs--order-6, [class*="col"] .sdps-row > .col-xs--order-6 { order: 6; } .sdps-grid-container .sdps-row > .col-xs--order-7, .sdps-grid-container > .col-xs--order-7, .sdps-grid-fluid .sdps-row > .col-xs--order-7, .sdps-grid-fluid > .col-xs--order-7, .sdps-row > .col-xs--order-7, [class*="col"] .sdps-row > .col-xs--order-7 { order: 7; } .sdps-grid-container .sdps-row > .col-xs--order-8, .sdps-grid-container > .col-xs--order-8, .sdps-grid-fluid .sdps-row > .col-xs--order-8, .sdps-grid-fluid > .col-xs--order-8, .sdps-row > .col-xs--order-8, [class*="col"] .sdps-row > .col-xs--order-8 { order: 8; } .sdps-grid-container .sdps-row > .col-xs--order-9, .sdps-grid-container > .col-xs--order-9, .sdps-grid-fluid .sdps-row > .col-xs--order-9, .sdps-grid-fluid > .col-xs--order-9, .sdps-row > .col-xs--order-9, [class*="col"] .sdps-row > .col-xs--order-9 { order: 9; } .sdps-grid-container .sdps-row > .col-xs--order-10, .sdps-grid-container > .col-xs--order-10, .sdps-grid-fluid .sdps-row > .col-xs--order-10, .sdps-grid-fluid > .col-xs--order-10, .sdps-row > .col-xs--order-10, [class*="col"] .sdps-row > .col-xs--order-10 { order: 10; } .sdps-grid-container .sdps-row > .col-xs--order-11, .sdps-grid-container > .col-xs--order-11, .sdps-grid-fluid .sdps-row > .col-xs--order-11, .sdps-grid-fluid > .col-xs--order-11, .sdps-row > .col-xs--order-11, [class*="col"] .sdps-row > .col-xs--order-11 { order: 11; } .sdps-grid-container .sdps-row > .col-xs--order-12, .sdps-grid-container > .col-xs--order-12, .sdps-grid-fluid .sdps-row > .col-xs--order-12, .sdps-grid-fluid > .col-xs--order-12, .sdps-row > .col-xs--order-12, [class*="col"] .sdps-row > .col-xs--order-12 { order: 12; } .sdps-grid-container .sdps-row > .col-xs--hidden, .sdps-grid-container > .col-xs--hidden, .sdps-grid-fluid .sdps-row > .col-xs--hidden, .sdps-grid-fluid > .col-xs--hidden, .sdps-row > .col-xs--hidden, [class*="col"] .sdps-row > .col-xs--hidden { visibility: hidden; display: none; } .sdps-grid-container .sdps-row > .col-xs--visible, .sdps-grid-container > .col-xs--visible, .sdps-grid-fluid .sdps-row > .col-xs--visible, .sdps-grid-fluid > .col-xs--visible, .sdps-row > .col-xs--visible, [class*="col"] .sdps-row > .col-xs--visible { display: flex; visibility: visible; } .sdps-grid-container .sdps-row > .col-xs--align-center, .sdps-grid-container > .col-xs--align-center, .sdps-grid-fluid .sdps-row > .col-xs--align-center, .sdps-grid-fluid > .col-xs--align-center, .sdps-row > .col-xs--align-center, [class*="col"] .sdps-row > .col-xs--align-center { align-self: center; } .sdps-grid-container .sdps-row > .col-xs--align-bottom, .sdps-grid-container > .col-xs--align-bottom, .sdps-grid-fluid .sdps-row > .col-xs--align-bottom, .sdps-grid-fluid > .col-xs--align-bottom, .sdps-row > .col-xs--align-bottom, [class*="col"] .sdps-row > .col-xs--align-bottom { align-self: flex-end; } .sdps-grid-container .sdps-row > .col-xs--align-stretch, .sdps-grid-container > .col-xs--align-stretch, .sdps-grid-fluid .sdps-row > .col-xs--align-stretch, .sdps-grid-fluid > .col-xs--align-stretch, .sdps-row > .col-xs--align-stretch, [class*="col"] .sdps-row > .col-xs--align-stretch { align-self: stretch; } } .sdps-grid-container, .sdps-grid-fluid { display: flex; } .sdps-new-layout--three-column { } .sdps-new-layout--three-column__hero { margin-bottom: 12px; } .sdps-new-layout--three-column__left-section { margin: 12px 12px 0px 0px; } .sdps-new-layout--three-column__middle-section { margin: 12px 12px 0px; } .sdps-new-layout--three-column__right-section { margin: 12px 0px 0px 12px; } @media (max-width: 1279px) { .sdps-new-layout--three-column__hero { margin-bottom: 8px; } .sdps-new-layout--three-column__left-section { margin: 8px 8px 0px 0px; } .sdps-new-layout--three-column__middle-section { margin: 8px 8px 0px; } .sdps-new-layout--three-column__right-section { margin: 8px 0px 0px 8px; } } @media (max-width: 768px) { .sdps-new-layout--three-column { } .sdps-new-layout--three-column__hero { margin-bottom: 8px; } .sdps-new-layout--three-column__left-section { margin: 8px 0px; } .sdps-new-layout--three-column__middle-section { margin: 8px 0px; } .sdps-new-layout--three-column__right-section { margin: 8px 0px 0px; } } .demo-only { border: solid rgb(211, 211, 211); background: rgb(211, 211, 211); } .demo-only div { border: solid; text-align: center; height: 200px; } .demo-only .sdps-new-layout--three-column__hero { background-color: rgb(255, 221, 221); } .demo-only .sdps-new-layout--three-column__left-section { background-color: rgb(220, 208, 255); } .demo-only .sdps-new-layout--three-column__middle-section { background-color: rgb(232, 251, 255); } .demo-only .sdps-new-layout--three-column__right-section { background-color: rgb(255, 242, 205); } @supports (display:grid) { .sdps-new-layout--three-column { display: grid; grid-template: "hero hero hero" "left-rail main right-rail" 1fr / 4fr 5fr 3fr; gap: 24px; } .sdps-new-layout--three-column__left-section { grid-area: left-rail; margin: 0px; } .sdps-new-layout--three-column__hero { grid-area: hero; margin: 0px; } .sdps-new-layout--three-column__middle-section { grid-area: main; margin: 0px; } .sdps-new-layout--three-column__right-section { grid-area: right-rail; margin: 0px; } @media (max-width: 1280px) { .sdps-new-layout--three-column { gap: 16px; } } @media (max-width: 768px) { .sdps-new-layout--three-column { grid-template-columns: 1fr; grid-template-areas: "hero" "left-rail" "main" "right-rail"; } } } @media (min-width: 1440px) { .sdps-page-fixed-width { max-width: 1392px; margin: 24px auto; } } .fusion-layout--3-col { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 1024px) { .fusion-layout--3-col { flex-direction: row; } } .fusion-layout--3-col > * { flex-grow: 1; } .fusion-layout--hero-banner > .fusion-layout__rail { display: none; } @media (min-width: 1024px) { .fusion-layout--hero-banner { } .fusion-layout--hero-banner > .fusion-layout__hero { margin-bottom: 15px; } .fusion-layout--hero-banner > .fusion-layout__main { } .fusion-layout--hero-banner > .fusion-layout__rail { display: block; margin-left: 21px; } } @supports (display:grid) { @media (min-width: 1024px) { .fusion-layout--hero-banner { display: grid; gap: 15px 21px; grid-template: "hero hero" "main rail" 1fr / 1fr 200px; } .fusion-layout--hero-banner > .fusion-layout__rail { grid-area: rail; display: block; margin-left: 0px; } .fusion-layout--hero-banner > .fusion-layout__hero { grid-area: hero; margin-bottom: 0px; } .fusion-layout--hero-banner > .fusion-layout__main { grid-area: main; } } } .sdps-new-layout--header-utilities { } .sdps-new-layout--header-utilities__header { text-align: left; margin-right: 12px; } .sdps-new-layout--header-utilities__utilities { text-align: right; margin-left: 12px; } @media (max-width: 1279px) { .sdps-new-layout--header-utilities__header { margin-right: 8px; } .sdps-new-layout--header-utilities__utilities { margin-left: 8px; } } @media (max-width: 767px) { .sdps-new-layout--header-utilities { } .sdps-new-layout--header-utilities__header { margin: 0px 0px 8px; } .sdps-new-layout--header-utilities__utilities { text-align: left; margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--header-utilities { display: grid; grid-template: "header utilities" 1fr / 1fr 1fr; gap: 24px; } .sdps-new-layout--header-utilities__header { grid-area: header; margin: 0px; text-align: left; } .sdps-new-layout--header-utilities__utilities { grid-area: utilities; margin: 0px; text-align: right; } @media (max-width: 1279px) { .sdps-new-layout--header-utilities { gap: 16px; } } @media (max-width: 767px) { .sdps-new-layout--header-utilities { grid-template-columns: 1fr; grid-template-areas: "header" "utilities"; } .sdps-new-layout--header-utilities__utilities { text-align: left; } } } .sdps-layout-article-cell { display: grid; margin: 0px auto auto; max-width: 1440px; overflow-wrap: anywhere; } .sdps-layout-article-cell--badge { max-width: 600px; } .sdps-layout-article-cell--left-align { margin-left: -0.75rem; } .sdps-layout-article-cell__one-column { grid-template-columns: 1fr; } .sdps-layout-article-cell__two-column { grid-template-columns: 1fr 1fr; } .sdps-layout-article-cell__three-column { grid-template-columns: 1fr 1fr 1fr; } .sdps-layout-article-cell__four-column { grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1023px) { .sdps-layout-article-cell--large-vertical, .sdps-layout-article-cell--medium-horizontal { grid-template-columns: 1fr; } .sdps-layout-article-cell--medium-vertical, .sdps-layout-article-cell--small-horizontal, .sdps-layout-article-cell--small-vertical { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .sdps-layout-article-cell--small-horizontal, .sdps-layout-article-cell--small-horizontal-no-image-long { grid-template-columns: 1fr; } } @media (max-width: 479px) { .sdps-layout-article-cell--medium-vertical, .sdps-layout-article-cell--small-vertical { grid-template-columns: 1fr; } } @media (min-width: 500px) { .fusion-layout--form { } .fusion-layout--form > .fusion-layout__first-name { } .fusion-layout--form > .fusion-layout__last-name { } .fusion-layout--form > .fusion-layout__title { } .fusion-layout--form > .fusion-layout__address { } .fusion-layout--form > .fusion-layout__state { } .fusion-layout--form > .fusion-layout__country { } .fusion-layout--form > .fusion-layout__zip { } .fusion-layout--form > .fusion-layout__datepicker { } .fusion-layout--form > .fusion-layout__country, .fusion-layout--form > .fusion-layout__last-name { margin-left: 16px; margin-right: 16px; } } @supports (display:grid) { @media (min-width: 500px) { .fusion-layout--form { display: grid; column-gap: 16px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: repeat(4, auto); grid-template-areas: "first last title" "address address address" "state country zip" "date date date"; } .fusion-layout--form > .fusion-layout__first-name { grid-area: first; } .fusion-layout--form > .fusion-layout__last-name { grid-area: last; } .fusion-layout--form > .fusion-layout__title { grid-area: title; } .fusion-layout--form > .fusion-layout__address { grid-area: address; } .fusion-layout--form > .fusion-layout__state { grid-area: state; } .fusion-layout--form > .fusion-layout__country { grid-area: country; } .fusion-layout--form > .fusion-layout__zip { grid-area: zip; } .fusion-layout--form > .fusion-layout__datepicker { grid-area: date; } .fusion-layout--form > .fusion-layout__country, .fusion-layout--form > .fusion-layout__last-name { margin-left: 0px; margin-right: 0px; } } } .fusion-layout--wizard { } .fusion-layout--wizard > .fusion-layout__title { } .fusion-layout--wizard > .fusion-layout__main { } .fusion-layout--wizard > .fusion-layout__left-btn { } .fusion-layout--wizard > .fusion-layout__right-btn { } @supports (display:grid) { .fusion-layout--wizard { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "title title" "main main" "back cont"; } .fusion-layout--wizard > .fusion-layout__title { grid-area: title; } .fusion-layout--wizard > .fusion-layout__main { grid-area: main; } .fusion-layout--wizard > .fusion-layout__left-btn { grid-area: back; } .fusion-layout--wizard > .fusion-layout__right-btn { grid-area: cont; } } .fusion-layout--4-panel { display: flex; flex-direction: column; } .fusion-layout--4-panel > * { flex-basis: 25%; } @media (min-width: 1024px) { .fusion-layout--4-panel { align-content: stretch; flex-flow: wrap; } .fusion-layout--4-panel > * { flex-grow: 1; flex-basis: 50%; } } .fusion-layout--rail { display: flex; } .fusion-layout--rail > .fusion-layout__main { flex-grow: 1; } .fusion-layout--rail > .fusion-layout__rail--left, .fusion-layout--rail > .fusion-layout__rail--right { display: none; } @media (min-width: 1024px) { .fusion-layout--rail > .fusion-layout__rail--left, .fusion-layout--rail > .fusion-layout__rail--right { display: block; width: 200px; } .fusion-layout--rail > .fusion-layout__rail--left { margin-right: 21px; } .fusion-layout--rail > .fusion-layout__rail--right { margin-left: 21px; } } .fusion-layout--utility-bar { max-width: 1024px; margin: 0px auto; } .fusion-layout--utility-bar > .fusion-layout__utility-bar { margin-bottom: 15px; } .fusion-layout--utility-bar > .fusion-layout__main { } @supports (display:grid) { .fusion-layout--utility-bar { max-width: 1024px; margin: 0px auto; display: grid; grid-template-rows: 32px 1fr; row-gap: 15px; grid-template-areas: "utilitybar" "main"; } .fusion-layout--utility-bar > .fusion-layout__utility-bar { grid-area: utilitybar; margin-bottom: 0px; } .fusion-layout--utility-bar > .fusion-layout__main { grid-area: main; } } .sdps-new-layout--two-col-fixed { max-width: 1392px; margin: 24px auto; } .sdps-new-layout--two-col-fixed__main { margin-right: 12px; } .sdps-new-layout--two-col-fixed__rail { margin-left: 12px; } @media (max-width: 1279px) { .sdps-new-layout--two-col-fixed { margin: 16px auto; } .sdps-new-layout--two-col-fixed__main { margin-right: 8px; } .sdps-new-layout--two-col-fixed__rail { margin-left: 8px; } } @media (max-width: 1023px) { .sdps-new-layout--two-col-fixed { } .sdps-new-layout--two-col-fixed__main { margin: 0px 0px 8px; } .sdps-new-layout--two-col-fixed__rail { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--two-col-fixed { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--two-col-fixed__main sdps-new-layout--two-col-fixed__rail"; } .sdps-new-layout--two-col-fixed__main { grid-area: sdps-new-layout--two-col-fixed__main; margin: 0px; } .sdps-new-layout--two-col-fixed__rail { grid-area: sdps-new-layout--two-col-fixed__rail; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--two-col-fixed { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--two-col-fixed { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "sdps-new-layout--two-col-fixed__main" "sdps-new-layout--two-col-fixed__rail"; } } } .sdps-new-layout--two-col-fluid { margin: 24px auto; } .sdps-new-layout--two-col-fluid__main { margin-right: 12px; } .sdps-new-layout--two-col-fluid__rail { margin-left: 12px; } @media (max-width: 1279px) { .sdps-new-layout--two-col-fluid { margin: 16px auto; } .sdps-new-layout--two-col-fluid__main { margin-right: 8px; } .sdps-new-layout--two-col-fluid__rail { margin-left: 8px; } } @media (max-width: 1023px) { .sdps-new-layout--two-col-fluid { } .sdps-new-layout--two-col-fluid__main { margin: 0px 0px 8px; } .sdps-new-layout--two-col-fluid__rail { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--two-col-fluid { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--two-col-fluid__main sdps-new-layout--two-col-fluid__rail"; } .sdps-new-layout--two-col-fluid__main { grid-area: sdps-new-layout--two-col-fluid__main; margin: 0px; } .sdps-new-layout--two-col-fluid__rail { grid-area: sdps-new-layout--two-col-fluid__rail; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--two-col-fluid { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--two-col-fluid { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "sdps-new-layout--two-col-fluid__main" "sdps-new-layout--two-col-fluid__rail"; } } } .sdps-new-layout--hero-fixed { max-width: 1392px; margin: 24px auto; } .sdps-new-layout--fixed-medium { max-width: 1232px; } .sdps-new-layout--fixed-small { max-width: 992px; } .sdps-new-layout--hero-fixed__hero { margin-bottom: 12px; } .sdps-new-layout--hero-fixed__main { margin: 12px 12px 0px 0px; } .sdps-new-layout--hero-fixed__rail { margin: 12px 0px 0px 12px; } @media (max-width: 1279px) { .sdps-new-layout--hero-fixed { margin: 16px auto; } .sdps-new-layout--hero-fixed__hero { margin-bottom: 8px; } .sdps-new-layout--hero-fixed__main { margin: 8px 8px 0px 0px; } .sdps-new-layout--hero-fixed__rail { margin: 8px 0px 0px 8px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-fixed { } .sdps-new-layout--hero-fixed__hero { margin-bottom: 8px; } .sdps-new-layout--hero-fixed__main { margin: 8px 0px; } .sdps-new-layout--hero-fixed__rail { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--hero-fixed { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--hero-fixed__hero sdps-new-layout--hero-fixed__hero" "sdps-new-layout--hero-fixed__main sdps-new-layout--hero-fixed__rail"; } .sdps-new-layout--hero-fixed__hero { grid-area: sdps-new-layout--hero-fixed__hero; margin: 0px; } .sdps-new-layout--hero-fixed__main { grid-area: sdps-new-layout--hero-fixed__main; margin: 0px; } .sdps-new-layout--hero-fixed__rail { grid-area: sdps-new-layout--hero-fixed__rail; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--hero-fixed { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-fixed { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "sdps-new-layout--hero-fixed__hero" "sdps-new-layout--hero-fixed__main" "sdps-new-layout--hero-fixed__rail"; } } } .sdps-new-layout--hero-fluid { margin: 24px auto; } .sdps-new-layout--hero-fluid__hero { margin-bottom: 12px; } .sdps-new-layout--hero-fluid__main { margin: 12px 12px 0px 0px; } .sdps-new-layout--hero-fluid__rail { margin: 12px 0px 0px 12px; } @media (max-width: 1279px) { .sdps-new-layout--hero-fluid { margin: 16px auto; } .sdps-new-layout--hero-fluid__hero { margin-bottom: 8px; } .sdps-new-layout--hero-fluid__main { margin: 8px 8px 0px 0px; } .sdps-new-layout--hero-fluid__rail { margin: 8px 0px 0px 8px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-fluid { } .sdps-new-layout--hero-fluid__hero { margin-bottom: 8px; } .sdps-new-layout--hero-fluid__main { margin: 8px 0px; } .sdps-new-layout--hero-fluid__rail { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--hero-fluid { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--hero-fluid__hero sdps-new-layout--hero-fluid__hero" "sdps-new-layout--hero-fluid__main sdps-new-layout--hero-fluid__rail"; } .sdps-new-layout--hero-fluid__hero { grid-area: sdps-new-layout--hero-fluid__hero; margin: 0px; } .sdps-new-layout--hero-fluid__main { grid-area: sdps-new-layout--hero-fluid__main; margin: 0px; } .sdps-new-layout--hero-fluid__rail { grid-area: sdps-new-layout--hero-fluid__rail; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--hero-fluid { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-fluid { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "sdps-new-layout--hero-fluid__hero" "sdps-new-layout--hero-fluid__main" "sdps-new-layout--hero-fluid__rail"; } } } .sdps-new-layout--one-col-fluid { margin: 24px auto; } .sdps-new-layout--one-col-fluid__main { } @media (max-width: 768px) { .sdps-new-layout--one-col-fluid { } .sdps-new-layout--one-col-fluid__main { } } @media (max-width: 1279px) { .sdps-new-layout--one-col-fluid { margin: 16px auto; } } @supports (display:grid) { .sdps-new-layout--one-col-fluid { display: grid; grid-template-columns: 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--one-col-fluid__main"; } .sdps-new-layout--one-col-fluid__main { grid-area: sdps-new-layout--one-col-fluid__main; margin: 0px; } @media (max-width: 768px) { .sdps-new-layout--one-col-fluid { grid-template-columns: 1fr; grid-template-areas: "sdps-new-layout--one-col-fluid__main"; } } } .sdps-new-layout--one-col-fixed { max-width: 1392px; margin: 24px auto; } .sdps-new-layout--one-col-fixed__main { } @media (max-width: 768px) { .sdps-new-layout--one-col-fixed { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 24px; grid-template-areas: "sdps-new-layout--one-col-fixed__main"; } .sdps-new-layout--one-col-fixed__main { } } @media only screen and (max-width: 768px) { .sdps-new-layout--one-col-fixed { } .sdps-new-layout--one-col-fixed__main { } } @media (max-width: 1279px) { .sdps-new-layout--one-col-fixed { margin: 16px auto; } } @supports (display:grid) { .sdps-new-layout--one-col-fixed { display: grid; grid-template-columns: 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--one-col-fixed__main"; } .sdps-new-layout--one-col-fixed__main { grid-area: sdps-new-layout--one-col-fixed__main; margin: 0px; } @media (max-width: 768px) { .sdps-new-layout--one-col-fixed { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "sdps-new-layout--one-col-fixed__main"; } } } .sdps-new-layout--hero-one-column-fixed { max-width: 1392px; margin: 24px auto; } .sdps-new-layout--hero-one-column-fixed__hero { margin-bottom: 12px; } .sdps-new-layout--hero-one-column-fixed__main { margin-top: 12px; } @media (max-width: 1279px) { .sdps-new-layout--hero-one-column-fixed { margin: 16px auto; } .sdps-new-layout--hero-one-column-fixed__hero { margin-bottom: 8px; } .sdps-new-layout--hero-one-column-fixed__main { margin-top: 8px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-one-column-fixed { } .sdps-new-layout--hero-one-column-fixed__hero { margin-bottom: 8px; } .sdps-new-layout--hero-one-column-fixed__main { margin-top: 8px; } } @supports (display:grid) { .sdps-new-layout--hero-one-column-fixed { display: grid; grid-template-columns: 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--hero-one-column-fixed__hero" "sdps-new-layout--hero-one-column-fixed__main"; } .sdps-new-layout--hero-one-column-fixed__hero { grid-area: sdps-new-layout--hero-one-column-fixed__hero; margin: 0px; } .sdps-new-layout--hero-one-column-fixed__main { grid-area: sdps-new-layout--hero-one-column-fixed__main; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--hero-one-column-fixed { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-one-column-fixed { grid-template-columns: 1fr; grid-template-areas: "sdps-new-layout--hero-one-column-fixed__hero" "sdps-new-layout--hero-one-column-fixed__main"; } } } .sdps-new-layout--hero-one-column-fluid { margin: 24px auto; } .sdps-new-layout--hero-one-column-fluid__hero { margin-bottom: 12px; } .sdps-new-layout--hero-one-column-fluid__main { margin-top: 12px; } @media (max-width: 1279px) { .sdps-new-layout--hero-one-column-fluid { margin: 16px auto; } .sdps-new-layout--hero-one-column-fluid__hero { margin-bottom: 8px; } .sdps-new-layout--hero-one-column-fluid__main { margin-top: 8px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-one-column-fluid { } .sdps-new-layout--hero-one-column-fluid__hero { margin-bottom: 8px; } .sdps-new-layout--hero-one-column-fluid__main { margin-top: 8px; } } @supports (display:grid) { .sdps-new-layout--hero-one-column-fluid { display: grid; grid-template-columns: 1fr; gap: 24px; grid-template-areas: "sdps-new-layout--hero-one-column-fluid__hero" "sdps-new-layout--hero-one-column-fluid__main"; } .sdps-new-layout--hero-one-column-fluid__hero { grid-area: sdps-new-layout--hero-one-column-fluid__hero; margin: 0px; } .sdps-new-layout--hero-one-column-fluid__main { grid-area: sdps-new-layout--hero-one-column-fluid__main; margin: 0px; } @media (max-width: 1279px) { .sdps-new-layout--hero-one-column-fluid { gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--hero-one-column-fluid { grid-template-columns: 1fr; grid-template-areas: "sdps-new-layout--hero-one-column-fluid__hero" "sdps-new-layout--hero-one-column-fluid__main"; } } } .sdps-new-layout--research-layout { margin: 24px; } .sdps-new-layout--research-layout__hero { margin: 0px 8px 8px 0px; } .sdps-new-layout--research-layout__main { margin: 8px 8px 0px 0px; } .sdps-new-layout--research-layout__first-content { margin: 0px 8px; } .sdps-new-layout--research-layout__second-content { margin: 0px 0px 0px 8px; } @media (max-width: 1439px) { .sdps-new-layout--research-layout { margin: 16px; } .sdps-new-layout--research-layout__hero { margin: 0px 0px 8px; } .sdps-new-layout--research-layout__main { margin: 8px 8px 0px 0px; } .sdps-new-layout--research-layout__first-content { margin: 8px 0px 8px 8px; } .sdps-new-layout--research-layout__second-content { margin: 8px 0px 0px 8px; } } @media (max-width: 1023px) { .sdps-new-layout--research-layout { } .sdps-new-layout--research-layout__hero { margin: 0px 0px 8px; } .sdps-new-layout--research-layout__main { margin: 8px 0px; } .sdps-new-layout--research-layout__first-content { margin: 8px 0px; } .sdps-new-layout--research-layout__second-content { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--research-layout { display: grid; grid-template: "sdps-new-layout--research-layout__hero sdps-new-layout--research-layout__first-content sdps-new-layout--research-layout__second-content" minmax(0px, auto) "sdps-new-layout--research-layout__main sdps-new-layout--research-layout__first-content sdps-new-layout--research-layout__second-content" max-content / 2fr 336px 336px; gap: 16px; } .sdps-new-layout--research-layout__hero { grid-area: sdps-new-layout--research-layout__hero; margin: 0px; } .sdps-new-layout--research-layout__main { grid-area: sdps-new-layout--research-layout__main; margin: 0px; } .sdps-new-layout--research-layout__first-content { grid-area: sdps-new-layout--research-layout__first-content; margin: 0px; } .sdps-new-layout--research-layout__second-content { grid-area: sdps-new-layout--research-layout__second-content; margin: 0px; } @media (max-width: 1439px) { .sdps-new-layout--research-layout { grid-template: "sdps-new-layout--research-layout__hero sdps-new-layout--research-layout__hero" minmax(0px, auto) "sdps-new-layout--research-layout__main sdps-new-layout--research-layout__first-content" minmax(0px, auto) "sdps-new-layout--research-layout__main sdps-new-layout--research-layout__second-content" max-content / 2fr 320px; gap: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--research-layout { grid-template-columns: 1fr; grid-template-areas: "sdps-new-layout--research-layout__hero" "sdps-new-layout--research-layout__main" "sdps-new-layout--research-layout__first-content" "sdps-new-layout--research-layout__second-content"; } } } .sdps-new-layout--index-layout { margin: 24px; } .sdps-new-layout--index-layout__hero { margin: 0px 0px 8px; } .sdps-new-layout--index-layout__main { margin: 8px 8px 0px 0px; } .sdps-new-layout--index-layout__rail { margin: 8px 0px 0px 8px; } @media (max-width: 1439px) { .sdps-new-layout--index-layout { margin: 16px; } } @media (max-width: 1023px) { .sdps-new-layout--index-layout { } .sdps-new-layout--idnex-layout__hero { margin: 0px 0px 8px; } .sdps-new-layout--index-layout__main { margin: 8px 0px; } .sdps-new-layout--index-layout__rail { margin: 8px 0px 0px; } } @supports (display:grid) { .sdps-new-layout--index-layout { display: grid; grid-template-columns: 3fr 336px; gap: 16px; grid-template-areas: "sdps-new-layout--index-layout__hero sdps-new-layout--index-layout__hero" "sdps-new-layout--index-layout__main sdps-new-layout--index-layout__rail"; } .sdps-new-layout--index-layout__hero { grid-area: sdps-new-layout--index-layout__hero; margin: 0px; } .sdps-new-layout--index-layout__main { grid-area: sdps-new-layout--index-layout__main; margin: 0px; } .sdps-new-layout--index-layout__rail { grid-area: sdps-new-layout--index-layout__rail; margin: 0px; } @media (max-width: 1439px) { .sdps-new-layout--index-layout { grid-template-columns: 3fr 320px; } } @media (max-width: 1023px) { .sdps-new-layout--index-layout { grid-template-columns: 1fr; grid-template-areas: "sdps-new-layout--index-layout__hero" "sdps-new-layout--index-layout__main" "sdps-new-layout--index-layout__rail"; } } } .sdps-new-layout--csr-layout { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 1392px; margin: 24px auto; gap: 24px; grid-template-areas: "sdps-new-layout--csr-layout__hero sdps-new-layout--csr-layout__hero sdps-new-layout--csr-layout__hero" "sdps-new-layout--csr-layout__column-one sdps-new-layout--csr-layout__column-two sdps-new-layout--csr-layout__column-three"; grid-auto-rows: minmax(0px, auto) max-content; } .sdps-new-layout--csr-layout__hero { grid-area: sdps-new-layout--csr-layout__hero; margin: 0px; } .sdps-new-layout--csr-layout__column-one { grid-area: sdps-new-layout--csr-layout__column-one; margin: 0px; } .sdps-new-layout--csr-layout__column-two { grid-area: sdps-new-layout--csr-layout__column-two; margin: 0px; } .sdps-new-layout--csr-layout__column-three { grid-area: sdps-new-layout--csr-layout__column-three; margin: 0px; } @media (max-width: 1440px) { .sdps-new-layout--csr-layout { margin: 24px; } } @media (max-width: 1279px) { .sdps-new-layout--csr-layout { grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0px, auto); grid-auto-rows: minmax(0px, auto) max-content; grid-template-areas: "sdps-new-layout--csr-layout__hero sdps-new-layout--csr-layout__hero" "sdps-new-layout--csr-layout__column-one sdps-new-layout--csr-layout__column-two" "sdps-new-layout--csr-layout__column-one sdps-new-layout--csr-layout__column-three"; gap: 16px; margin: 16px; } } @media (max-width: 767px) { .sdps-new-layout--csr-layout { grid-template-columns: minmax(0px, 1fr); grid-auto-rows: minmax(0px, auto) max-content; grid-template-areas: "sdps-new-layout--csr-layout__hero" "sdps-new-layout--csr-layout__column-one" "sdps-new-layout--csr-layout__column-two" "sdps-new-layout--csr-layout__column-three"; margin: 16px 0px; } } .sdps-layout-list-form { max-width: 992px; display: grid; gap: 2rem; grid-template-columns: 320px minmax(0px, 1fr); } @media (max-width: 1279px) { .sdps-layout-list-form { gap: 1.5rem; } } @media (max-width: 1024px) { .sdps-layout-list-form { grid-template-columns: 240px minmax(0px, 1fr); } } @media (max-width: 767px) { .sdps-layout-list-form { gap: 2rem; grid-template-columns: minmax(0px, 1fr); } } .sdps-button { background-color: transparent; border: 1px solid transparent; border-radius: 0.375rem; cursor: default; display: inline-flex; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; height: 3rem; padding-right: 1.5rem; padding-left: 1.5rem; white-space: nowrap; appearance: none; text-align: center; align-items: center; } .sdps-button + .sdps-button { margin-left: 1rem; } .sdps-button:hover { text-decoration: none; } .sdps-button--primary { background-color: rgb(45, 134, 45); border-color: rgb(45, 134, 45); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; min-width: auto; } .sdps-button--primary:hover { background-color: rgb(38, 115, 38); color: rgb(255, 255, 255); border-color: rgb(38, 115, 38); } .sdps-button--primary:active { background-color: rgb(32, 96, 32); color: rgb(255, 255, 255); border-color: rgb(32, 96, 32); } .sdps-button--secondary { background-color: rgba(112, 129, 143, 0.12); border-color: rgb(79, 90, 100); color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; min-width: auto; } .sdps-button--secondary:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(0, 0, 0); border-color: rgb(45, 52, 57); } .sdps-button--secondary:active { background-color: rgba(112, 129, 143, 0.16); color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .sdps-button--tertiary { color: rgb(0, 110, 153); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; height: 3rem; padding: 0px; } .sdps-button--tertiary:hover { text-decoration: underline; } .sdps-button--tertiary:hover { color: rgb(0, 93, 128); } .sdps-button--tertiary:active { color: rgb(0, 73, 102); } .sdps-button--quaternary { border: 0px; height: auto; padding: 0px; vertical-align: top; color: rgb(0, 110, 153); } .sdps-button--quaternary:hover { text-decoration: underline; } .sdps-button--quaternary:hover { color: rgb(0, 93, 128); } .sdps-button--quaternary:active { color: rgb(0, 73, 102); } .sdps-button--hero.sdps-button--primary { border-color: rgb(45, 134, 45); background: rgb(45, 134, 45); color: rgb(255, 255, 255); } .sdps-button--hero.sdps-button--primary:hover { background: rgb(57, 172, 57); } .sdps-button--hero.sdps-button--secondary { background: rgba(112, 129, 143, 0.24); color: rgb(255, 255, 255); border-color: rgb(155, 167, 176); } .sdps-button--hero.sdps-button--secondary:hover { background: rgba(112, 129, 143, 0.12); color: rgb(255, 255, 255); } a.sdps-button { padding-top: 0.6875rem; padding-bottom: 0.6875rem; cursor: pointer; } a.sdps-button.sdps-button--primary, a.sdps-button.sdps-button--buy, a.sdps-button.sdps-button--sell { color: rgb(255, 255, 255); } a.sdps-button.sdps-button--secondary { color: rgb(0, 0, 0); } .sdps-button--fluid { width: 100%; justify-content: center; } .sdps-button--fluid + .sdps-button--fluid { margin-top: 0.5rem; margin-left: 0px; } .sdps-button--text-small, .zh-TW .sdps-button--text-small { font-size: 0.8125rem; } .sdps-button__icon { position: relative; } .sdps-button__icon--left { margin-right: 0.25rem; } .sdps-button--icon { border: 0px; color: rgb(0, 110, 153); height: 24px; padding: 0px; font-size: unset; } .sdps-button--input-right { border-radius: 0px 0.375rem 0.375rem 0px; color: rgb(0, 110, 153); padding-right: 1rem; padding-left: 1rem; height: 3rem; background-color: rgba(112, 129, 143, 0.12); min-width: auto; } .sdps-button--input-right:hover { color: rgb(0, 110, 153); } .sdps-button--dropdown { background-color: rgb(255, 255, 255); border-color: rgb(79, 90, 100); border-radius: 0.375rem; border-style: solid; border-width: 0.0625rem; color: rgb(0, 0, 0); cursor: default; display: flex; align-items: center; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.5rem; height: 3rem; width: 100%; padding-left: 1rem; padding-right: 2rem; position: relative; } .sdps-button--dropdown:hover { background-color: rgb(241, 242, 244); border-color: rgb(45, 52, 57); color: rgb(0, 0, 0); } .sdps-button--dropdown:focus { border-color: rgb(0, 0, 0); } .sdps-button--account-selector { border-bottom: 0px solid transparent; border-radius: 0.375rem; color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-weight: 700; display: flex; font-size: 1.125rem; align-items: center; padding-right: 3rem; padding-left: 1rem; position: relative; width: 100%; } .sdps-button--account-selector-large { height: 3rem; } .sdps-button--account-selector-medium { height: 2.5rem; } .sdps-button--account-selector-small { height: 2rem; font-size: 1rem; } .sdps-button--account-selector-medium .sdps-account-selector__icon, .sdps-button--account-selector-small .sdps-account-selector__icon { top: auto; } .sdps-button--account-selector-bank .sdps-button { background: rgb(102, 102, 102); } .sdps-button--account-selector-bank .sdps-button:hover { background: rgb(89, 89, 89); } .sdps-button--brokerage-account { background-color: rgb(0, 110, 153); } .sdps-button--brokerage-account:hover { background-color: rgb(0, 93, 128); } .sdps-button--brokerage-account:active { background-color: rgb(0, 73, 102); } .sdps-button--bank-account { background: rgb(102, 102, 102); } .sdps-button--bank-account:hover { background: rgb(89, 89, 89); } .sdps-button--bank-account:active { background-color: rgb(77, 77, 77); } .sdps-button--calendar-date { width: 100%; height: 100%; color: inherit; padding: 0px; justify-content: center; } .sdps-button--tooltip-trigger-text { border-bottom-width: 0.125rem; border-bottom-style: dotted; color: inherit; border-radius: 0px; font-size: inherit; font-family: inherit; } .sdps-button--tooltip-trigger-text:hover { text-decoration: none; background-color: rgba(112, 129, 143, 0.08); } .sdps-button--contextual-trigger-text { border-bottom-width: 0.125rem; border-bottom-style: dotted; border-radius: 0px; font-size: inherit; line-height: 1.25rem; font-family: inherit; color: rgb(0, 110, 153); } .sdps-button--contextual-trigger-text:hover { text-decoration: none; border-bottom-style: solid; color: rgb(0, 93, 128); background-color: rgb(241, 242, 244); } .sdps-button--contextual-trigger-text:active { text-decoration: none; border-bottom-style: solid; color: rgb(0, 73, 102); background-color: rgb(232, 235, 237); } .sdps-button--medium { height: 2.5rem; } .sdps-button--medium.sdps-button--buy, .sdps-button--medium.sdps-button--primary, .sdps-button--medium.sdps-button--secondary, .sdps-button--medium.sdps-button--sell { padding-right: 1rem; padding-left: 1rem; } .sdps-button--medium.sdps-button--input-left-inset, .sdps-button--medium.sdps-button--input-right-inset { padding-left: 0.5rem; padding-right: 0.5rem; } .sdps-button--small { height: 2rem; } .sdps-button--small.sdps-button--buy, .sdps-button--small.sdps-button--primary, .sdps-button--small.sdps-button--secondary, .sdps-button--small.sdps-button--sell { padding-right: 0.5rem; padding-left: 0.5rem; } .sdps-button--small.sdps-button--input-left-inset, .sdps-button--small.sdps-button--input-right-inset { padding-left: 0.25rem; padding-right: 0.25rem; } .sdps-button--small.sdps-button--surface { padding-right: 0.25rem; padding-left: 0.25rem; } .sdps-button--x-small { height: 1.5rem; font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-button--x-small { font-size: 0.8125rem; } .sdps-button--x-small.sdps-button--buy, .sdps-button--x-small.sdps-button--primary, .sdps-button--x-small.sdps-button--secondary, .sdps-button--x-small.sdps-button--sell { padding-right: 0.5rem; padding-left: 0.5rem; } .sdps-button--x-small.sdps-button--input-left-inset, .sdps-button--x-small.sdps-button--input-right-inset { padding-left: 0.25rem; padding-right: 0.25rem; } .sdps-button--x-small.sdps-button--input-left-inset .sdps-icon, .sdps-button--x-small.sdps-button--input-right-inset .sdps-icon { height: 1rem; width: 1rem; } .sdps-button--buy { background-color: rgb(45, 134, 45); border-color: rgb(45, 134, 45); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; min-width: auto; } .sdps-button--buy:hover { background-color: rgb(38, 115, 38); color: rgb(255, 255, 255); border-color: rgb(38, 115, 38); } .sdps-button--buy:active { background-color: rgb(32, 96, 32); color: rgb(255, 255, 255); border-color: rgb(32, 96, 32); } .sdps-button--sell { background-color: rgb(193, 11, 20); border-color: rgb(193, 11, 20); color: rgb(255, 255, 255); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; min-width: auto; } .sdps-button--sell:hover { background-color: rgb(169, 10, 17); color: rgb(255, 255, 255); border-color: rgb(169, 10, 17); } .sdps-button--sell:active { background-color: rgb(145, 8, 15); color: rgb(255, 255, 255); border-color: rgb(145, 8, 15); } .sdps-button--input-left-inset, .sdps-button--input-right-inset { right: 0px; top: 50%; transform: translateY(-50%); line-height: 1; position: absolute; padding: 0px 0.75rem; cursor: default; color: rgb(90, 103, 114); display: flex; justify-content: center; align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-button--input-left-inset:hover:not([disabled]), .sdps-button--input-right-inset:hover:not([disabled]) { background-color: rgba(112, 129, 143, 0.08); } .sdps-button--input-left-inset:active:not([disabled]), .sdps-button--input-right-inset:active:not([disabled]) { background-color: rgba(112, 129, 143, 0.16); } .sdps-button--input-left-inset .sdps-icon, .sdps-button--input-right-inset .sdps-icon { height: 1.5rem; width: 1.5rem; } .sdps-button--input-left-inset { right: inherit; } .sdps-button[disabled].sdps-button--primary, .sdps-button[disabled]:active.sdps-button--primary, .sdps-button[disabled]:hover.sdps-button--primary, .sdps-button[disabled]:visited.sdps-button--primary, .sdps-button[read-only].sdps-button--primary, .sdps-button[read-only]:active.sdps-button--primary, .sdps-button[read-only]:hover.sdps-button--primary, .sdps-button[read-only]:visited.sdps-button--primary { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(141, 154, 165); color: rgb(141, 154, 165); } .sdps-button[disabled].sdps-button--secondary, .sdps-button[disabled]:active.sdps-button--secondary, .sdps-button[disabled]:hover.sdps-button--secondary, .sdps-button[disabled]:visited.sdps-button--secondary, .sdps-button[read-only].sdps-button--secondary, .sdps-button[read-only]:active.sdps-button--secondary, .sdps-button[read-only]:hover.sdps-button--secondary, .sdps-button[read-only]:visited.sdps-button--secondary { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(141, 154, 165); } .sdps-button[disabled].sdps-button--tertiary, .sdps-button[disabled]:active.sdps-button--tertiary, .sdps-button[disabled]:hover.sdps-button--tertiary, .sdps-button[disabled]:visited.sdps-button--tertiary, .sdps-button[read-only].sdps-button--tertiary, .sdps-button[read-only]:active.sdps-button--tertiary, .sdps-button[read-only]:hover.sdps-button--tertiary, .sdps-button[read-only]:visited.sdps-button--tertiary { color: rgb(141, 154, 165); } .sdps-button[disabled].sdps-button--buy, .sdps-button[disabled]:active.sdps-button--buy, .sdps-button[disabled]:hover.sdps-button--buy, .sdps-button[disabled]:visited.sdps-button--buy, .sdps-button[read-only].sdps-button--buy, .sdps-button[read-only]:active.sdps-button--buy, .sdps-button[read-only]:hover.sdps-button--buy, .sdps-button[read-only]:visited.sdps-button--buy { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(141, 154, 165); color: rgb(141, 154, 165); } .sdps-button[disabled].sdps-button--sell, .sdps-button[disabled]:active.sdps-button--sell, .sdps-button[disabled]:hover.sdps-button--sell, .sdps-button[disabled]:visited.sdps-button--sell, .sdps-button[read-only].sdps-button--sell, .sdps-button[read-only]:active.sdps-button--sell, .sdps-button[read-only]:hover.sdps-button--sell, .sdps-button[read-only]:visited.sdps-button--sell { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(141, 154, 165); } .sdps-button[disabled].sdps-button--dropdown, .sdps-button[disabled]:active.sdps-button--dropdown, .sdps-button[disabled]:hover.sdps-button--dropdown, .sdps-button[disabled]:visited.sdps-button--dropdown, .sdps-button[read-only].sdps-button--dropdown, .sdps-button[read-only]:active.sdps-button--dropdown, .sdps-button[read-only]:hover.sdps-button--dropdown, .sdps-button[read-only]:visited.sdps-button--dropdown { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(90, 103, 114); cursor: not-allowed; opacity: 1; } .sdps-button[disabled].sdps-button--icon, .sdps-button[disabled].sdps-button--input-right, .sdps-button[disabled]:active.sdps-button--icon, .sdps-button[disabled]:active.sdps-button--input-right, .sdps-button[disabled]:hover.sdps-button--icon, .sdps-button[disabled]:hover.sdps-button--input-right, .sdps-button[disabled]:visited.sdps-button--icon, .sdps-button[disabled]:visited.sdps-button--input-right, .sdps-button[read-only].sdps-button--icon, .sdps-button[read-only].sdps-button--input-right, .sdps-button[read-only]:active.sdps-button--icon, .sdps-button[read-only]:active.sdps-button--input-right, .sdps-button[read-only]:hover.sdps-button--icon, .sdps-button[read-only]:hover.sdps-button--input-right, .sdps-button[read-only]:visited.sdps-button--icon, .sdps-button[read-only]:visited.sdps-button--input-right { color: rgb(141, 154, 165); } a.sdps-button[disabled], fieldset[disabled] a.sdps-button { pointer-events: none; } .sdps-button--surface { border: 0px; font-size: unset; } .sdps-button--surface:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-button--surface:active { background-color: rgba(112, 129, 143, 0.16); } .zh-TW .sdps-button, .zh-TW .sdps-button :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-button-group { display: flex; position: relative; vertical-align: middle; } .sdps-button-group .sdps-button + .sdps-dropdown, .sdps-button-group .sdps-button + .sdps-form-element__control, .sdps-button-group .sdps-dropdown + .sdps-dropdown, .sdps-button-group .sdps-dropdown + .sdps-form-element__control, .sdps-button-group .sdps-form-element__control + .sdps-dropdown { margin: 0px; } .sdps-button-group .sdps-button + .sdps-button { margin-left: 0px; margin-right: 0px; } .sdps-button-group .sdps-button:not(:first-child)::before, .sdps-button-group sdps-button:not(.sdps-button--selected) { content: ""; height: 50%; position: relative; left: -16.5px; width: 0.0625rem; background-color: rgba(112, 129, 143, 0.4); } .sdps-button-group .sdps-dropdown { float: left; } .sdps-button-group .sdps-dropdown--lightGrey:not(:last-child) { border-radius: 0px; border-right: 0px; } .sdps-button-group--primary { display: inline-flex; border-style: solid; border-width: 0.0625rem; border-color: rgb(141, 154, 165); border-radius: 0.375rem; } .sdps-button-group--primary .sdps-button { border-width: medium 0.125rem; border-color: currentcolor transparent; border-top-style: none; border-bottom-style: none; margin-top: -0.0625rem; margin-bottom: -0.0625rem; min-width: auto; padding-right: 0.875rem; padding-left: 0.875rem; } .sdps-button-group--primary .sdps-button:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(0, 0, 0); border-radius: 0px; } .sdps-button-group--primary .sdps-button:hover:first-child { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .sdps-button-group--primary .sdps-button:hover:last-child { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .sdps-button-group--primary .sdps-button:focus-visible:hover { border-radius: 0.375rem; } .sdps-button-group--primary .sdps-button:first-child { margin-left: -0.0625rem; } .sdps-button-group--primary .sdps-button:focus { background: rgba(112, 129, 143, 0.16); } .sdps-button-group--primary .sdps-button.sdps-button--selected { background-color: rgba(0, 183, 255, 0.08); font-weight: 400; border-width: 0.125rem; border-color: rgb(0, 110, 153); border-radius: 0.375rem; border-top-style: solid; border-bottom-style: solid; } .sdps-button-group--primary .sdps-button.sdps-button--selected:hover { background-color: rgba(0, 183, 255, 0.16); } .sdps-button-group .sdps-button-group--primary .sdps-button.sdps-button--selected:focus { background: rgba(0, 183, 255, 0.08); } .sdps-button-group--primary .sdps-button.sdps-button--selected:focus:hover { background-color: rgba(0, 183, 255, 0.16); } .sdps-button-group--primary .sdps-button.sdps-button--selected:last-child { margin-right: -0.0625rem; } .sdps-button-group--primary .sdps-button.sdps-button--selected + button::before, .sdps-button-group--primary .sdps-button.sdps-button--selected::before { visibility: hidden; } .sdps-button-group--primary .sdps-button--hero { background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); } .sdps-button-group--primary .sdps-button--hero:hover { background: rgba(112, 129, 143, 0.12); color: rgb(255, 255, 255); } .sdps-button-group--secondary .sdps-button { border-color: currentcolor transparent; background-color: rgba(0, 0, 0, 0); border-width: medium 0.0625rem; border-top-style: none; border-bottom-style: none; padding-right: 0.9375rem; padding-left: 0.9375rem; height: 3rem; line-height: 1.25rem; } .sdps-button-group--secondary .sdps-button.sdps-button--selected { border-color: rgb(0, 110, 153); border-width: 0.0625rem; border-radius: 0.375rem; border-style: solid; background: rgba(0, 183, 255, 0.08); color: rgb(0, 110, 153); font-weight: 400; } .sdps-button-group--secondary .sdps-button.sdps-button--selected:hover { background-color: rgba(0, 183, 255, 0.16); color: rgb(0, 110, 153); } .sdps-button-group--secondary .sdps-button.sdps-button--selected:focus { background: rgba(0, 183, 255, 0.08); color: rgb(0, 110, 153); } .sdps-button-group--secondary .sdps-button.sdps-button--selected:focus:hover { background-color: rgba(0, 183, 255, 0.16); } .sdps-button-group--secondary .sdps-button.sdps-button--selected + button::before, .sdps-button-group--secondary .sdps-button.sdps-button--selected::before { visibility: hidden; } .sdps-button-group--secondary .sdps-button:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(90, 103, 114); border-radius: 0.375rem; } .sdps-button-group--secondary .sdps-button:focus { color: rgb(90, 103, 114); background: rgba(112, 129, 143, 0.16); } .sdps-button-group--secondary .sdps-button--hero { background: rgba(112, 129, 143, 0.24); color: rgb(255, 255, 255); } .sdps-button-group--secondary .sdps-button--hero:hover { background: rgba(112, 129, 143, 0.12); color: rgb(255, 255, 255); } .sdps-button-group--primary .sdps-button:focus-visible, .sdps-button-group--secondary .sdps-button:focus-visible { z-index: 1; } .sdps-button-group--primary .sdps-button:focus-visible + button::before, .sdps-button-group--primary .sdps-button:focus-visible::before, .sdps-button-group--secondary .sdps-button:focus-visible + button::before, .sdps-button-group--secondary .sdps-button:focus-visible::before { visibility: hidden; left: 0px !important; } .sdps-button-group--small, .sdps-button-group--small .sdps-button { height: 2rem; } .sdps-button-group--small.sdps-button-group--primary .sdps-button { padding-left: 0.625rem; padding-right: 0.625rem; } .sdps-button-group--small.sdps-button-group--secondary .sdps-button { padding-right: 0.6875rem; padding-left: 0.6875rem; } .sdps-button-group--small .sdps-button:not(:first-child)::before { left: -12.5px; } .sdps-button-group--small.sdps-button-group--icon-only.sdps-button-group--primary .sdps-button { padding-right: 0.375rem; padding-left: 0.375rem; } .sdps-button-group--small.sdps-button-group--icon-only.sdps-button-group--secondary .sdps-button { padding-right: 0.4375rem; padding-left: 0.4375rem; } .sdps-button-group--small.sdps-button-group--icon-only .sdps-button:not(:first-child)::before { left: -8.5px; } .sdps-button-group--icon.sdps-button-group--primary .sdps-button { display: flex; flex-direction: row; align-items: center; padding-left: 0.625rem; padding-right: 0.875rem; } .sdps-button-group--icon.sdps-button-group--primary.sdps-button-group--small .sdps-button { padding-left: 0.375rem; } .sdps-button-group--icon.sdps-button-group--primary.sdps-button-group--small .sdps-button:not(:first-child)::before { left: -8.5px; } .sdps-button-group--icon.sdps-button-group--secondary .sdps-button { display: flex; flex-direction: row; align-items: center; padding-left: 0.6875rem; } .sdps-button-group--icon.sdps-button-group--secondary.sdps-button-group--small .sdps-button { padding-left: 0.4375rem; } .sdps-button-group--icon.sdps-button-group--secondary.sdps-button-group--small .sdps-button:not(:first-child)::before { left: -8.5px; } .sdps-button-group--icon .sdps-icon { margin-right: 0.5rem; } .sdps-button-group--icon.sdps-button-group--primary .sdps-button:not(:first-child)::before, .sdps-button-group--icon.sdps-button-group--secondary .sdps-button:not(:first-child)::before { left: -12.5px; } .sdps-button-group .sdps-button:focus { z-index: 1; } .sdps-button--hero.sdps-button--selected, .sdps-button-group .sdps-button--hero.sdps-is-selected { border-color: rgb(155, 167, 176); background-color: rgba(0, 183, 255, 0.1); box-shadow: none; } .sdps-button[disabled], .sdps-button[disabled]:active, .sdps-button[disabled]:hover, .sdps-button[disabled]:visited, .sdps-button[read-only], .sdps-button[read-only]:active, .sdps-button[read-only]:hover, .sdps-button[read-only]:visited { cursor: not-allowed; } .sdps-button-group--primary .sdps-button[disabled], .sdps-button-group--primary .sdps-button[disabled]:active, .sdps-button-group--primary .sdps-button[disabled]:hover, .sdps-button-group--primary .sdps-button[disabled]:visited, .sdps-button-group--primary .sdps-button[read-only], .sdps-button-group--primary .sdps-button[read-only]:active, .sdps-button-group--primary .sdps-button[read-only]:hover, .sdps-button-group--primary .sdps-button[read-only]:visited { background-color: rgba(112, 129, 143, 0.08); color: rgb(141, 154, 165); } .sdps-button-group--primary .sdps-button[disabled].sdps-button--hero, .sdps-button-group--primary .sdps-button[disabled]:active.sdps-button--hero, .sdps-button-group--primary .sdps-button[disabled]:hover.sdps-button--hero, .sdps-button-group--primary .sdps-button[disabled]:visited.sdps-button--hero, .sdps-button-group--primary .sdps-button[read-only].sdps-button--hero, .sdps-button-group--primary .sdps-button[read-only]:active.sdps-button--hero, .sdps-button-group--primary .sdps-button[read-only]:hover.sdps-button--hero, .sdps-button-group--primary .sdps-button[read-only]:visited.sdps-button--hero { background: rgba(112, 129, 143, 0.18); color: rgb(90, 103, 114); } .sdps-button-group--secondary .sdps-button[disabled], .sdps-button-group--secondary .sdps-button[disabled]:active, .sdps-button-group--secondary .sdps-button[disabled]:hover, .sdps-button-group--secondary .sdps-button[disabled]:visited, .sdps-button-group--secondary .sdps-button[read-only], .sdps-button-group--secondary .sdps-button[read-only]:active, .sdps-button-group--secondary .sdps-button[read-only]:hover, .sdps-button-group--secondary .sdps-button[read-only]:visited { color: rgb(141, 154, 165); background-color: rgba(0, 0, 0, 0); } .sdps-button-group--secondary .sdps-button[disabled].sdps-button--hero, .sdps-button-group--secondary .sdps-button[disabled]:active.sdps-button--hero, .sdps-button-group--secondary .sdps-button[disabled]:hover.sdps-button--hero, .sdps-button-group--secondary .sdps-button[disabled]:visited.sdps-button--hero, .sdps-button-group--secondary .sdps-button[read-only].sdps-button--hero, .sdps-button-group--secondary .sdps-button[read-only]:active.sdps-button--hero, .sdps-button-group--secondary .sdps-button[read-only]:hover.sdps-button--hero, .sdps-button-group--secondary .sdps-button[read-only]:visited.sdps-button--hero { border-color: rgb(45, 52, 57); background: rgba(112, 129, 143, 0.18); color: rgb(90, 103, 114); } .sdps-button[disabled].sdps-button--hero, .sdps-button[disabled]:active.sdps-button--hero, .sdps-button[disabled]:hover.sdps-button--hero, .sdps-button[disabled]:visited.sdps-button--hero, .sdps-button[read-only].sdps-button--hero, .sdps-button[read-only]:active.sdps-button--hero, .sdps-button[read-only]:hover.sdps-button--hero, .sdps-button[read-only]:visited.sdps-button--hero { background: rgba(112, 129, 143, 0.18); color: rgb(90, 103, 114); } .zh-TW .sdps-button-group :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-card { background-color: rgb(255, 255, 255); border-color: rgb(198, 205, 210); border-width: 0.0625rem; border-radius: 0.375rem; border-style: solid; box-shadow: 0 2px 4px var(--color-box-shadow-card-base,rgba(0,0,0,.2)); cursor: default; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: rgb(90, 103, 114); max-width: 30rem; } .sdps-card:hover { background-color: rgb(241, 242, 244); box-shadow: none; } .sdps-card:active { box-shadow: none; border-color: rgb(198, 205, 210); background-color: rgb(232, 235, 237); } .sdps-card p { padding-left: 2rem; padding-right: 2rem; } @media only screen and (max-width: 1279px) { .sdps-card p { padding-left: 1.5rem; padding-right: 1.5rem; } } .sdps-card p:last-of-type { margin-bottom: 0px; } .sdps-card--horizontal { display: flex; position: relative; padding: 32px 2rem; max-width: 45rem; } .sdps-card--horizontal p { padding: 0px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; } .sdps-card--horizontal .sdps-card__main-area--horizontal-container { width: 75%; } .sdps-card--horizontal .sdps-card__subtitle { font-size: 0.8125rem; } .sdps-card--horizontal .sdps-card-icon-container { padding-left: 0.5rem; } .sdps-card--horizontal .sdps-card__action { padding-bottom: 0px !important; } .sdps-card--horizontal .sdps-card__header { position: unset; padding-left: 0px; padding-right: 0px; padding-top: 0px !important; } .sdps-card--horizontal .sdps-card__title { line-height: 1.5rem; } .sdps-card--horizontal .sdps-card__image--horizontal-container { width: 25%; padding-right: 1.5rem; } .sdps-card--horizontal .sdps-card__image--horizontal-container .sdps-card__image--horizontal { object-fit: cover; padding: 0px; } .sdps-card--horizontal .sdps-card__action-bar { margin-left: 0px; margin-right: 0px; } @media only screen and (max-width: 1023px) { .sdps-card--horizontal { padding: 1rem 16px 16px 1rem; } .sdps-card--horizontal .sdps-card__header, .sdps-card--horizontal .sdps-card__image--horizontal-container { padding-right: 1rem; } } .sdps-card--link { cursor: pointer; } .sdps-card--centered { text-align: center; } .sdps-card--flat { box-shadow: none; } .sdps-card--borderless { border-width: 0px; box-shadow: none; } .sdps-card--full-height { height: 100%; } .sdps-card__action { display: block; height: 100%; } .sdps-card__action:last-child { padding-bottom: 2rem; } @media only screen and (max-width: 1279px) { .sdps-card__action:last-child { padding-bottom: 1.5rem; } } .sdps-card__action [slot="card-main-area"] > :last-child, .sdps-card__action > :last-child { padding-bottom: 0px; margin-bottom: 0px; } .sdps-card__action--horizontal { display: flex; } a.sdps-card__action, a.sdps-card__action:hover, a.sdps-card__action:link, a.sdps-card__action:visited { color: rgb(90, 103, 114); } a.sdps-card__action:hover { text-decoration: none; } a.sdps-card__action:active { outline-width: unset; } .sdps-card__header { display: flex; position: relative; padding: 1rem 2rem; } @media only screen and (max-width: 1279px) { .sdps-card__header { padding-left: 1.5rem; padding-right: 1.5rem; } } .sdps-card__action > .sdps-card__header:first-child, [slot="card-main-area"] > .sdps-card__title-host:first-child .sdps-card__header, [slot="card-main-area"] > sdps-card-title:first-child .sdps-card__header { padding-top: 1.5rem; padding-bottom: 1.5rem; } .sdps-card__action > .sdps-card__header:last-child, [slot="card-main-area"] > :last-child > .sdps-card__header { padding-bottom: 0px; } .sdps-card__title { font-family: CharlesModern-Medium, CharlesModern-Regular, Arial, Helvetica, sans-serif; font-size: 1.125rem; line-height: 2rem; font-weight: 400; color: rgb(0, 0, 0); overflow-wrap: anywhere; flex-grow: 1; } .sdps-card__subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 0.8125rem; line-height: 1.25rem; font-weight: 400; color: rgb(90, 103, 114); } .zh-TW .sdps-card__subtitle { font-size: 0.8125rem; } .sdps-card__divider { display: block; margin-bottom: 1rem; margin-left: 2rem; margin-right: 2rem; } @media only screen and (max-width: 1279px) { .sdps-card__divider { margin-left: 1.5rem; margin-right: 1.5rem; } } .sdps-card__accessory { flex-shrink: 0; height: 1.5rem; width: 1.5rem; color: rgb(90, 103, 114); } .sdps-card__image { display: block; max-width: 100%; height: auto; padding-bottom: 1.5rem; padding-left: 2rem; padding-right: 2rem; } .sdps-card__action > .sdps-card__image:first-child, [slot="card-main-area"] .sdps-card__image-host:first-child .sdps-card__image, [slot="card-main-area"] sdps-card-image:first-child .sdps-card__image { padding-bottom: 0px; padding-top: 2rem; } @media only screen and (max-width: 1279px) { .sdps-card__image { padding-left: 1.5rem; padding-right: 1.5rem; } .sdps-card__action > .sdps-card__image:first-child, [slot="card-main-area"] sdps-card-image:first-child .sdps-card__image [slot="card-main-area"] .sdps-card__image-host:first-child .sdps-card__image { padding-top: 1.5rem; } } .sdps-card__image--centered { margin-left: auto; margin-right: auto; } .sdps-card__image--responsive { width: 100%; } .sdps-card__image--flush { padding-left: 0px; padding-right: 0px; } .sdps-card__action > .sdps-card__image--flush:first-child, [slot="card-main-area"] > .sdps-card__image-host:first-child .sdps-card__image--flush, [slot="card-main-area"] > sdps-card-image:first-child .sdps-card__image--flush { padding-top: 0px; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .sdps-card__action-bar { margin-top: 1.5rem; margin-left: 2rem; margin-right: 2rem; color: rgb(0, 110, 153); } .sdps-card > .sdps-card__action-bar:last-child { padding-bottom: 2rem; } @media only screen and (max-width: 1279px) { .sdps-card > .sdps-card__action-bar:last-child { padding-bottom: 1.5rem; } } @media only screen and (max-width: 1279px) { .sdps-card__action-bar { margin-left: 1.5rem; margin-right: 1.5rem; } } .zh-TW .sdps-card :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-card-selectable { display: block; } .sdps-card-selectable .sdps-card:not(.sdps-card--selected):hover .sdps-icon--unselected { display: block; } .sdps-card-selectable .sdps-card:not(.sdps-card--selected):hover .sdps-icon--selected { display: none; } .sdps-card-selectable .sdps-card:focus-within { outline-offset: 1px; border-color: transparent; outline: -webkit-focus-ring-color solid 2px !important; } .sdps-card-selectable .sdps-card.sdps-card--selected { outline: rgb(0, 110, 153) solid 0.125rem; border-color: transparent; } .sdps-card-selectable .sdps-card.sdps-card--selected .sdps-icon--unselected { display: none; fill: rgb(90, 103, 114); } .sdps-card-selectable .sdps-card.sdps-card--selected .sdps-icon--selected { display: block; fill: rgb(0, 110, 153); } .sdps-card-selectable .sdps-card-icon-container { width: 2rem; height: 2rem; } .sdps-card-selectable .sdps-card-icon-container .sdps-icon--selected, .sdps-card-selectable .sdps-card-icon-container .sdps-icon--unselected { display: none; width: 2rem; height: 2rem; } .zh-TW .sdps-card-selectable :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-dropdown { overflow: hidden; position: relative; } .sdps-dropdown__select { background-color: rgb(255, 255, 255); border-color: rgb(79, 90, 100); border-radius: 0.375rem; border-style: solid; border-width: 0.0625rem; color: rgb(0, 0, 0); cursor: default; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.5rem; height: 3rem; width: 100%; padding-left: 1rem; padding-right: 2rem; appearance: none; } .sdps-dropdown__select--medium { height: 2.5rem; } .sdps-dropdown__select--small { height: 2rem; padding-left: 0.5rem; padding-right: 1.5rem; } .sdps-dropdown__select--x-small { height: 1.5rem; padding-left: 0.5rem; padding-right: 1.5rem; font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-dropdown__select--x-small { font-size: 0.8125rem; } .sdps-dropdown--hero .sdps-dropdown__select { background: rgb(22, 26, 29); border-color: rgb(155, 167, 176); color: rgb(255, 255, 255); } .sdps-dropdown__select:hover { background-color: rgb(241, 242, 244); border-color: rgb(45, 52, 57); } .sdps-dropdown--hero .sdps-dropdown__select:hover { background: rgb(27, 31, 34); border-color: rgb(198, 205, 210); } .sdps-dropdown__select:focus { border-color: rgb(0, 0, 0); } .sdps-dropdown--hero .sdps-dropdown__select:focus { border-color: rgb(255, 255, 255); } .sdps-form-element--error .sdps-dropdown__select { border-color: rgb(193, 11, 20); } .sdps-form-element--error .sdps-datepicker__filter .sdps-dropdown__select { border-color: rgb(79, 90, 100); } .sdps-dropdown__select[disabled], .sdps-dropdown__select[disabled]:active, .sdps-dropdown__select[disabled]:hover, .sdps-dropdown__select[disabled]:visited, .sdps-dropdown__select[read-only], .sdps-dropdown__select[read-only]:active, .sdps-dropdown__select[read-only]:hover, .sdps-dropdown__select[read-only]:visited { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(90, 103, 114); cursor: not-allowed; opacity: 1; } .sdps-dropdown--hero .sdps-dropdown__select[disabled], .sdps-dropdown--hero .sdps-dropdown__select[disabled]:active, .sdps-dropdown--hero .sdps-dropdown__select[disabled]:hover, .sdps-dropdown--hero .sdps-dropdown__select[disabled]:visited, .sdps-dropdown--hero .sdps-dropdown__select[read-only], .sdps-dropdown--hero .sdps-dropdown__select[read-only]:active, .sdps-dropdown--hero .sdps-dropdown__select[read-only]:hover, .sdps-dropdown--hero .sdps-dropdown__select[read-only]:visited { background-color: rgba(112, 129, 143, 0.18); border-color: rgb(45, 52, 57); color: rgb(90, 103, 114); } .sdps-dropdown__select optgroup, .sdps-dropdown__select option { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; } .sdps-dropdown__select--x-small optgroup, .sdps-dropdown__select--x-small option, .zh-TW .sdps-dropdown__select--x-small optgroup, .zh-TW .sdps-dropdown__select--x-small option { font-size: 0.8125rem; } .sdps-dropdown__icon { color: rgb(90, 103, 114); pointer-events: none; position: absolute; top: 1rem; right: 1rem; } .sdps-dropdown__icon--medium { top: 0.75rem; right: 1rem; } .sdps-dropdown__icon--small { top: 0.5rem; right: 0.5rem; } .sdps-dropdown__icon--x-small { top: 0.3125rem; right: 0.3125rem; } .sdps-dropdown--hero .sdps-dropdown__icon { color: rgb(141, 154, 165); } .sdps-button--dropdown:focus .sdps-dropdown__icon, .sdps-dropdown__select:focus + .sdps-dropdown__icon { color: rgb(90, 103, 114); } .sdps-dropdown--hero .sdps-button--dropdown:focus .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select:focus + .sdps-dropdown__icon { color: rgb(141, 154, 165); } .sdps-account-selector--bank-account .sdps-dropdown__icon, .sdps-account-selector--brokerage-account .sdps-dropdown__icon, .sdps-button--bank-account .sdps-dropdown__icon, .sdps-button--brokerage-account .sdps-dropdown__icon { color: rgb(255, 255, 255); } .sdps-account-selector--bank .sdps-button:focus .sdps-dropdown__icon, .sdps-account-selector--brokerage .sdps-button:focus .sdps-dropdown__icon, .sdps-button--bank-account:focus .sdps-dropdown__icon, .sdps-button--brokerage-account:focus .sdps-dropdown__icon { color: rgb(255, 255, 255); } .sdps-button--dropdown[disabled] .sdps-dropdown__icon, .sdps-button--dropdown[disabled]:active .sdps-dropdown__icon, .sdps-button--dropdown[disabled]:hover .sdps-dropdown__icon, .sdps-button--dropdown[disabled]:visited .sdps-dropdown__icon, .sdps-button--dropdown[read-only] .sdps-dropdown__icon, .sdps-button--dropdown[read-only]:active .sdps-dropdown__icon, .sdps-button--dropdown[read-only]:hover .sdps-dropdown__icon, .sdps-button--dropdown[read-only]:visited .sdps-dropdown__icon, .sdps-dropdown__select[disabled] + .sdps-dropdown__icon, .sdps-dropdown__select[disabled]:active + .sdps-dropdown__icon, .sdps-dropdown__select[disabled]:hover + .sdps-dropdown__icon, .sdps-dropdown__select[disabled]:visited + .sdps-dropdown__icon, .sdps-dropdown__select[read-only] + .sdps-dropdown__icon, .sdps-dropdown__select[read-only]:active + .sdps-dropdown__icon, .sdps-dropdown__select[read-only]:hover + .sdps-dropdown__icon, .sdps-dropdown__select[read-only]:visited + .sdps-dropdown__icon { color: rgb(169, 179, 188); } .sdps-dropdown--hero .sdps-button--dropdown[disabled] .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[disabled]:active .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[disabled]:hover .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[disabled]:visited .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[read-only] .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[read-only]:active .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[read-only]:hover .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-button--dropdown[read-only]:visited .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[disabled] + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[disabled]:active + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[disabled]:hover + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[disabled]:visited + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[read-only] + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[read-only]:active + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[read-only]:hover + .sdps-dropdown__icon, .sdps-dropdown--hero .sdps-dropdown__select[read-only]:visited + .sdps-dropdown__icon { color: rgb(67, 77, 86); } .sdps-dropdown__menu { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; display: none; position: absolute; right: 0px; top: 24px; z-index: 10201; } .dropdown-open > .sdps-dropdown__menu { display: block; } .sdps-table-expandable__options .dropdown .sdps-dropdown__menu { font-weight: 400; } .sdps-button.dropdown-toggle { padding-right: 0px; height: auto; } .dropdown-menu-items { display: inline-block; padding: 5px; } .dropdown-toggle:focus { outline: -webkit-focus-ring-color auto 5px; } .zh-TW .sdps-dropdown :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-modal--open { overflow: hidden; } .sdps-modal--open .sdps-modal--overlay { overflow: hidden auto; } .sdps-modal--overlay { position: fixed; inset: 0px; z-index: 101003; display: none; overflow: hidden; outline: 0px; opacity: 0; transition: opacity 0.15s linear; } .sdps-modal__dialog { max-width: 900px; min-width: 350px; margin: 20vh auto 0px; position: relative; padding: 0px 30px; z-index: 101004; } .sdps-modal__dialog--docked-left, .sdps-modal__dialog--docked-right { position: relative; max-width: 480px; min-width: 360px; margin: auto; padding: 0px; min-height: 100vh; top: 0px; } .sdps-modal__dialog--docked-right { margin-right: 0px; } .sdps-modal__dialog--docked-left { margin-left: 0px; } .sdps-modal__content { position: relative; display: flex; flex-direction: column; background-clip: padding-box; background-color: rgb(255, 255, 255); border-color: rgb(198, 205, 210); border-width: 0.0625rem; border-radius: 0.125rem; border-style: solid; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 12px; outline: 0px; } .sdps-modal__dialog--docked-left .sdps-modal__content, .sdps-modal__dialog--docked-right .sdps-modal__content { border-radius: 0px; min-height: inherit; } .sdps-modal__header { display: flex; justify-content: space-between; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-modal__header .sdps-modal__title, .sdps-modal__header h2 { padding: 1.5rem 0px 1.5rem 1.5rem; font-size: 1.5rem; line-height: 2rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; overflow-wrap: anywhere; } .sdps-modal__close { border-radius: 0px 2px 0px 0px; color: rgb(90, 103, 114); height: auto; line-height: 2rem; padding-bottom: 1.5rem; padding-top: 1.5rem; width: auto; flex-shrink: 0; font-size: 1.25rem !important; } .sdps-modal__dialog--docked-left .sdps-modal__close, .sdps-modal__dialog--docked-right .sdps-modal__close { border-radius: 0px; } .sdps-modal__close:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(90, 103, 114); } .sdps-modal__body { position: relative; flex: 1 0 auto; padding: 1.5rem 24px 1.5rem 1.5rem; } .sdps-modal__subtitle { font-size: 1.25rem; line-height: 1.75rem; color: rgb(0, 0, 0); font-family: CharlesModern-Bold, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; } .sdps-modal__dialog--docked-left .sdps-modal__subtitle, .sdps-modal__dialog--docked-right .sdps-modal__subtitle { font-family: Arial, Helvetica, sans-serif; } .sdps-modal__footer { align-items: center; border-top: 0.0625rem solid rgba(112, 129, 143, 0.4); border-right-color: rgba(112, 129, 143, 0.4); border-bottom-color: rgba(112, 129, 143, 0.4); border-left-color: rgba(112, 129, 143, 0.4); display: flex; justify-content: flex-end; margin-left: 1.5rem; margin-right: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.5rem; } .sdps-backdrop { background-color: rgba(0, 0, 0, 0.32); position: fixed; inset: 0px; height: 100%; width: 100%; z-index: 101001; } .sdps-fade--open { opacity: 1; } .sdps-modal--overlay.spds-fade--open .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-25%); } .sdps-modal--transition { transition: 0.3s; } .sdps-modal--right-animate { transform: translate3d(100%, 0px, 0px); } .sdps-modal--left-animate { transform: translate3d(-100%, 0px, 0px); } .sdps-modal--transform-none { transform: translate(0px); } .sdps-modal--overlay.sdps-fade--open { display: block; } @media (min-width: 0) and (max-width: 767px) { .sdps-modal { inset: 0px; overflow: hidden; outline: 0px; position: fixed; z-index: 101003; background: 0px 0px !important; } .sdps-modal__dialog { max-width: 100%; min-width: 0px; margin: 0px; padding: 0px; position: relative; } .sdps-modal__content { border: 0px; box-shadow: none; } .sdps-backdrop { background: rgb(255, 255, 255); opacity: 1; } } @media (min-width: 768px) { .sdps-modal__dialog--x-small, .sdps-modal__dialog--xs-small { width: 350px; } .sdps-modal__dialog--small { width: 500px; } .sdps-modal__dialog--small.sdps-modal__dialog--docked-left, .sdps-modal__dialog--small.sdps-modal__dialog--docked-right { width: 360px; } .sdps-modal__dialog--medium { width: 650px; } .sdps-modal__dialog--large { width: 800px; } .sdps-modal__dialog--large.sdps-modal__dialog--docked-left, .sdps-modal__dialog--large.sdps-modal__dialog--docked-right { width: 480px; } .sdps-modal__dialog--x-large { width: 950px; } .sdps-modal__dialog--flex--xs-small { max-width: 500px; min-width: 350px; } .sdps-modal__dialog--flex--small { max-width: 650px; min-width: 500px; } .sdps-modal__dialog--flex--medium { max-width: 800px; min-width: 650px; } .sdps-modal__dialog--flex--large { max-width: 950px; min-width: 800px; } } .zh-TW .sdps-modal :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-htab--default { background-color: rgb(255, 255, 255); } .sdps-htab--default__primaryNav { border-bottom: 1px solid rgb(204, 204, 204); } .sdps-htab--default__primaryNav .sdps-htab--default__link.active { border-bottom: 3px solid rgb(26, 161, 221); font-weight: 600; } .sdps-htab--default__list { list-style-type: none; display: inline-flex; } .sdps-htab--default__link { text-decoration: none; display: inline-block; padding: 15px; } .sdps-htab--default__primaryNav .sdps-htab--default__link, .sdps-htab--default__secondaryNav .sdps-htab--default__link { color: rgb(0, 0, 0); } .sdps-htab--default__secondaryNav .sdps-htab--default__link.active { font-weight: 600; } .zh-TW .sdps-htab--default :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-notification { border-width: 0.0625rem; border-style: solid; color: rgb(0, 0, 0); display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.5rem; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0.125rem; position: relative; } .sdps-notification--error { background-color: rgb(254, 231, 232); border-color: rgb(193, 11, 20); } .sdps-notification--error__formList { list-style-type: disc; margin-top: 0.25rem; padding-left: 1rem; } .sdps-notification--error__formList li { margin-bottom: 0.125rem; } .sdps-notification--error__formList li:last-of-type { margin-bottom: 0px; } .sdps-notification--warning { background-color: rgb(255, 247, 229); border-color: rgb(179, 123, 0); } .sdps-notification--information { background-color: rgb(229, 248, 255); border-color: rgb(0, 110, 153); } .sdps-notification--confirmation { background-color: rgb(236, 249, 236); border-color: rgb(38, 115, 38); } .sdps-notification__icon { padding-top: 0.75rem; padding-left: 1rem; } .sdps-notification--error .sdps-notification__icon { color: rgb(193, 11, 20); } .sdps-notification--warning .sdps-notification__icon { color: rgb(179, 123, 0); } .sdps-notification--information .sdps-notification__icon { color: rgb(0, 110, 153); } .sdps-notification--confirmation .sdps-notification__icon { color: rgb(38, 115, 38); } .sdps-notification__text { flex-grow: 1; margin: 1rem; } .sdps-notification__text p { margin-bottom: 0.125rem; } .sdps-notification__text p:last-of-type { margin-bottom: 0px; } .sdps-notification__title { color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .sdps-notification__title + p { margin-bottom: 0.125rem; } .sdps-notification__close { color: rgb(79, 90, 100); height: 100%; padding: 1rem; } .sdps-notification__close:hover { color: rgb(45, 52, 57); text-decoration: none; } .sdps-notification--promotional-primary { border-color: rgb(141, 154, 165); background-color: rgb(255, 255, 255); } .sdps-notification--promotional-secondary { border-color: rgb(141, 154, 165); background-color: rgba(112, 129, 143, 0.08); } .sdps-notification__promotional-image { padding-left: 1rem; padding-top: 1rem; } .sdps-notification__promotional-image img { height: 4rem; width: 4rem; border-radius: 0.375rem; } .sdps-notification__action .sdps-button + .sdps-button { margin-left: 0px; } .sdps-notification__action .sdps-button, .sdps-notification__action a { margin-right: 1rem; margin-top: 1rem; display: inline-block; } @media only screen and (max-width: 767px) { .sdps-notification__action .sdps-button, .sdps-notification__action a { display: block; } } @media only screen and (max-width: 767px) { .sdps-notification__action .sdps-display-inline-block { display: block; } } .zh-TW .sdps-notification :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-wrapper { max-width: 100%; margin-left: auto; margin-right: auto; } .sdps-wrapper::after { clear: both; content: ""; display: table; } .sdps-table { background-color: rgb(255, 255, 255); border-collapse: collapse; border-spacing: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 100%; max-width: 100%; } .sdps-table .data-row td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .sdps-table > thead > tr > td, .sdps-table > thead > tr > th { border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.8); color: rgb(90, 103, 114); font-size: 0.8125rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.25rem; } .zh-TW .sdps-table > thead > tr > td, .zh-TW .sdps-table > thead > tr > th { font-size: 0.8125rem; } .sdps-table > thead > tr > th { text-align: left; vertical-align: bottom; } .sdps-table > tbody > tr > td, .sdps-table > tbody > tr > th, .sdps-table > tfoot > tr > td, .sdps-table > tfoot > tr > th { color: rgb(0, 0, 0); font-size: 1rem; font-weight: 400; line-height: 1.5rem; vertical-align: top; height: auto; } .sdps-table > tbody > tr > td p:first-of-type, .sdps-table > tbody > tr > th p:first-of-type, .sdps-table > tfoot > tr > td p:first-of-type, .sdps-table > tfoot > tr > th p:first-of-type { padding-top: 0px; } .sdps-table > tbody > tr > td, .sdps-table > tbody > tr > th, .sdps-table > tfoot > tr > td, .sdps-table > tfoot > tr > th, .sdps-table > thead > tr > td, .sdps-table > thead > tr > th { padding: 0.5rem 16px 0.5rem 1rem; position: relative; } .sdps-table--bordered > tbody > tr:not(.sdps-table-expandable--expanded), .sdps-table--bordered > tfoot > tr { border-bottom: 0.0625rem dotted rgba(112, 129, 143, 0.4); border-top: 0px; } .sdps-table--bordered > tbody > tr > td:first-child, .sdps-table--bordered > thead > tr > th:first-child { padding-left: 1.5rem; } .sdps-table--bordered > tbody > tr:last-child { border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-table--sort { display: inline-block; position: relative; vertical-align: bottom; } .sdps-table--sort > .sdps-button { border: 0px; font-size: 0.8125rem; padding: 0px; height: inherit; white-space: normal; text-align: inherit; } .sdps-table--sort > .sdps-button.sort-is-active { margin-left: 0px; font-weight: 700; } .zh-TW .sdps-table--sort > .sdps-button { font-size: 0.8125rem; } .sdps-table__sort-icon { color: rgb(0, 110, 153); vertical-align: bottom; position: absolute; right: -19px; bottom: 1px; } .sdps-table-expandable--collapsed .sdps-icon, .sdps-table-expandable--expanded .sdps-icon { color: rgb(90, 103, 114); margin-left: -4px; margin-right: 0.5rem; } .sdps-table-expandable tbody tr td.sdps-table-expandable__caret-spacing, .sdps-table-expandable thead tr th.sdps-table-expandable__caret-spacing { padding-right: 0px; padding-left: 1.5rem; } .sdps-table-expandable tbody tr td.sdps-table-expandable__caret-spacing + td, .sdps-table-expandable tbody tr td.sdps-table-expandable__caret-spacing + td.sdps-table-expandable__information-cell, .sdps-table-expandable tbody tr td.sdps-table-expandable__caret-spacing + th, .sdps-table-expandable thead tr th.sdps-table-expandable__caret-spacing + td, .sdps-table-expandable thead tr th.sdps-table-expandable__caret-spacing + td.sdps-table-expandable__information-cell, .sdps-table-expandable thead tr th.sdps-table-expandable__caret-spacing + th { padding-left: 0px; } .sdps-table .sdps-table-expandable--expanded td { font-weight: 700; padding-bottom: 1rem; } .sdps-table .sdps-table-expandable--expanded .sdps-table-expandable__information-cell a { font-size: 1rem; font-family: Arial, Helvetica, sans-serif; } .sdps-table-expandable__caret-spacing { width: 40px; } .sdps-table-expandable--expanded { border-bottom: 2px solid transparent; } .sdps-table-nested { padding-top: 20px !important; } .sdps-table-nested sch-table section { padding-left: 45px; } .sdps-table-nested sch-table section div table tbody tr:last-child { border-bottom-color: transparent; } .sdps-table__sub-header { color: rgb(90, 103, 114); font-size: 0.8125rem; font-weight: 400; line-height: 1.25rem; display: block; } .zh-TW .sdps-table__sub-header { font-size: 0.8125rem; } .sdpa-table-stacked td:first-child { border-top: 2px solid transparent; } .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-expandable--expanded, .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-stacked { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-expandable--expanded { border-top: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-stacked > td, .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-stacked > th { border-top: 0px; border-bottom: 0.0625rem dotted rgba(112, 129, 143, 0.4); } .sdps-table-expandable--expanded + .sdps-table-stacked td { vertical-align: bottom; } .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-stacked + tr.sdps-table-expandable--collapsed, .sdps-table-expandable.sdps-table--bordered > tbody > tr.sdps-table-stacked + tr.sdps-table-expandable--expanded { border-top: 0.0625rem solid rgba(112, 129, 143, 0.4); border-bottom: 0.0625rem dotted rgba(112, 129, 143, 0.4); } .sdps-table-expandable.sdps-table--bordered tbody tr.sdps-table-stacked td.sdps-table-expandable__caret-spacing { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-table-expandable tbody tr td.sdps-table-expandable__options-spacing, .sdps-table-expandable thead tr th.sdps-table-expandable__options-spacing { width: 5rem; } .sdps-table-expandable__options { text-align: right; overflow: visible !important; } .sdps-table__badge-number { background-color: rgba(112, 129, 143, 0.12); color: rgb(90, 103, 114); font-size: 0.625rem; font-family: CharlesModern-Bold, Arial, Helvetica, sans-serif; font-weight: 700; border-radius: 17px; line-height: 1.0625rem; height: 17px; width: 17px; text-align: center; margin-bottom: -22px; position: relative; right: 25px; top: 5px; display: block !important; } .sdps-table .select-all { margin-bottom: 2px; } .sdps-table-expandable .icon-link:hover span, .sdps-table-expandable--collapsed .icon-link:hover span, .sdps-table-expandable--expanded .icon-link:hover span { text-decoration: none; } .sdps-table__information-icon { color: rgb(0, 110, 153); font-size: 13px !important; } .sdps-table__information-icon:hover { color: rgb(0, 93, 128); } .sdps-wrapper--table .sdps-table tbody .sdps-table-total-divider, .sdps-wrapper--table .sdps-table-expandable tbody .sdps-table-total-divider { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top: 0.125rem solid rgba(112, 129, 143, 0.4); } .sdps-wrapper--table .sdps-table tbody .sdps-table-total-divider td, .sdps-wrapper--table .sdps-table-expandable tbody .sdps-table-total-divider td { padding-top: 1rem; font-weight: 700; font-size: 1rem; } .sdps-table-band__brokerage { border-left: 0.25rem solid rgb(0, 110, 153); } .sdps-table-band__schwab-bank { border-left: 0.25rem solid rgb(102, 102, 102); } .sdps-table-band__affiliate { border-left: 0.25rem solid rgb(66, 119, 138); } .sdps-table-band__external { border-left: 0.25rem solid rgb(104, 121, 83); } .sdps-table-band__view-only { border-left: 0.25rem solid rgb(31, 122, 119); } .sdps-table.sdps-table--bordered .sdps-table-subtotal { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-table.sdps-table--bordered .sdps-table-subtotal td { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sdps-table.sdps-table--bordered .sdps-table-subtotal:last-child td { font-weight: 700; } .sdps-wrapper--table .sdps-table tbody .sdps-table-total-divider.sdps-table-subtotal td { font-weight: 400; } .sdps-table--simple-stackable > thead > tr { border-bottom: 1px solid rgb(221, 221, 221); } .sdps-table-rows--hover:hover { background-color: rgb(241, 242, 244); } @media (max-width: 767px) { .sdps-table--complex-stackable tr, .sdps-table--complex-stackable tr > td, .sdps-table--complex-stackable tr > th, .sdps-table--simple-stackable tr, .sdps-table--simple-stackable tr > td, .sdps-table--simple-stackable tr > th { display: block; width: auto; } .sdps-table--simple-stackable > thead > tr > th { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-table--complex-stackable tr > td { border-top: 1px solid rgb(221, 221, 221); text-align: right; padding: 10px 15px !important; } .sdps-table--complex-stackable td::before { float: left; } .sdps-table--complex-stackable thead { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .sdps-table--complex-stackable td::before, .sdps-table--complex-stackable th::before { content: attr(data-label); display: block; letter-spacing: 1px; text-transform: uppercase; } } .sdps-table--top > tbody > tr > td, .sdps-table--top > tbody > tr > th, .sdps-table--top > tfoot > tr > td, .sdps-table--top > tfoot > tr > th { vertical-align: top; } .zh-TW .sdps-table :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .zh-TW .sdps-table--badge-number { top: 5px; } .sdps-modal--tooltip { border-width: 0.0625rem; border-style: solid; border-color: rgb(198, 205, 210); max-width: 53.125rem; min-width: 18.75rem; padding: 1.5rem; position: absolute; background-color: rgb(255, 255, 255); border-radius: 0.125rem; box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 12px; text-align: left; white-space: normal; } .sdps-modal--tooltip::after { box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 12px; border-width: 0.0625rem; border-style: solid; border-color: rgb(198, 205, 210); z-index: -1; } .sdps-modal--tooltip[aria-expanded="false"] { display: none; } .sdps-modal--tooltip-appended-to-body { position: static; } .sdps-modal--tooltip:not(.sdps-tooltip-repositioned)::after, .sdps-modal--tooltip:not(.sdps-tooltip-repositioned)::before { width: 1rem; height: 1rem; position: absolute; transform: rotate(45deg); content: ""; background-color: inherit; left: 1.5rem; bottom: -0.5rem; margin-left: -0.5rem; } .sdps-modal--tooltip--top:not(.sdps-tooltip-repositioned) { bottom: 200%; left: -15px; } .sdps-modal--tooltip--top:not(.sdps-tooltip-repositioned)::after, .sdps-modal--tooltip--top:not(.sdps-tooltip-repositioned)::before { top: 100%; margin-top: -0.5rem; } .sdps-modal--tooltip--top.sdps-tooltip-repositioned { bottom: 200%; right: -15px; } .sdps-modal--tooltip--top.sdps-tooltip-repositioned::after, .sdps-modal--tooltip--top.sdps-tooltip-repositioned::before { top: 100%; margin-top: -0.5rem; } .sdps-modal--tooltip--top.sdps-tooltip-repositioned.sdps-modal--tooltip::after, .sdps-modal--tooltip--top.sdps-tooltip-repositioned.sdps-modal--tooltip::before { width: 1rem; height: 1rem; position: absolute; transform: rotate(45deg); content: ""; background-color: inherit; right: 1.5rem; bottom: -0.5rem; margin-right: -0.5rem; } .sdps-modal--tooltip--bottom:not(.sdps-tooltip-repositioned) { top: 200%; left: -15px; } .sdps-modal--tooltip--bottom:not(.sdps-tooltip-repositioned)::after, .sdps-modal--tooltip--bottom:not(.sdps-tooltip-repositioned)::before { bottom: 100%; margin-bottom: -0.5rem; } .sdps-modal--tooltip--bottom.sdps-tooltip-repositioned { top: 200%; right: -15px; } .sdps-modal--tooltip--bottom.sdps-tooltip-repositioned::after, .sdps-modal--tooltip--bottom.sdps-tooltip-repositioned::before { bottom: 100%; margin-bottom: -0.5rem; } .sdps-modal--tooltip--bottom.sdps-tooltip-repositioned.sdps-modal--tooltip::after, .sdps-modal--tooltip--bottom.sdps-tooltip-repositioned.sdps-modal--tooltip::before { width: 1rem; height: 1rem; position: absolute; transform: rotate(45deg); content: ""; background-color: inherit; right: 1.5rem; top: -0.5rem; margin-right: -0.5rem; } .sdps-modal--tooltip--right:not(.sdps-tooltip-repositioned) { top: -36px; left: 200%; } .sdps-modal--tooltip--right:not(.sdps-tooltip-repositioned)::after, .sdps-modal--tooltip--right:not(.sdps-tooltip-repositioned)::before { top: 32px; left: -1px; border-left: 0.0625rem solid rgb(198, 205, 210); } .sdps-modal--tooltip--right.sdps-tooltip-repositioned { top: 200%; right: -15px; } .sdps-modal--tooltip--right.sdps-tooltip-repositioned::after, .sdps-modal--tooltip--right.sdps-tooltip-repositioned::before { bottom: 100%; margin-bottom: -0.5rem; } .sdps-modal--tooltip--right.sdps-tooltip-repositioned.sdps-modal--tooltip::after, .sdps-modal--tooltip--right.sdps-tooltip-repositioned.sdps-modal--tooltip::before { width: 1rem; height: 1rem; position: absolute; transform: rotate(45deg); content: ""; background-color: inherit; right: 1.5rem; top: -0.5rem; margin-right: -0.5rem; } .sdps-tooltip__header { display: none; justify-content: space-between; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-tooltip__header .sdps-tooltip__title { padding: 1.5rem 0px 1.5rem 1.5rem; font-size: 1.5rem; line-height: 2rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; } .sdps-tooltip__footer { align-items: center; border-top: 0.0625rem solid rgba(112, 129, 143, 0.4); border-right-color: rgba(112, 129, 143, 0.4); border-bottom-color: rgba(112, 129, 143, 0.4); border-left-color: rgba(112, 129, 143, 0.4); display: none; justify-content: flex-end; margin-left: 1.5rem; margin-right: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.5rem; } .sdps-tooltip__close { color: rgb(90, 103, 114); height: auto; line-height: 2rem; padding-bottom: 1.5rem; padding-top: 1.5rem; width: auto; border-radius: 0.125rem; flex-shrink: 0; z-index: 1; font-size: 1.25rem !important; } .sdps-tooltip__close:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(90, 103, 114); } .sdps-modal--tooltip .sdps-modal__text { font-size: 1rem; line-height: 1.5rem; } .sdps-tooltip__icon { color: rgb(0, 110, 153); padding: 0px 1px; z-index: 3; } .sdps-tooltip__icon:hover, .tooltipOpen .sdps-tooltip__icon { color: rgb(0, 93, 128); } .sdps-tooltip__backdrop { position: fixed; inset: 0px; z-index: 990; } .sdps-tooltip__container { position: relative; } .sdps-tooltip__container .sdps-button__icon { position: relative; top: 2px; } .sdps-tooltip__container--appended-to-body { position: absolute; z-index: 101000; } .sdps-overlay--active, .sdps-tooltip--active { z-index: 101000 !important; } @media (min-width: 0) and (max-width: 767px) { .sdps-modal--tooltip-appended-to-body { position: fixed; } .sdps-modal--tooltip { overflow-y: auto; } .sdps-tooltip__footer, .sdps-tooltip__header { display: flex; } .sdps-modal--tooltip, .sdps-modal--tooltip.sdps-tooltip-repositioned { border: 0px; background-color: rgb(255, 255, 255); height: 100%; position: fixed; width: 100vw; z-index: 101000; padding: 0px; margin-top: 0px; inset: 0px !important; max-width: 53.125rem !important; min-width: 18.75rem !important; } .sdps-overlay--active .sdps-modal--tooltip, .sdps-overlay--active .sdps-modal--tooltip.sdps-tooltip-repositioned { margin-top: 0px; } .sdps-modal--tooltip.sdps-tooltip-repositioned::after, .sdps-modal--tooltip.sdps-tooltip-repositioned::before, .sdps-modal--tooltip::after, .sdps-modal--tooltip::before { content: none !important; } .sdps-modal--tooltip.sdps-tooltip-repositioned[aria-expanded="true"], .sdps-modal--tooltip[aria-expanded="true"] { display: block; } .sdps-modal--tooltip.sdps-tooltip-repositioned[aria-expanded="false"], .sdps-modal--tooltip[aria-expanded="false"] { display: none; } .sdps-modal__text { padding: 1.5rem; } .sdps-modal--tooltip--open { overflow: hidden; } } @media (min-width: 768px) { .sdps-modal--tooltip { padding: 0px; } .sdps-modal__text { padding: 1.5rem; } } .sdps-tooltip__header-title { display: flex; justify-content: space-between; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-tooltip__header-title .sdps-tooltip__title { font-size: 1.125rem; font-weight: 400; padding: 1rem 1.5rem; line-height: 2rem; } .sdps-tooltip__header-title .sdps-tooltip__close { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 0) and (max-width: 767px) { .sdps-tooltip__header-title { display: flex; justify-content: space-between; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-tooltip__header-title .sdps-tooltip__title { font-size: 1.5rem; padding: 1.5rem 0px 1.5rem 1.5rem; font-weight: 400; } .sdps-tooltip__header-title .sdps-tooltip__close { padding-bottom: 1.5rem; padding-top: 1.5rem; } } .sdps-tooltip--hide { visibility: hidden; width: 0px; overflow: hidden; min-width: auto !important; } .zh-TW .sdps-tooltip__container :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-htab--stepped { font-family: Arial, Helvetica, sans-serif; font-size: 0.9375rem; height: 1.625rem; line-height: 1.625rem; margin-bottom: 1.25rem; overflow: hidden; } .sdps-htab--stepped::after { clear: both; content: ""; display: table; } .sdps-htab--stepped__nav { align-items: stretch; display: flex; flex-direction: row; list-style-type: none; } .sdps-htab--stepped__item { background-color: rgb(232, 235, 237); padding-left: 25px; padding-right: 6px; position: relative; text-align: center; flex: 1 1 0%; transition: background-color 0.1s linear; min-width: 1rem; } .sdps-htab--stepped__item .sdps-htab__long-description, .sdps-htab--stepped__item .sdps-htab__short-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .sdps-htab--stepped__item:first-of-type { padding-left: 10px; } .sdps-htab--stepped__item:first-of-type::before { display: none; } .sdps-htab--stepped__item:last-of-type { padding-right: 10px; } .sdps-htab--stepped__item:last-of-type::after { display: none; } .sdps-htab--stepped__item::after, .sdps-htab--stepped__item::before { content: " "; height: 0px; position: absolute; width: 0px; top: 0px; } .sdps-htab--stepped__item::before { border-width: 1.0625rem; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: none; top: -0.25rem; left: 0px; z-index: 1; } .sdps-htab--stepped__item::after { border-width: 0.8125rem; border-style: solid; border-color: transparent transparent transparent rgb(232, 235, 237); border-image: none; right: -1.625rem; z-index: 2; transition: border-left-color 0.1s linear; } @media screen and (min-width: 1024px) { .sdps-htab--stepped__item .sdps-htab__short-description { display: none; } } @media screen and (max-width: 1023px) { .sdps-htab--stepped__item .sdps-htab__long-description { display: none; } } @media screen and (max-width: 479px) { .sdps-htab--stepped__item { text-indent: -999.9rem; transition: 0.1s; padding: 0px; } .sdps-htab--stepped__item:first-of-type { padding-left: 0px; } .sdps-htab--stepped__item:last-of-type { padding-right: 0px; } .sdps-htab--stepped__item::after { transition: border-left-color 0.1s; } .sdps-htab--stepped__item .sdps-htab__short-description { display: none; } } .sdps-htab--stepped__item.sdps-is-active { background-color: rgb(90, 103, 114); color: rgb(255, 255, 255); flex: 1 1 auto; max-width: 50%; } .sdps-htab--stepped__item.sdps-is-active .sdps-htab__short-description { display: none; } .sdps-htab--stepped__item.sdps-is-active .sdps-htab__long-description { display: block; } .sdps-htab--stepped__item.sdps-is-active::after { border-left-color: rgb(90, 103, 114); } @media screen and (max-width: 479px) { .sdps-htab--stepped__item.sdps-is-active { padding-left: 25px; padding-right: 6px; text-indent: 0px; max-width: fit-content; } } .sdps-htab--stepped__item.sdps-is-complete { background-color: rgb(232, 235, 237); } .sdps-htab--stepped__item.sdps-is-complete::after { border-left-color: rgb(232, 235, 237); } .zh-TW .sdps-htab--stepped :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-navigation--horizontal, .sdps-navigation--vertical { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-navigation--horizontal__levelThree .sdps-navigation--horizontal__list { background-color: rgb(230, 236, 242); border-bottom: 1px solid rgb(177, 200, 216); font-size: 0.875rem; position: relative; } .sdps-navigation--horizontal__levelThree .sdps-navigation--horizontal__item.sdps-is-active { background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(177, 200, 216) rgb(177, 200, 216) transparent; border-image: none; margin-bottom: -1px; } .sdps-navigation--horizontal__item, .sdps-navigation--vertical__item { list-style-type: none; } .sdps-navigation--horizontal__item { display: inline-flex; } .sdps-navigation--horizontal__item .sdps-navigation--horizontal__link { color: rgb(46, 46, 46); line-height: 1.8125rem; padding: 0px 10px; text-decoration: none; } .sdps-navigation--horizontal__item .sdps-navigation--horizontal__link:hover { text-decoration: underline; } .sdps-navigation--horizontal__item.sdps-is-active .sdps-navigation--horizontal__link { color: rgb(17, 17, 17); cursor: default; font-weight: 700; text-decoration: none; } .sdps-navigation--vertical__item.sdps-is-active > .sdps-navigation--vertical__link { color: rgb(17, 17, 17); cursor: default; font-weight: 700; } .sdps-navigation--vertical__item.sdps-is-active > .sdps-navigation--vertical__link:hover { text-decoration: none; } .sdps-navigation--vertical { margin-top: 85px; width: 215px; } .sdps-navigation--vertical__link { text-decoration: none; vertical-align: top; } .sdps-navigation--vertical__link:hover { text-decoration: underline; } .sdps-navigation--vertical__levelThree > .sdps-navigation--vertical__list > .sdps-navigation--vertical__item { border-bottom: 1px solid rgb(191, 191, 191); font-size: 0.875rem; padding: 12px 0px; } .sdps-navigation--vertical__levelFour > .sdps-navigation--vertical__list > .sdps-navigation--vertical__item { font-size: 0.75rem; padding-top: 5px; } .sdps-navigation--vertical__levelFour { padding-left: 15px; } .sdps-navigation--vertical__levelFive > .sdps-navigation--vertical__list > .sdps-navigation--vertical__item { font-size: 0.6875rem; padding-top: 5px; } .sdps-navigation--vertical__levelFive { padding-left: 15px; } .sdps-navigation--vertical__link:first-child { padding-left: 20px; } .sdps-navigation--vertical__icon__collapsed, .sdps-navigation--vertical__icon__expanded { color: rgb(0, 102, 204); } .zh-TW .sdps-navigation--horizontal :not([class*="sch-"]):not([class^="sch-"]), .zh-TW .sdps-navigation--vertical :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-htab--super { border: 1px solid rgb(217, 217, 217); } .sdps-htab--super__nav { background-color: rgb(248, 248, 248); overflow: hidden; padding-top: 15px; height: 118px; } .sdps-htab--super__list { border-bottom: 1px solid rgb(217, 217, 217); display: inline-flex; list-style-type: none; padding: 0px 15px; width: 100%; } .sdps-htab--super__item { flex: 1 1 0%; margin-bottom: -1px; } .sdps-htab--super__item:last-child { border-right: 1px solid rgb(217, 217, 217); } .sdps-htab--super__content { height: 130px; padding: 20px; } .sdps-htab--super__price, .sdps-htab--super__subtitle, .sdps-htab--super__title { display: block; } .sdps-htab--super__link { background-color: rgb(241, 248, 255); border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(217, 217, 217) currentcolor currentcolor rgb(217, 217, 217); border-image: none; box-sizing: content-box; box-shadow: rgba(153, 153, 153, 0.3) 0px -1px 3px; display: block; height: 76px; padding: 12px 14px; text-decoration: none; white-space: normal; } .sdps-htab--super__link .sdps-htab--super__title { color: rgb(51, 51, 51); font-size: 12px; font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; height: 30px; } .sdps-htab--super__link .sdps-htab--super__number { color: rgb(102, 102, 102); display: inline-block; font-size: 20px; font-family: CharlesModern-Light, "Charles Modern", Arial, Helvetica, sans-serif; margin-top: 5px; } .sdps-htab--super__link .sdps-htab--super__subTitle { color: rgb(51, 51, 51); font-size: 12px; font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; } .sdps-htab--super__link.sdps-is-active { background-color: rgb(255, 255, 255); border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(217, 217, 217) currentcolor rgb(255, 255, 255) rgb(217, 217, 217); border-image: none; box-shadow: rgba(153, 153, 153, 0.3) 0px -1px 3px; cursor: default; font-weight: 700; } .sdps-htab--super__link.sdps-is-active:hover { background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(255, 255, 255); border-image: none; } .sdps-htab--super__link:hover { background-color: rgb(228, 239, 250); border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(215, 215, 215) currentcolor currentcolor rgb(215, 215, 215); border-image: none; } .sdps-htab--super__link:hover .sdps-htab--super__subTitle, .sdps-htab--super__link:hover .sdps-htab--super__title, .sdps-htab--super__link:hover .sdps-htab--super__price { color: rgb(0, 0, 0); } .sdps-htab--super__item:hover { border-bottom: 1px solid rgb(255, 255, 255); } .zh-TW .sdps-htab--super__link .sdps-htab--super__subTitle, .zh-TW .sdps-htab--super__link .sdps-htab--super__title { font-size: 0.8125rem; font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .zh-TW .sdps-htab--super__link .sdps-htab--super__number { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-termsConditions { color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; } .sdps-termsConditions__statement { margin-bottom: 1rem; font-size: 1rem; line-height: 1.5rem; } .sdps-termsConditions__agreement { margin-top: 0.5rem; } .sdps-termsConditions__agreement__header { font-size: 1rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.5rem; } .sdps-termsConditions__agreement__button { background-color: rgba(112, 129, 143, 0.12); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: flex; flex-direction: row; color: rgb(0, 0, 0); padding: 1rem 16px 16px 1rem; text-align: left; width: 100%; } .sdps-termsConditions__agreement__icon { color: rgb(79, 90, 100); font-size: 1.25rem; line-height: 1.25rem; padding-right: 1rem; } .sdps-termsConditions__agreement__button:hover .sdps-termsConditions__agreement__icon { color: rgb(45, 52, 57); } .sdps-termsConditions__toggle-icon { color: rgb(79, 90, 100); height: 1.5rem; width: 1.5rem; margin-right: 1rem; transition: transform 0.3s cubic-bezier(0.2, 0.6, 0, 1); transform: rotate(0deg); flex: 0 0 auto; } .sdps-termsConditions__toggle-icon.sdps-is-collapse { transform: rotate(180deg); } .sdps-termsConditions__checkbox-icon { color: rgb(90, 103, 114); margin-right: 1rem; } .sdps-termsConditions__checkbox-icon--selected { color: rgb(0, 110, 153); } .sdps-termsConditions__hidden-input { appearance: none; height: 0px; width: 0px; } .sdps-termsConditions__agreement__content { font-size: 1rem; line-height: 1.5rem; margin: 1rem 0px 1.5rem 3rem; } .sdps-termsConditions__agreement__content.sdps-is-inactive { display: none; } .sdps-terms-body { margin-bottom: 1rem; } .sdps-terms-body p { margin-bottom: 0.375rem; } .sdps-termsConditions__agreement--single .sdps-termsConditions__agreement__header { padding: 12px 0px 12px 8px; background-color: rgba(112, 129, 143, 0.12); } .sdps-termsConditions__agreement--single .sdps-termsConditions__agreement__content { margin-left: 1rem; } .sdps-termsConditions__agreement__check { background-color: rgb(255, 247, 229); border-color: rgb(179, 123, 0); border-width: 0.0625rem; border-style: solid; border-radius: 0.125rem; font-size: 1rem; padding: 1rem; position: relative; } .sdps-termsConditions__agreement__check.sdps-is-complete { border-color: rgb(198, 205, 210); background-color: rgb(255, 255, 255); } .sdps-termsConditions__agreement__check.sdps-has-error { border-color: rgb(193, 11, 20); background-color: rgb(255, 255, 255); } .sdps-termsConditions__agreement__content.sdps-is-complete .sdps-termsConditions__agreement__check { border-color: rgb(198, 205, 210); background-color: rgb(255, 255, 255); } .sdps-termsConditions__agreement__content.sdps-has-error .sdps-termsConditions__agreement__check { border-color: rgb(193, 11, 20); background-color: rgb(255, 255, 255); } .sdps-termsConditions__agreement__check .sdps-checkbox__label { margin-bottom: 0px; } @media screen and (max-width: 768px) { .sdps-termsConditions__agreement__content, .sdps-termsConditions__agreement--single .sdps-termsConditions__agreement__content { margin-left: 0px; } } .zh-TW .sdps-termsConditions :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-datepicker { position: relative; } .sdps-datepicker__range { display: flex; } .sdps-datepicker__range--input { padding-right: 1rem; width: 100%; } .sdps-datepicker__range--input + .sdps-datepicker__range--input { padding-left: 1rem; padding-right: 0px; } .sdps-datepicker__filter { display: flex; margin-top: 0px; margin-bottom: 1rem; } .sdps-datepicker__filter .sdps-dropdown__select { padding-right: 3rem; } .sdps-datepicker__filter__month { flex: 1 1 auto; margin-right: 0.25rem; } .sdps-datepicker__filter__year { flex: 1 1 auto; margin-left: 0.25rem; min-width: 6.375rem; } .sdps-datepicker__left-icon, .sdps-datepicker__right-icon { padding: 1rem 1rem 0.5rem; } .sdps-datepicker__left-icon, .sdps-datepicker__left-icon:visited, .sdps-datepicker__right-icon, .sdps-datepicker__right-icon:visited { color: rgb(0, 110, 153); } .sdps-datepicker__left-icon.sdps-is-disabled, .sdps-datepicker__left-icon:visited.sdps-is-disabled, .sdps-datepicker__right-icon.sdps-is-disabled, .sdps-datepicker__right-icon:visited.sdps-is-disabled { color: rgb(141, 154, 165); } .sdps-datepicker__left-icon:not(.sdps-is-disabled):hover, .sdps-datepicker__left-icon:visited:not(.sdps-is-disabled):hover, .sdps-datepicker__right-icon:not(.sdps-is-disabled):hover, .sdps-datepicker__right-icon:visited:not(.sdps-is-disabled):hover { color: rgb(0, 93, 128); } .sdps-table--calendar .sdps-datepicker__day, .sdps-table--calendar .sdps-datepicker__weekday { height: 2.25rem; width: 2.5rem; text-align: center; vertical-align: middle; padding: 0px; } .sdps-table--calendar .sdps-datepicker__weekday { border-bottom: 0px; color: rgb(90, 103, 114); font-size: 1rem; } .sdps-table--calendar .sdps-datepicker__day { border-radius: 0.125rem; color: rgb(0, 0, 0); cursor: default; font-size: 1rem; font-weight: 400; } .sdps-table--calendar .sdps-datepicker__day:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-table--calendar .sdps-datepicker__day--active { border: 0.0625rem solid rgb(79, 90, 100); } .sdps-table--calendar .sdps-datepicker__day--selected { background-color: rgb(0, 110, 153); color: rgb(255, 255, 255); } .sdps-table--calendar .sdps-datepicker__day--selected:hover { background-color: rgb(0, 110, 153); } .sdps-table--calendar .sdps-datepicker__day--unavailable { color: rgb(141, 154, 165); font-weight: 400; cursor: default; } .sdps-table--calendar .sdps-datepicker__day--unavailable:hover { background-color: transparent; } .sdps-table--calendar .sdps-datepicker__day--empty { color: transparent; cursor: default; } .sdps-table--calendar .sdps-datepicker__day--empty:hover { background-color: transparent; } .sdps-datepicker__calendar { background-color: rgb(255, 255, 255); border: 0.0625rem solid rgb(198, 205, 210); border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 2px; left: 0px; position: absolute; transform: scale(1); z-index: 100001; line-height: normal; width: 22.8125rem; } .sdps-datepicker__calendar .sdps-dropdown__icon { line-height: normal; } .sdps-datepicker__calendar__header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(112, 129, 143, 0.4); border-top-color: rgba(112, 129, 143, 0.4); border-right-color: rgba(112, 129, 143, 0.4); border-left-color: rgba(112, 129, 143, 0.4); padding-left: 1.5rem; white-space: nowrap; } .sdps-datepicker__calendar__close { color: rgb(90, 103, 114); height: 100%; line-height: 2rem; padding-bottom: 1.5rem; padding-top: 1.5rem; font-size: 1.25rem !important; } .sdps-datepicker__calendar__close:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(90, 103, 114); } .sdps-datepicker__backdrop { position: fixed; inset: 0px; z-index: 990; } .sdps-datepicker__focus-marker { display: none; } @media (min-width: 768px) { .sdps-table--calendar { margin: 0px auto; width: auto; } .sdps-datepicker__calendar { padding: 1rem 0px; } .sdps-datepicker__calendar__header, .sdps-calendar--open .sdps-form-element--date-picker .sdps-form-element__error { display: none; } } @media (min-width: 0) and (max-width: 767px) { .sdps-datepicker { position: static; } .sdps-datepicker__focus-marker { display: inline-block; } .sdps-datepicker__filter { margin: 1.5rem; } .sdps-datepicker__filter .sdps-dropdown__select { padding-left: 1rem; } .sdps-datepicker__calendar { height: 100%; position: fixed; top: 0px; width: 100%; } .sdps-datepicker__calendar--open { overflow: hidden; } .sdps--datepicker__calendar-container { margin-right: 1.5rem; margin-left: 1.5rem; } .sdps-table--calendar .sdps-datepicker__day, .sdps-table--calendar .sdps-datepicker__weekday { padding: 0.75rem; } } @media (min-width: 0) and (max-width: 479px) { .sdps-datepicker__calendar__header { padding-left: 1rem; } .sdps-datepicker__calendar__close.sdps-button { padding-right: 1rem; } .sdps-datepicker__filter { margin-left: 0px; margin-right: 0px; } .sdps--datepicker__calendar-container { margin-right: 1rem; margin-left: 1rem; } } @media screen and (max-height: 460px) and (max-width: 767px) { .sdps-datepicker__calendar { height: 100%; overflow: scroll; padding-bottom: 120px; } .sdps-table.sdps-table--calendar { line-height: 0.4em; margin-bottom: 50px; } .sdps-overlay--active .sdps-table.sdps-table--calendar { line-height: 0.7em; } .sdps-overlay--active .sdps-datepicker__filter { margin: 12px 0px; } .sdps-overlay--active .sdps-datepicker__calendar__header { height: 40px; } .sdps-overlay--active .sdps-datepicker__calendar__header .sdps-datepicker__calendar__close { height: 40px; line-height: 2.5rem !important; } } .zh-TW .sdps-datepicker :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-form-element { margin-bottom: 1rem; position: relative; } .sdps-form-element--date-picker { margin-bottom: 0px; } .sdps-form-element__control--addon { display: flex; } .sdps-form-element__label { color: rgb(0, 0, 0); display: inline-block; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.25rem; font-family: Arial, Helvetica, sans-serif; } .sdps-form-element__legend { border: 0px; margin-bottom: 1rem; font-weight: 700; } .sdps-form__footer { border-top: 1px solid rgb(221, 221, 221); padding: 40px 0px; text-align: right; width: 100%; } .sdps-form__totals { border-top: 1px solid rgb(221, 221, 221); padding: 20px 0px; width: 100%; } .sdps-form__totals .sdps-form__total-row { display: flex; justify-content: space-between; } .sdps-form__totals .sdps-form__total-row .sdps-text-body + .sdps-text-body { margin-top: 0px; } .sdps-form-element__error { color: rgb(193, 11, 20); font-size: 1rem; font-family: Arial, Helvetica, sans-serif; margin-top: 0.25rem; } .sdps-form-element__error--flex { display: flex; flex-direction: row; justify-content: space-between; } .sdps-form-element--error .sdps-form-element__label, .sdps-form-element--error .sdps-form-element__label-help { color: rgb(193, 11, 20); } .sdps-form-element--error .sdps-input, .sdps-form-element--error .sdps-textarea { border-color: rgb(193, 11, 20); } .sdps-form-element__label--error { color: rgb(193, 11, 20); } .zh-TW .sdps-form-element :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-input { border-color: rgb(79, 90, 100); border-radius: 0.375rem; border-style: solid; border-width: 0.0625rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; height: 3rem; width: 100%; min-width: 0px; padding: 0px 1rem; } .sdps-input.sdps-input--small.sdps-input__addon--left-text, .sdps-input.sdps-input--x-small.sdps-input__addon--left-text { padding-left: 1.25rem; } .sdps-input::placeholder { color: rgb(90, 103, 114); } .sdps-input:hover { border-color: rgb(45, 52, 57); } .sdps-input__addon--left { padding-left: 2.4375rem; } .sdps-input__addon--left-text { padding-left: 1.8125rem; } .sdps-form-element__label-help { color: rgb(90, 103, 114); padding-left: 0.25rem; } .sdps-form-element__addon { position: relative; } .sdps-form-element__addon--text { font-size: 1rem; } .sdps-form-element__addon--text-x-small, .zh-TW .sdps-form-element__addon--text-x-small { font-size: 0.8125rem; } .sdps-form-element__addon--text.sdps-form-element__addon--right.sdps-form-element__addon--plain { right: 2.375rem; } .sdps-form-element__addon--inline { display: inline-block; } .sdps-form-element__addon--right { bottom: 0.75rem; right: 1rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--right.sdps-form-element__addon--icon { right: 0px; } .sdps-form-element__addon--right.sdps-form-element__addon--icon.sdps-form-element__addon--right.sdps-form-element__addon--plain { right: 1.125rem; } .sdps-form-element__addon--right-medium { bottom: 0.5rem; right: 1rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--right-medium.sdps-form-element__addon--icon { right: 0px; } .sdps-form-element__addon--right-small { bottom: 0.25rem; right: 0.5rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--right-small.sdps-form-element__addon--icon { right: 0px; } .sdps-form-element__addon--right-small.sdps-form-element__addon--icon .sdps-icon { height: 1rem; width: 1rem; } .sdps-form-element__addon--right-x-small { bottom: 0px; right: 0.5rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--right-x-small.sdps-form-element__addon--icon { right: 0px; } .sdps-form-element__addon--right-x-small.sdps-form-element__addon--icon .sdps-icon { height: 1rem; width: 1rem; } .sdps-form-element__addon--left { bottom: 0.75rem; padding-left: 1rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--left-medium { bottom: 0.5rem; padding-left: 1rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--left-small { bottom: 0.25rem; padding-left: 0.5rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--left-small.sdps-form-element__addon--icon .sdps-icon { height: 1rem; width: 1rem; } .sdps-form-element__addon--left-x-small { bottom: 0px; padding-left: 0.5rem; position: absolute; pointer-events: none; } .sdps-form-element__addon--left-x-small.sdps-form-element__addon--icon .sdps-icon { height: 1rem; width: 1rem; } .sdps-form-element__addon--icon { font-size: 20px; color: rgb(90, 103, 114); padding: 0px 0.75rem; height: 100%; top: 0px; display: flex; align-items: center; justify-content: center; } .sdps-form-element__addon--icon .sdps-icon { height: 1.5rem; width: 1.5rem; } .sdps-form-element__addon--plain { padding-left: 0px; padding-right: 0px; } .sdps-form-element__addon--right-icon { position: absolute; padding: 5px; right: 0px; } .sdps-input__addon--inset-right { padding-right: 3.5rem; } .sdps-input__addon--inset-right-2x { padding-right: 4.625rem; } .sdps-input__addon--inset-left { padding-left: 3.5rem; } .sdps-input__addon--right { padding-right: 2.4375rem; } .sdps-input__addon--right.sdps-input__align--right { padding-right: 2rem; } .sdps-input__align--left { text-align: left; } .sdps-input__align--right { text-align: right; } .sdps-input--medium { height: 2.5rem; padding-left: 1rem; padding-right: 1rem; } .sdps-input--medium.sdps-input__addon--left { padding-left: 2.4375rem; } .sdps-input--medium.sdps-input__addon--left-text { padding-left: 1.8125rem; } .sdps-input--medium.sdps-input__addon--right { padding-right: 2.4375rem; } .sdps-input--medium.sdps-input__addon--inset-right { padding-right: 3rem; } .sdps-input--medium.sdps-input__addon--inset-left { padding-left: 3rem; } .sdps-input--small { height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .sdps-input--small.sdps-input__addon--left { padding-left: 2rem; } .sdps-input--small.sdps-input__addon--right { padding-right: 2rem; } .sdps-input--small.sdps-input__addon--inset-right { padding-right: 2.5rem; } .sdps-input--small.sdps-input__addon--inset-left { padding-left: 2.5rem; } .sdps-input--x-small { height: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-input--x-small { font-size: 0.8125rem; } .sdps-input--x-small.sdps-input__addon--inset-right { padding-right: 2rem; } .sdps-input--x-small.sdps-input__addon--inset-left, .sdps-input--x-small.sdps-input__addon--left { padding-left: 2rem; } .sdps-input--x-small.sdps-input__addon--right { padding-right: 2rem; } .sdps-input--disabled, .sdps-input--read-only, .sdps-input:disabled, .sdps-input:read-only { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(0, 0, 0); cursor: not-allowed; } .sdps-input--never-edit:read-only { background: 0px 0px; border-width: 0px; padding: 0px; color: rgb(0, 0, 0); cursor: not-allowed; } .sdps-input--never-edit:read-only.sdps-input__addon--left { padding-left: 1.75rem; } .sdps-input--never-edit:read-only.sdps-input__addon--left-text { padding-left: 0.75rem; } .sdps-input--never-edit { background: 0px 0px; border-width: 0px; padding: 0px; color: rgb(0, 0, 0); cursor: not-allowed; } .sdps-input--never-edit.sdps-input__addon--left-text { padding-left: 0.75rem; } .zh-TW .sdps-input :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-radio__label { color: rgb(0, 0, 0); display: flex; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.5rem; } .sdps-radio__label:not(:first-of-type) { margin-top: 0.5rem; } .sdps-radio__label--custom { cursor: default; flex-direction: row-reverse; justify-content: flex-end; } .sdps-radio__label .sdps-radio__input { margin-top: 0.25rem; margin-right: 0.5rem; display: flex; align-self: flex-start; flex-shrink: 0; } .sdps-radio__container.sdps-radio { display: block; margin-left: 21px; margin-bottom: 0.5rem; } .sdps-radio__container .sdps-radio__label { display: inline; margin-bottom: 0px; margin-left: -21px; } .sdps-radio__container .sdps-radio__label .sdps-radio__input { display: inline-block; } .zh-TW .sdps-radio :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-checkbox__label { color: rgb(0, 0, 0); display: flex; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.5rem; } .sdps-checkbox__label:not(:first-of-type) { margin-top: 0.5rem; } .sdps-checkbox__label--custom { cursor: default; flex-direction: row-reverse; justify-content: flex-end; } .sdps-checkbox__label .sdps-checkbox__input { margin-top: 0.25rem; margin-right: 0.5rem; display: flex; align-self: flex-start; flex-shrink: 0; } .sdps-checkbox__container.sdps-checkbox { display: block; margin-left: 21px; margin-bottom: 0.5rem; } .sdps-checkbox__container .sdps-checkbox__label { display: inline; margin-bottom: 0px; margin-left: -21px; } .sdps-checkbox__container .sdps-checkbox__label .sdps-checkbox__input { display: inline-block; } .zh-TW .sdps-checkbox :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-stepper { position: relative; } .sdps-stepper__input { padding-right: 17px; } .sdps-stepper__upDown { height: 24px; position: absolute; right: 0px; top: 0px; width: 12px; } .sdps-stepper__upDown .sdps-stepper__button { border-radius: 0px; display: block; float: none; height: 54%; margin-left: 0px; max-width: 100%; position: relative; padding: 0px 8px; right: 6px; width: 100%; } .sdps-stepper__upDown .sdps-stepper__icon { color: rgb(127, 127, 127); font-size: 0.75rem; left: 15%; position: absolute; top: 0px; } .sdps-accordion { display: block; background-color: rgb(255, 255, 255); } .sdps-accordion__section-header-container { margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; height: 100%; width: 100%; white-space: normal; overflow-wrap: break-word; display: block; } .sdps-accordion__section-header { display: flex; flex-flow: row; justify-content: space-between; cursor: default; } .sdps-accordion__section-header:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-accordion__section-header:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-accordion__section-header--start { flex-direction: row-reverse; } .sdps-accordion__section-title--container { flex-grow: 1; flex-basis: 0%; } .sdps-accordion__section-title--container .sdps-accordion__section-title { display: block; overflow-wrap: anywhere; hyphens: auto; } .sdps-accordion__section-title--container .sdps-accordion__section-subtitle { display: block; } .sdps-accordion__section-action-btn { align-items: center; justify-content: center; display: flex; cursor: default; flex: 0 0 auto; background: 0px 0px; border: 0px; padding: 0px; overflow: hidden; } .sdps-accordion__section-action-icon { color: rgb(90, 103, 114); height: 1.5rem; width: 1.5rem; transition: transform 0.3s cubic-bezier(0.2, 0.6, 0, 1); transform: rotate(0deg); } .sdps-accordion__section-action-btn--opened .sdps-accordion__section-action-icon { transform: rotate(180deg); } .sdps-accordion__section-action-btn--dismiss:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-accordion__section-action-btn--dismiss:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-accordion__section-action--dismiss-icon { color: rgb(90, 103, 114); height: 1.5rem; width: 1.5rem; } .sdps-accordion__section-body-wrapper { transition: 0.3s cubic-bezier(0.2, 0.6, 0, 1); overflow: visible; } .sdps-accordion__section-body-wrapper.transitioning { visibility: visible; overflow: hidden; } .sdps-accordion__section-body-wrapper:not(.sdps-accordion__section-body--collapsed) { visibility: visible; } .sdps-accordion__section-body-wrapper.sdps-accordion__section-body--collapsed { visibility: hidden; overflow: hidden; max-height: 0px; } .sdps-accordion__section--no-container { border-color: rgb(198, 205, 210); border-width: 0.0625rem; border-bottom-style: solid; display: block; } .sdps-accordion__section--no-container .sdps-accordion__section-title { padding: 1rem; } .sdps-accordion__section--no-container .sdps-accordion__section-subtitle { padding: 0px 1rem 1rem; } .sdps-accordion__section--no-container .sdps-accordion__section-action-btn { width: 2.875rem; height: 3.5rem; } .sdps-accordion__section--no-container .sdps-accordion__section-body { padding: 0.5rem 16px 1rem 1rem; overflow-wrap: break-word; white-space: normal; } .sdps-accordion__section { border-color: rgb(198, 205, 210); border-width: 0.0625rem 0.0625rem 0px; border-style: solid; display: block; } .sdps-accordion__section:first-of-type { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .sdps-accordion__section:last-of-type { border-bottom-width: 0.0625rem; border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .sdps-accordion__section .sdps-accordion__section-title { padding: 1.5rem; } .sdps-accordion__section .sdps-accordion__section-subtitle { padding: 0px 1.5rem 1.5rem; } .sdps-accordion__section .sdps-accordion__section-action-btn { width: 4rem; height: 5rem; } .sdps-accordion__section .sdps-accordion__section-body { padding: 0.5rem 24px 1.5rem 1.5rem; overflow-wrap: break-word; white-space: normal; } .sdps-accordion__section--flex { display: flex; flex-flow: row; justify-content: space-between; } .sdps-accordion__section-header-container--flex-wrap { overflow-wrap: anywhere; flex-grow: 1 !important; flex-basis: 0% !important; } .sdps-accordion__section-header--disable-pseudo-states { pointer-events: none; } .zh-TW .sdps-accordion :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-tree { display: block; } .sdps-tree .sdps-tree__node-header { background-color: rgba(0, 0, 0, 0); display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; white-space: normal; overflow-wrap: break-word; text-align: left; cursor: default; width: 100%; height: 100%; min-height: 2rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; overflow: visible; border-radius: 0.125rem; margin: 0px; padding: 0.25rem 0.5rem 0.25rem 0px; transition: 0.3s; } .sdps-tree .sdps-tree__node-header:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-tree .sdps-tree__node-header:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-tree__node-title { display: block; flex-grow: 1; flex-basis: 0%; } .sdps-tree__node { list-style: none; outline-style: none; } .sdps-tree__node[tabindex="0"]:focus-visible { outline-style: none; } .sdps-tree__node[tabindex="0"]:focus > .sdps-tree__node-header { outline: -webkit-focus-ring-color auto 2px; background-color: rgba(112, 129, 143, 0.08); } .sdps-tree__node[tabindex="0"]:focus-visible > .sdps-tree__node-header { outline: -webkit-focus-ring-color auto 2px; background-color: rgba(112, 129, 143, 0.08); } .sdps-tree__node-body { background-color: rgba(0, 0, 0, 0); margin: 2px 2px 2px 1.5rem; overflow-wrap: break-word; white-space: normal; } .sdps-tree__node-body-wrapper { transition: 0.3s cubic-bezier(0.2, 0.6, 0, 1); overflow: visible; } .sdps-tree__node-body-wrapper.transitioning { visibility: inherit; overflow: hidden; } .sdps-tree__node-body-wrapper:not(.sdps-tree__node-body-wrapper--collapsed) { visibility: inherit; } .sdps-tree__node-body-wrapper.sdps-tree__node-body-wrapper--collapsed { visibility: hidden; overflow: hidden; max-height: 0px; } .sdps-tree__node-icon-container { display: flex; align-self: flex-start; overflow: hidden; } .sdps-tree__node-icon-container .sdps-tree__node-icon { color: rgb(90, 103, 114); fill: rgb(90, 103, 114); width: 1.5rem; height: 1.5rem; transition: 0.3s cubic-bezier(0.2, 0.6, 0, 1); transform: rotate(-90deg); } .sdps-tree__node-icon-container .sdps-tree__node-icon--expanded { transform: rotate(0deg); } .sdps-tree--large .sdps-tree__node-header { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sdps-tree--large .sdps-tree__node-icon-container { padding-top: 0.125rem; padding-bottom: 0.125rem; } .sdps-tree--large .sdps-tree__node-title { font-size: 1.125rem; line-height: 1.75rem; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px 0.25rem 0px 0px; } .sdps-tree--large .sdps-tree__node-body { font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .sdps-tree--medium .sdps-tree__node-header { margin-bottom: 0px; } .sdps-tree--medium .sdps-tree__node-title { font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px 0.25rem 0px 0px; } .sdps-tree--medium .sdps-tree__node-body { font-size: 1rem; line-height: 1.5rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .sdps-tree--small .sdps-tree__node-header { margin-bottom: 0px; } .sdps-tree--small .sdps-tree__node-title { font-size: 0.8125rem; line-height: 1.25rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0.125rem 0.25rem 0.125rem 0px; } .zh-TW .sdps-tree--small .sdps-tree__node-title { font-size: 0.8125rem; } .sdps-tree--small .sdps-tree__node-body { font-size: 0.8125rem; line-height: 1.25rem; color: rgb(90, 103, 114); font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .zh-TW .sdps-tree--small .sdps-tree__node-body { font-size: 0.8125rem; } .sdps-tree__node-icon-container--hidden { visibility: hidden; } .sdps-tree--flush .sdps-tree_orphan .sdps-tree__node-header .sdps-tree__node-icon-container--hidden { display: none !important; } .sdps-tree--flush .sdps-tree_orphan .sdps-tree__node-header .sdps-tree__node-title { padding-left: 0.25rem; } .zh-TW .sdps-tree :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-account-selector { width: 20.5rem; } .sdps-account-selector--fluid { width: 100%; } .sdps-account-selector a:focus-within { outline: -webkit-focus-ring-color solid 2px; border-radius: 0.125rem; } .sdps-account-selector--transactional .sdps-account-selector__account-number { display: block; font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-account-selector--transactional .sdps-account-selector__account-number { font-size: 0.8125rem; } .sdps-account-selector--transactional .sdps-account-selector__icon { top: 0.9375rem; } .sdps-account-selector__icon { color: rgb(255, 255, 255); position: absolute; top: 0.9375rem; right: 1rem; } .sdps-account-selector .sdps-button:focus .sdps-account-selector__icon { color: rgb(255, 255, 255); } .sdps-account-selector__left-col { flex-grow: 1; margin-right: 1rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sdps-account-selector__list .sdps-account-selector__left-col { margin-left: 1.5rem; } .sdps-account-selector__list--unavailable .sdps-account-selector__left-col { margin-left: 0px; } .sdps-account-selector__right-col { flex-grow: 1; flex-shrink: 0; text-align: right; } .sdps-account-selector__menu { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; display: none; font-size: 1rem; position: absolute; left: 0px; width: inherit; min-width: 160px; z-index: 10201; } .sdps-account-selector__menu::after { content: ""; display: block; height: 50px; position: absolute; width: 100%; } .dropdown-open > .sdps-account-selector__menu { display: block; } .sdps-account-selector__header { border-bottom: 0px solid rgba(112, 129, 143, 0.8); font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.5rem; padding: 12px 16px 12px 1rem; } .sdps-account-selector__header--brokerage { background-color: rgb(0, 110, 153); color: rgb(255, 255, 255); } .sdps-account-selector__header--bank { background-color: rgb(230, 230, 230); color: rgb(0, 0, 0); } .sdps-account-selector__header--external { background-color: rgb(104, 121, 83); color: rgb(255, 255, 255); } .sdps-account-selector__header--view-only { background-color: rgb(31, 122, 119); color: rgb(255, 255, 255); } .sdps-account-selector__header--unavailable { background-color: rgb(244, 245, 246); color: rgb(0, 0, 0); border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.8); } .sdps-account-selector__list { list-style-type: none; } .sdps-account-selector__list--unavailable { background-color: rgb(244, 245, 246); padding: 0px 0.75rem; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item { padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item:last-child::after { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled::before { display: block; clear: both; content: ""; position: relative; left: -10px; top: -6px; width: calc(100% + 20px); height: 1px; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled > a { color: rgb(0, 0, 0); cursor: default; padding: 8px 0px; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled > a:hover, .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled > a:hover * { text-decoration: none; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled .sdps-account-selector__item-footnote { color: rgb(0, 0, 0); list-style-type: disc; margin-left: 17px; } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item--disabled .sdps-account-selector__item-footnote-list-item { font-weight: 400; padding: 4px 0px 8px 8px; font-size: 1rem; } .sdps-account-selector__list:last-child { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; padding-bottom: 0.625rem; } .sdps-account-selector__list-item { border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.4); padding: 0.375rem 16px 0.375rem 1rem; width: 100%; } .sdps-account-selector__list-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .sdps-account-selector__list-item:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-account-selector__list--unavailable .sdps-account-selector__list-item:hover { background-color: transparent; } .sdps-account-selector__list-item > a { color: rgb(0, 110, 153); display: flex; align-items: flex-end; } .sdps-account-selector__list-item > a.sdps-is-selected { color: rgb(0, 0, 0); } .sdps-account-selector__list-item.sdps-account-selector__list-item--add-account a { align-items: center; } .sdps-account-selector__check-icon { color: rgb(38, 115, 38); position: absolute; left: 1rem; line-height: 1.5rem; } .sdps-account-selector__check-icon > .sdps-icon { vertical-align: text-top; } .sdps-account-selector__plus-icon { padding-right: 0.5rem; } .sdps-account-selector__schwab-links { background-color: rgb(244, 245, 246); border-top: 0.0625rem solid rgba(112, 129, 143, 0.8); padding: 16px 16px 16px 1rem; } .sdps-account-selector__schwab-links .group:not(:last-child) { padding-bottom: 0.375rem; } .sdps-account-selector__schwab-links .group.last { padding-top: 1rem; } .sdps-account-selector__schwab-links--edit { font-size: 1rem; } .account-selector-dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .zh-TW .sdps-account-selector :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-article-cell { flex-direction: row; display: flex; border-radius: 0.375rem; height: 100%; padding: 0.75rem; transition: background-color 0.3s; } .sdps-article-cell:hover { background-color: rgba(112, 129, 143, 0.08); transition: background-color 0.3s; } .sdps-article-cell:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-article-cell .sdps-article-cell__body-content-container div:first-of-type { display: flex; flex-direction: column; height: 100%; } .sdps-article-cell .sdps-article-cell__body-content-container--no-category .sdps-article-cell__title { margin-top: 1rem; } .sdps-article-cell .sdps-article-cell__category-container { width: fit-content; } .sdps-article-cell .sdps-article-cell__content-container { display: flex; flex-direction: column; cursor: pointer; width: 100%; padding-left: 1.5rem; } .sdps-article-cell .sdps-article-cell__content-container a:active, .sdps-article-cell .sdps-article-cell__content-container a:link, .sdps-article-cell .sdps-article-cell__content-container a:visited { text-decoration: none; color: rgb(0, 110, 153); } .sdps-article-cell .sdps-article-cell__title-container { height: 100%; } .sdps-article-cell .sdps-article-cell__footer { margin-top: auto; } .sdps-article-cell__large--vertical { flex-direction: column; } .sdps-article-cell__large--vertical .sdps-article-cell__content-container { padding-left: 0px; height: 100%; } .sdps-article-cell__large--horizontal .sdps-article-cell__content-container { flex-basis: 50%; } .sdps-article-cell__large--horizontal .sdps-article-cell__content-container a { height: 100%; } .sdps-article-cell__large--horizontal .sdps-article-cell__image-container { flex-basis: 50%; } .sdps-article-cell__large--horizontal .sdps-article-cell__footer { margin-top: 0px; } @media (max-width: 1023px) { .sdps-article-cell__large--horizontal { flex-direction: column; } .sdps-article-cell__large--horizontal .sdps-article-cell__content-container { padding-left: 0px; } } .sdps-article-cell__medium--horizontal { flex-direction: row; width: auto; } .sdps-article-cell__medium--horizontal .sdps-article-cell__image { display: flex; } .sdps-article-cell__medium--horizontal .sdps-article-cell__image-container { flex-basis: 33%; } .sdps-article-cell__medium--horizontal .sdps-article-cell__content-container { flex-basis: 66%; width: auto; } .sdps-article-cell__medium--horizontal .sdps-article-cell__footer { padding-bottom: 0px; } @media (max-width: 479px) { .sdps-article-cell__medium--horizontal .sdps-article-cell__image-container { display: none; } .sdps-article-cell__medium--horizontal .sdps-article-cell__content-container { flex-basis: 100% !important; padding-left: 0px !important; } } .sdps-article-cell__medium--vertical { flex-direction: column; } .sdps-article-cell__medium--vertical .sdps-article-cell__content-container { padding-left: 0px; height: 100%; } .sdps-article-cell__medium--vertical .sdps-article-cell__title--medium { -webkit-line-clamp: 2; } @media (max-width: 1023px) { .sdps-article-cell__medium--vertical .sdps-article-cell__subtitle { display: none; } } .sdps-article-cell__small--horizontal .sdps-article-cell__image-container { flex-basis: 25%; } .sdps-article-cell__small--horizontal .sdps-article-cell__content-container { flex-basis: 75%; flex-grow: 1; padding-left: 0px; padding-right: 1rem; } .sdps-article-cell__small--horizontal-badge .sdps-article-cell__image--small-horizontal { width: 6rem; height: 6rem; float: right; } .sdps-article-cell__small--horizontal-badge .sdps-status-badge { margin-top: 0.75rem; } .sdps-article-cell__small--horizontal-badge .sdps-article-cell__footer { padding-top: 0.75rem; } .sdps-article-cell__small--horizontal-no-category .sdps-article-cell__title { margin-top: 0.25rem; } .sdps-article-cell__small--vertical { flex-direction: column; } .sdps-article-cell__small--vertical .sdps-article-cell__content-container { padding-left: 0px; height: 100%; } .sdps-article-cell__no-image { padding-top: 0px; } .sdps-article-cell__no-image .sdps-article-cell__image-container { display: none; } .sdps-article-cell__title--small-no-image-long .sdps-article-cell__title--small { -webkit-line-clamp: 1; } .sdps-article-cell__title--small-no-image-short .sdps-article-cell__title--small { -webkit-line-clamp: 2; } .sdps-article-cell-divider-container { height: 100%; } .sdps-article-cell--divider-padding { padding-left: 0.75rem; padding-right: 0.75rem; } .sdps-article-cell__category { display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: 0.85px; overflow: hidden; -webkit-line-clamp: 1; position: relative; font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 0.75rem; line-height: 1rem; padding-top: 0.75rem; border-bottom: 1rem solid rgba(0, 0, 0, 0); border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .zh-TW .sdps-article-cell__category { font-size: 0.8125rem; } .sdps-article-cell__category:hover { text-decoration: underline !important; } .sdps-article-cell__footer { display: -webkit-box; -webkit-box-orient: vertical; letter-spacing: 0.15px; overflow: hidden; -webkit-line-clamp: 1; padding-top: 1rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5rem; color: rgb(90, 103, 114); } .sdps-article-cell__footer-icon { padding-right: 0.5rem; } .sdps-article-cell__footer-icon .sdps-icon { vertical-align: sub; height: 1.25rem; width: 1.125rem; color: rgb(169, 179, 188); } .sdps-article-cell__image { object-fit: cover; display: flex; width: 100%; border-radius: 0.375rem; } .sdps-article-cell__image--large, .sdps-article-cell__image--medium-vertical { aspect-ratio: 3 / 2; } .sdps-article-cell__image--medium-horizontal { aspect-ratio: 1 / 1; } .sdps-article-cell__image--small-vertical { aspect-ratio: 3 / 2; } .sdps-article-cell__image--small-horizontal { aspect-ratio: 1 / 1; } .sdps-article-cell__subtitle { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: rgb(0, 0, 0); padding-top: 0.75rem; } .sdps-article-cell__title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-family: CharlesModern-Bold, Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); margin-top: -0.5rem; } .sdps-article-cell__title--large { letter-spacing: -0.1px; -webkit-line-clamp: 4; font-weight: 700; font-size: 2rem; line-height: 2.5rem; } .sdps-article-cell__title--medium { letter-spacing: -0.05px; -webkit-line-clamp: 3; font-weight: 700; font-size: 1.5rem; line-height: 2rem; } .sdps-article-cell__title--small { letter-spacing: 0.1px; -webkit-line-clamp: 3; font-weight: 500; font-size: 1.125rem; line-height: 1.5rem; } @media (min-width: 1024px) and (max-width: 1279px) { .sdps-article-cell__title--medium { -webkit-line-clamp: 2; } } @supports not (aspect-ratio:3/2) { sdps-article-cell-image { display: block; position: relative; padding-top: 66.66%; } sdps-article-cell-image img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; object-fit: cover; } } @media only screen and (max-device-width: 1024px) { .sdps-article-cell__title { animation: 0.1s ease-in-out 0s 1 normal none running mobileSafariFix; } @keyframes mobileSafariFix { 0% { transform: translateX(0px); } 100% { transform: translateX(0px); } } } .zh-TW .sdps-article-cell :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-pagination { font-size: 0.8125rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.25rem; margin-top: 1rem; margin-bottom: 1rem; padding-right: 0.5rem; } .zh-TW .sdps-pagination { font-size: 0.8125rem; } .sdps-pagination__list { display: flex; flex-wrap: nowrap; justify-content: flex-end; list-style-type: none; } .sdps-pagination__link { background-color: rgba(0, 0, 0, 0); border-radius: 0.125rem; color: rgb(0, 110, 153); padding: 4px 8px; white-space: nowrap; cursor: pointer; } .sdps-pagination__link:hover { background-color: rgba(112, 129, 143, 0.08); color: rgb(0, 110, 153); } .sdps-pagination__link:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-is-selected .sdps-pagination__link, .sdps-pagination__link.sdps-is-selected { font-weight: 700; background-color: rgb(0, 110, 153); color: rgb(255, 255, 255); } .zh-TW .sdps-pagination * { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-panel { border-color: rgb(198, 205, 210); border-width: 0.0625rem; border-radius: 0.125rem; border-style: solid; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px; } .sdps-panel:last-of-type { margin-bottom: 1rem; } .sdps-panel:first-of-type { margin-bottom: 0px; } .sdps-panel__header { display: flex; flex-wrap: nowrap; justify-content: space-between; } .sdps-panel__header .sdps-button + .sdps-button { margin-left: 0px; } .sdps-panel__title { font-size: 1.5rem; line-height: 2rem; flex-grow: 1; flex-basis: 0%; color: rgb(0, 0, 0); font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; font-weight: 400; padding: 1.5rem 24px 1.5rem 1.5rem; overflow-wrap: anywhere; } .sdps-panel__subtitle { color: rgb(90, 103, 114); } .sdps-panel__content { padding: 0px; } .sdps-panel__body-wrapper { transition: max-height 0.35s; } .sdps-panel__body-wrapper.transitioning { overflow: hidden; visibility: visible; } .sdps-panel__body-wrapper.opened { overflow: visible; visibility: visible; } .sdps-panel__body-wrapper.closed { overflow: hidden; visibility: hidden; max-height: 0px; } .opened-panel { max-height: none !important; } .sdps-panel__body { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; } .sdps-panel__body .sdps-panel__body--no-padding-content { padding-top: 1.5rem; } @media (min-width: 0) and (max-width: 479px) { .sdps-panel__body .sdps-panel__body--no-padding-content { margin-left: -1.5rem; margin-right: -1.5rem; } } .sdps-panel__body > .sdps-panel__body--no-padding-content:only-child { padding-top: 0px; } .sdps-panel__body--titleless { padding-top: 1.5rem; } .sdps-panel__action-btn, .sdps-panel__setting, .sdps-panel__toggle, .sdps-panel__zoom { color: rgb(79, 90, 100); padding-top: 1.5rem; padding-bottom: 1.5rem; height: 5rem; width: auto; } .sdps-panel__action-btn:hover, .sdps-panel__setting:hover, .sdps-panel__toggle:hover, .sdps-panel__zoom:hover { color: rgb(45, 52, 57); } .sdps-panel--medium .sdps-panel__title { padding: 1rem; } .sdps-panel--medium .sdps-panel__action-btn { padding-top: 1rem; padding-bottom: 1rem; } .sdps-panel--medium .sdps-panel__action-btn--medium { height: 4rem; } .sdps-panel--medium .sdps-panel__body--titleless { padding-top: 1rem; } .sdps-panel--medium .sdps-panel__body { padding-right: 1rem; padding-left: 1rem; padding-bottom: 1rem; } @media (min-width: 0) and (max-width: 479px) { .sdps-panel--medium .sdps-panel__body .sdps-panel__body--no-padding-content { padding-top: 1rem; margin-left: -1rem; margin-right: -1rem; } } .sdps-panel--medium .sdps-panel__body > .sdps-panel__body--no-padding-content:only-child { padding-top: 0px; } .zh-TW .sdps-panel :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-progress-indicator:focus-visible { outline-offset: 5px; outline-color: rgba(112, 129, 143, 0.2); } .sdps-progress-indicator--indeterminate .sdps-progress-indicator__fill { position: absolute; left: -70%; width: 70%; will-change: transform; animation: 2s ease-in 0.5s infinite normal none running loader-indeterminate; } @keyframes loader-indeterminate { 0% { transform: translate(0px); } 100% { transform: translate(240%); } } .sdps-progress-indicator__label { letter-spacing: 0.15px; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0.25rem; color: rgb(0, 0, 0); } .sdps-progress-indicator__track { position: relative; width: 100%; min-width: 20.5rem; background-color: rgba(112, 129, 143, 0.2); height: 0.25rem; overflow: hidden; } .sdps-progress-indicator__fill { display: block; width: 100%; height: 100%; background-color: currentcolor; color: rgb(0, 124, 173); transform-origin: 0px center; transition: transform 1s; } .sdps-progress-indicator__helper-text { display: flex; align-items: center; letter-spacing: 0.4px; font-size: 0.8125rem; line-height: 1rem; margin-top: 0.25rem; color: rgb(90, 103, 114); } .zh-TW .sdps-progress-indicator__helper-text { font-size: 0.8125rem; } .sdps-progress-indicator__helper-icon { display: inline-block; margin-right: 0.5rem; } .sdps-progress-indicator-color-base { background-color: rgba(112, 129, 143, 0.2); } .sdps-progress-indicator-color-progress { background-color: rgb(0, 124, 173); } .zh-TW .sdps-progress-indicator * { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-list, .sdps-list--bullet, .sdps-list--icon, .sdps-list--inline, .sdps-list--ordered { color: rgb(0, 0, 0); display: block; font-size: 1rem; line-height: 1.5rem; list-style-position: outside; margin-top: 0.25rem; margin-bottom: 0.25rem; margin-left: 2rem; } .sdps-list { list-style: none; margin-left: 0px; } .sdps-list .sdps-list--bullet, .sdps-list--bullet .sdps-list--bullet, .sdps-list--icon .sdps-list--bullet, .sdps-list--ordered .sdps-list--bullet, .sdps-list .sdps-list--ordered, .sdps-list--bullet .sdps-list--ordered, .sdps-list--icon .sdps-list--ordered, .sdps-list--ordered .sdps-list--ordered { counter-reset: list-item 0; margin-left: 1rem; } .sdps-list--icon, .sdps-list--inline { margin-left: 0px; } .sdps-list--horizontal { display: flex; list-style: none; } .sdps-list--selectable { margin-top: 0px; margin-bottom: 0px; padding-block: 0px; padding-top: 0.25rem; padding-bottom: 0.25rem; } .sdps-list__header { margin-bottom: 0.5rem; padding-top: 1.25rem; } .sdps-list__header--indented { margin-left: 1rem; } .sdps-list__inline-error { margin-top: 0.5rem; } .sdps-list__inline-error--indented { margin-left: 1rem; } .sdps-list--bullet > .sdps-list__item, .sdps-list--bullet > li, .sdps-list--icon > .sdps-list__item, .sdps-list--icon > li, .sdps-list--ordered > .sdps-list__item, .sdps-list--ordered > li, .sdps-list > .sdps-list__item, .sdps-list > li { padding-top: 0.25rem; padding-bottom: 0.25rem; display: list-item; } .sdps-list--bullet > .sdps-list__item, .sdps-list--bullet > li { list-style-type: disc; padding-left: 0.25rem; } .sdps-list--bullet .sdps-list--bullet > .sdps-list__item, .sdps-list--bullet .sdps-list--bullet > li { list-style-type: circle; } .sdps-list--ordered > .sdps-list__item, .sdps-list--ordered > li { list-style-type: decimal; padding-left: 0.25rem; } .sdps-list--icon > .sdps-list__item, .sdps-list--icon > li { display: flex; } .sdps-list--inline .sdps-list__item, .sdps-list--inline li { display: inline-block; margin-right: 1.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; } .sdps-list--selectable > .sdps-list__item { display: flex; flex-direction: column; padding-top: 0px; padding-bottom: 0px; } .sdps-list__selectable-label { flex-grow: 1; } .sdps-list__selectable-label:focus-within { outline: -webkit-focus-ring-color auto 1px; z-index: 1; } .sdps-list__hidden-input { appearance: none; height: 0px; width: 0px; } .sdps-list__selection-indicator { color: rgb(90, 103, 114); margin-right: 1rem; } .sdps-list__selection-indicator--right { flex-grow: 1; text-align: right; margin-right: 0px; margin-left: 1rem; } .sdps-list__selection-indicator--selected { color: rgb(0, 110, 153); } .sdps-list__item-main-content--min-width { min-width: 6.25rem; } .sdps-list__item-divider { width: auto; align-self: stretch; margin-left: 3.5rem; } .sdps-list__item-divider--right-control { margin-left: 0px; } .sdps-list__marker { color: rgb(90, 103, 114); margin-left: 1rem; margin-right: 1rem; flex-shrink: 0; height: 1.5rem; width: 1.5rem; } .sdps-list .sdps-list--icon .sdps-list__marker, .sdps-list--bullet .sdps-list--icon .sdps-list__marker, .sdps-list--icon .sdps-list--icon .sdps-list__marker, .sdps-list--ordered .sdps-list--icon .sdps-list__marker { margin-left: 0px; } .sdps-list__item-detail { color: rgb(90, 103, 114); display: block; font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0px; } .sdps-list__item-detail :last-child { margin-bottom: 0px; } .sdps-list__item--selectable .sdps-list__item-detail { font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-list__item--selectable .sdps-list__item-detail { font-size: 0.8125rem; } .sdps-list__item--selectable .sdps-list__item-detail--right { flex-grow: 1; flex-shrink: 1; font-size: 1rem; line-height: 1.5rem; margin-left: 1rem; text-align: right; min-width: 6.25rem; } .zh-TW .sdps-list :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-list-navigation { background-color: rgb(255, 255, 255); display: inline-block; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.009375rem; position: relative; width: 100%; height: 100%; } .sdps-list-navigation--right-divider { border-right: 0.0625rem solid rgba(112, 129, 143, 0.4); } .sdps-list-navigation__overlay { visibility: hidden; position: fixed; inset: 0px; z-index: 9996; } .sdps-list-navigation__toggle { display: none; } .sdps-list-navigation__toggle-icon { color: rgb(79, 90, 100); margin-left: 1rem; } .sdps-list-navigation__nav { background-color: rgb(255, 255, 255); display: block; position: relative; z-index: 9997; } .sdps-list-navigation__skip-link { background-color: rgb(255, 255, 255); font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.021875rem; padding: 0.25rem; } .zh-TW .sdps-list-navigation__skip-link { font-size: 0.8125rem; } .sdps-list-navigation__skip-link:focus { border-radius: 0.375rem; clip: unset; width: unset; height: unset; top: -24px; left: 0.75rem; z-index: 10000000; } .sdps-list-navigation__title { color: rgb(0, 0, 0); font-size: 1rem; font-family: Arial, Helvetica, sans-serif; line-height: 1.5rem; font-weight: 700; display: flex; margin: 1rem; } .sdps-list-navigation__section { display: block; } .sdps-list-navigation__item { color: rgb(99, 114, 126); display: flex; } .sdps-list-navigation__item:hover:not(.sdps-list-navigation__item--selected) { background-color: rgb(241, 242, 244); color: rgb(90, 103, 114); } .sdps-list-navigation__item:hover:not(.sdps-list-navigation__item--selected) .sdps-list-navigation__item-link, .sdps-list-navigation__item:hover:not(.sdps-list-navigation__item--selected) a.sdps-list-navigation__item-link { color: rgb(90, 103, 114); } .sdps-list-navigation__item:active { background-color: rgb(232, 235, 237); color: rgb(79, 90, 100); } .sdps-list-navigation__item:active .sdps-list-navigation__item-link, .sdps-list-navigation__item:active a.sdps-list-navigation__item-link { color: rgb(79, 90, 100); } .sdps-list-navigation__item--selected { background-color: rgb(229, 248, 255); color: rgb(0, 110, 153); font-weight: 700; } .sdps-list-navigation__item--selected:active .sdps-list-navigation__item-link, .sdps-list-navigation__item--selected:active a.sdps-list-navigation__item-link { color: rgb(0, 110, 153); } .sdps-list-navigation__item-link, a.sdps-list-navigation__item-link { color: rgb(99, 114, 126); cursor: pointer; flex-grow: 1; max-width: 100%; } .sdps-list-navigation__item-link:focus, .sdps-list-navigation__item-link:hover, a.sdps-list-navigation__item-link:focus, a.sdps-list-navigation__item-link:hover { text-decoration: none; } .sdps-list-navigation__item--selected .sdps-list-navigation__item-link, .sdps-list-navigation__item--selected a.sdps-list-navigation__item-link { color: rgb(0, 110, 153); font-weight: 700; } .sdps-list-navigation__item-label { flex-grow: 1; } @media (max-width: 767px) { .sdps-list-navigation { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .sdps-list-navigation__overlay--visible { visibility: visible; } .sdps-list-navigation__toggle { display: flex; align-items: center; justify-content: space-between; position: relative; border-width: 0.0625rem; border-color: rgb(79, 90, 100); border-radius: 0.375rem; padding: 12px 16px; border-style: solid; white-space: normal; text-align: initial; height: auto; z-index: 9998; } .sdps-list-navigation__toggle:hover { background-color: rgb(241, 242, 244); } .sdps-list-navigation__toggle:active { background-color: rgb(232, 235, 237); } .sdps-list-navigation__toggle-icon { margin-left: 0.5rem; } .sdps-list-navigation__nav { box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px -8px; display: none; height: 0px; overflow: hidden; padding-top: unset; width: 100%; position: absolute; } .sdps-list-navigation__nav::after { content: ""; display: block; height: 3rem; margin-bottom: -48px; } .sdps-list-navigation__nav--expanded { display: block; height: initial; overflow: initial; border-width: 0.0625rem; border-radius: 0.375rem; border-color: rgb(198, 205, 210); padding-top: 0.5rem; padding-bottom: 0.5rem; border-style: solid; } .sdps-list-navigation__skip-link, .sdps-list-navigation__title { display: none; } } .zh-TW .sdps-list-navigation :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-list--interactive { display: flex; flex-direction: column; } .sdps-list-interactive__item { max-width: 27.0625rem; position: relative; } .sdps-list-interactive__item--button { background: 0px 0px; display: flex; width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; } .sdps-list-interactive__item--link { display: flex; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; text-decoration: none !important; } .sdps-list-interactive__item--link-container { cursor: pointer; } .sdps-list-interactive__disclosure-chevron { position: absolute; display: flex; right: 1rem; height: 100%; } .sdps-list-interactive__media { display: inline-flex; padding-right: 1rem; height: 100%; } .sdps-list-interactive__media [slot="media"] { display: flex; } .sdps-list-interactive__media img { object-fit: cover; aspect-ratio: 1 / 1; width: 100%; border-radius: 0.375rem; } .sdps-list-interactive__label { text-align: left; display: grid; } .sdps-list-interactive__media--small-image img { width: 2rem; height: 2rem; } .sdps-list-interactive__media--large-image img { width: 3rem; height: 3rem; } .sdps-list-interactive__item--middle-aligned .sdps-list-interactive__disclosure-chevron, .sdps-list-interactive__item--middle-aligned .sdps-list-interactive__item--button, .sdps-list-interactive__item--middle-aligned .sdps-list-interactive__item--link { align-items: center; } .sdps-list-interactive__item--middle-aligned .sdps-list-interactive__disclosure-chevron { top: 0px; } .sdps-list-interactive__divider { margin-left: 1rem; } .sdps-list-interactive__divider--large-image { margin-left: 5rem; } .sdps-list-interactive__divider--small-image { margin-left: 4rem; } .sdps-list-interactive__divider--icon { margin-left: 3.5rem; } .sdps-list-interactive__detail { margin-right: 2rem; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: 0.01875rem; } .sdps-list-interactive__title { margin-right: 3rem; font-size: 1rem; } .zh-TW .sdps-list-interactive :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-spinner-container { background-color: transparent; top: 0px; left: 0px; z-index: 2147483647; } .sdps-spinner-container--module { height: 100%; width: 100%; position: absolute; } .sdps-spinner-container--page { position: fixed; height: 100vh; width: 100vw; background-color: rgba(255, 255, 255, 0.65); } .sdps-spinner-wrapper { position: relative; min-height: 13.125rem; } .sdps-spinner-container--contained-submission { height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.65); position: absolute; } .sdps-spinner { height: 100%; width: 100%; color: rgb(90, 103, 114); } .sdps-spinner--top { display: flex; transform: translateY(20%); align-items: flex-start; justify-content: center; } .sdps-spinner-container--no-outline { outline: 0px; } .app-container .sdps-spinner-container .sdps-spinner-wrapper { min-height: 4.375rem; } .sdps-modal-spinner { border-width: 0.0625rem; box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 12px; border-radius: 0.125rem; border-color: rgb(198, 205, 210); background-color: rgb(255, 255, 255); width: 16.625rem; border-style: solid; align-content: center; text-align: center; } .sdps-modal-spinner .sdps-modal-spinner__label-container { display: flex; flex-direction: column; align-items: center; padding-top: 3rem; padding-bottom: 3rem; } .sdps-modal-spinner .sdps-modal-spinner__label { font-family: CharlesModern-Regular, Arial, Helvetica, sans-serif; line-height: 1.75rem; padding-top: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; color: rgb(90, 103, 114); } .sdps-modal-spinner .sdps-modal-spinner__icon { vertical-align: middle; display: inline-block; padding-left: 0.25rem; padding-right: 0.25rem; } .sdps-spinner-step { animation: 1s steps(12) 0s infinite normal none running spin; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .zh-TW .sdps-spinner :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-audio { max-width: 780px; } .sdps-audio__progress { border: 1px solid rgb(204, 204, 204); display: inline-block; height: 12px; width: 86%; margin-bottom: 8px; position: relative; background: linear-gradient(90deg, rgb(217, 217, 217) 30%, rgb(255, 255, 255) 30%); } .sdps-audio__handle { display: inline-block; width: 12px; height: 20px; position: absolute; background-color: rgb(3, 125, 174); top: -5px; left: -1px; } .sdps-audio__time { position: absolute; top: 17px; } .sdps-audio__time--end { right: 0px; } .sdps-empty-state { border-color: rgb(198, 205, 210); border-width: 0.0625rem; border-radius: 0.375rem; border-style: solid; background-color: transparent; overflow: hidden; display: block; text-align: center; } .sdps-empty-state .sdps-empty-state__title { color: rgb(0, 0, 0); } .sdps-empty-state .sdps-empty-state__body { color: rgb(90, 103, 114); } .sdps-empty-state__message { white-space: pre-wrap; } .sdps-empty-state__content-container { margin: auto; padding: 1.5rem; color: rgb(90, 103, 114); } .sdps-empty-state__content-container--main-primary { max-width: 28rem; } .sdps-empty-state__content-container--main-primary .sdps-empty-state__decoration { width: 6rem; height: 6rem; } .sdps-empty-state__content-container--main-primary .sdps-empty-state__action--primary { margin: 15px 0px 10px; } .sdps-empty-state__content-container--main-primary .sdps-empty-state__action--secondary { display: block; margin: auto; padding: 0px; } .sdps-empty-state__content-container--main-secondary { max-width: 28rem; } .sdps-empty-state__content-container--main-secondary .sdps-empty-state__decoration { width: 4rem; height: 4rem; flex: 0 0 auto; } .sdps-empty-state__content-container--aside { max-width: 25rem; display: flex; } .sdps-empty-state__content-container--aside .sdps-empty-state__decoration { width: 3rem; height: 3rem; flex: 0 0 auto; } .sdps-empty-state__content-container--aside .sdps-empty-state__body { text-align: left; } .sdps-empty-state__content-container--aside .sdps-empty-state__body .sdps-empty-state__message { padding-top: 0.5rem; } .sdps-empty-state__content-container--inline { display: flex; padding: 0.5rem; } .sdps-empty-state__content-container--inline .sdps-empty-state__decoration { width: 1.5rem; height: 1.5rem; flex: 0 0 auto; } .sdps-empty-state__content-container--inline .sdps-empty-state__body { white-space: normal; font-size: 0.8125rem; padding-left: 4px; } .zh-TW .sdps-empty-state__content-container--inline .sdps-empty-state__body { font-size: 0.8125rem; } .sdps-empty-state__content-container--inline .sdps-empty-state__text { display: inline-block; margin-bottom: 0px; margin-right: 0.5rem; } .sdps-empty-state--no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .zh-TW .sdps-empty-state :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-tabs .sdps-tabs__list-wrapper { display: flex; height: 3rem; position: relative; } .sdps-tabs .sdps-tabs__tablist { width: 100%; overflow: hidden; display: flex; } .sdps-tabs .sdps-tabs__tab { font-size: 1rem; color: rgb(90, 103, 114); background-color: rgba(0, 0, 0, 0); text-align: center; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; border: 0px; outline-offset: -7px; cursor: default; } .sdps-tabs .sdps-tabs__tab--active { color: rgb(0, 110, 153); border-bottom: 0.25rem solid rgb(0, 110, 153); } .sdps-tabs .sdps-tabs__tab:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-tabs .sdps-tabs__tab:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-tabs .sdps-tabs__tabpanel { border-top: 0.0625rem solid rgba(112, 129, 143, 0.4); display: none; padding: 1rem; } .sdps-tabs .sdps-tabs__tabpanel--active { display: block; } .sdps-tabs--folder .sdps-tabs__tablist { margin-bottom: -0.0625rem; } .sdps-tabs--folder .sdps-tabs__tab { background-color: rgba(0, 0, 0, 0); border-radius: 0.125rem 0.125rem 0px 0px; position: relative; z-index: 0; border-width: 0.0625rem; border-color: transparent; border-style: solid; } .sdps-tabs--folder .sdps-tabs__tab:active, .sdps-tabs--folder .sdps-tabs__tab:hover { background: 0px 0px !important; } .sdps-tabs--folder .sdps-tabs__tab--active { color: rgb(0, 0, 0); border-color: rgb(198, 205, 210); border-style: solid; position: relative; z-index: 1; } .sdps-tabs--folder .sdps-tabs__tab--active::after { position: absolute; z-index: 1; bottom: -1px; right: 0px; left: 0px; height: 2px; background-color: rgb(255, 255, 255); content: ""; } .sdps-tabs--folder .sdps-tabs__tab--active:hover::before { content: none !important; } .sdps-tabs--folder .sdps-tabs__tab:hover::before { position: absolute; z-index: 0; inset: 0.5rem; height: 2rem; background-color: rgba(112, 129, 143, 0.08); border-radius: 0.375rem; content: ""; } .sdps-tabs--folder .sdps-tabs__tab:active::before { background-color: rgba(112, 129, 143, 0.16); } .sdps-tabs--folder .sdps-tabs__tabpanel { border-width: 0.0625rem; border-color: rgb(198, 205, 210); border-radius: 0.125rem; background-color: rgb(255, 255, 255); border-style: solid; position: relative; } .sdps-tabs--folder sdps-tab-panel:last-of-type .sdps-tabs__tabpanel { border-top-right-radius: 0px; } .sdps-tabs--folder sdps-tab-panel:first-of-type .sdps-tabs__tabpanel { border-top-left-radius: 0px; } .sdps-tabs__tablist--scrollable { scroll-behavior: smooth; } .sdps-tabs .sdps-tabs__tablist--scrollable { overflow: scroll hidden; scrollbar-width: none; } .sdps-tabs .sdps-tabs__tablist--scrollable::-webkit-scrollbar { display: none; } .sdps-tabs__tablist--scrollable .sdps-tabs__tab { width: auto; min-width: max-content; } .sdps-tabs__pagination-before { box-shadow: rgba(0, 0, 0, 0.16) 8px 0px 16px -4px; } .sdps-tabs__pagination-after { box-shadow: rgba(0, 0, 0, 0.16) -8px 0px 16px -4px; right: 0px; } .sdps-tabs__pagination-after, .sdps-tabs__pagination-before { background-color: rgb(255, 255, 255); border-radius: 0.375rem; width: 3rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: flex; height: 3rem; align-items: center; justify-content: center; position: absolute; z-index: 2; } .sdps-tabs__pagination-after:hover, .sdps-tabs__pagination-before:hover { background-color: rgb(241, 242, 244); } .sdps-tabs__pagination-after:active, .sdps-tabs__pagination-before:active { background-color: rgb(232, 235, 237); } .sdps-tabs__pagination-icon { color: rgb(90, 103, 114); } .zh-TW .sdps-tabs :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } @media (max-width: 479px) { .sdps-tabs__tabpanel--no-padding-content { padding-left: 0px !important; padding-right: 0px !important; } } .sdps-status-header { padding: 1.5rem; position: relative; } .sdps-status-header .sdps-status-header__title { padding-left: 1rem; } .sdps-status-header__header { display: flex; font-weight: 700; padding-bottom: 1rem; } .sdps-status-header__icon { height: 1.5rem; width: 1.5rem; } .sdps-status-header__message { margin-bottom: 0px; } .sdps-status-header--medium-severe { background-color: rgb(255, 239, 204); } .sdps-status-header--medium-severe .sdps-status-header__icon { color: rgb(153, 105, 0); } .sdps-status-header--medium-severe .sdps-status-header__title, .sdps-status-header--medium-severe .sdps-status-header__message { color: rgb(0, 0, 0); } .sdps-status-header--in-progress { background-color: rgb(0, 124, 173); } .sdps-status-header--in-progress .sdps-status-header__icon { color: rgb(255, 255, 255); } .sdps-status-header--in-progress .sdps-status-header__in-progress-icon { color: rgb(255, 255, 255); height: 24px; } .sdps-status-header--in-progress .sdps-status-header__in-progress-icon::before { content: url("../assets/fonts/In-Progress-White.94c185c0ba28baeb.svg"); } .sdps-status-header--in-progress .sdps-status-header__title, .sdps-status-header--in-progress .sdps-status-header__message { color: rgb(255, 255, 255); } .sdps-status-header--complete { background-color: rgb(45, 134, 45); } .sdps-status-header--complete .sdps-status-header__icon, .sdps-status-header--complete .sdps-status-header__title, .sdps-status-header--complete .sdps-status-header__message { color: rgb(255, 255, 255); } .sdps-status-header--high-severe { background-color: rgb(169, 10, 17); } .sdps-status-header--high-severe .sdps-status-header__icon, .sdps-status-header--high-severe .sdps-status-header__title, .sdps-status-header--high-severe .sdps-status-header__message { color: rgb(255, 255, 255); } .zh-TW .sdps-status-header :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } @media (max-width: 1279px) { .sdps-status-header { padding: 1rem; } .sdps-status-header .sdps-status-header__title { padding-left: 0.75rem; } } .sdps-divider { border-width: 0px; height: 0.0625rem; width: auto; margin: 0px; } .sdps-divider--vertical { width: 0.0625rem; height: 100%; } .sdps-divider--primary { background-color: rgba(112, 129, 143, 0.8); } .sdps-divider--secondary { background-color: rgba(112, 129, 143, 0.4); } .sdps-divider--tertiary { background-color: rgba(112, 129, 143, 0.2); } .sdps-search__result-container { position: absolute; width: 100%; background-color: rgb(255, 255, 255); border-style: solid; border-width: 0.0625rem; border-color: rgb(141, 154, 165); box-shadow: 0 2px 8px -2px var(--color-shadow-search,rgba(0,0,0,.2)); border-radius: 0.375rem; z-index: 10201; } .sdps-search__result-list { padding: 0px; margin: 0px; } .sdps-search__result { list-style-type: none; } .sdps-search__result--active, .sdps-search__result:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-search__result:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-search__result:last-of-type .sdps-search__result-text { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .sdps-search__result-text { align-items: center; justify-content: space-between; word-break: break-word; display: flex; flex-direction: row; padding-right: 1rem; padding-left: 0px; margin-left: 1rem; color: rgb(90, 103, 114); min-height: 3rem; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.2); } .sdps-search__result--highlight { color: rgb(0, 0, 0); } .sdps-search__result-left-col { text-align: left; padding-top: 0.75rem; padding-bottom: 0.6875rem; } .sdps-search__result-left-col--no-wrap { word-break: keep-all; } .sdps-search__result-right-col { padding-top: 0.75rem; padding-bottom: 0.6875rem; text-align: right; word-break: normal; padding-left: 1rem; } .sdps-search__secondary-action { padding: 0.75rem 1rem; background-color: rgb(244, 245, 246); border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-top: 0.0625rem solid rgba(112, 129, 143, 0.2); } .sdps-search__result-text--title { letter-spacing: 0.2px; font-size: 0.875rem; padding-left: 1rem; margin-left: 0px; line-height: 1.25rem; padding-top: 1.5rem; padding-bottom: 0.5625rem; border-bottom-color: rgba(112, 129, 143, 0.4); } .sdps-search__result-text--borderless { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .sdps-search__result-text--icon { min-height: 3.5rem; padding: 0px; } .sdps-search__result-text--icon-unavailable { margin-right: 1rem; } .sdps-search__result-text-wrapper { display: flex; width: 100%; justify-content: space-between; } .sdps-search__result-action { height: 3rem; width: 3rem; margin: 0px 0.25rem 0.25rem; color: rgb(90, 103, 114); cursor: default; display: flex; align-items: center; justify-content: center; } .sdps-search__result-action:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-search__result-action:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-search__result-action .sdps-icon { height: 1.5rem; width: 1.5rem; } .sdps-search__result--image .sdps-search__result-left-col { padding-top: 0.625rem; padding-bottom: 0px; } .sdps-search__result--image .sdps-search__result-right-col { padding-top: 0px; padding-left: 0px; text-align: left; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.125rem; } .sdps-search__result--image .sdps-search__result-text-wrapper { align-items: center; } .sdps-search__result-internal-wrapper { flex: 1 0 0px; display: flex; flex-direction: column; } .sdps-search__result-image { object-fit: cover; margin-left: 0px; margin-right: 1rem; border-radius: 0.25rem; } a.sdps-search__result-action { color: rgb(90, 103, 114); cursor: pointer; } a.sdps-search__result-action { padding-top: 1rem; } .sdps-search__active-cell { outline: -webkit-focus-ring-color auto 5px; } .zh-TW .sdps-search__result-container :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-rtv { list-style-type: none; margin-top: 0.5rem; } .sdps-rtv__icon { margin-right: 0.5rem; color: rgb(90, 103, 114); } .sdps-rtv__text { color: rgb(90, 103, 114); font-size: 1rem; } .sdps-rtv__text--success, .sdps-rtv__icon--success { color: rgb(38, 115, 38); } .sdps-rtv__text--error, .sdps-rtv__icon--error { color: rgb(193, 11, 20); } .sdps-rtv__confirmation-checkmark { color: rgb(38, 115, 38); top: 0.625rem; } .sdps-rtv__confirmation-checkmark--password { right: 3rem; } .zh-TW .sdps-rtv :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-skeleton { background-color: rgba(112, 129, 143, 0.08); background-image: linear-gradient(104deg, rgba(0, 0, 0, 0) 0px, rgba(112, 129, 143, 0.08) 24%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 100%); border-radius: 0.25rem; background-repeat: no-repeat; background-size: 480px auto; display: block; position: relative; height: 100%; width: 100%; animation-delay: 1s; animation-iteration-count: infinite; transition: opacity 0.4s cubic-bezier(0.6, 0.2, 1, 0); animation-name: shimmer; } .sdps-skeleton--visible { opacity: 1; } .sdps-skeleton--hidden { opacity: 0; } @keyframes shimmer { 0% { background-position: -100vw 0px; } 100% { background-position: 100vw 0px; } } @media (min-width: 0) and (max-width: 479px) { .sdps-skeleton { animation-duration: 1.75s; } } @media (min-width: 480px) and (max-width: 767px) { .sdps-skeleton { animation-duration: 2s; } } @media (min-width: 768px) and (max-width: 1023px) { .sdps-skeleton { animation-duration: 2.25s; } } @media (min-width: 1024px) and (max-width: 1279px) { .sdps-skeleton { animation-duration: 2.5s; } } @media (min-width: 1280px) and (max-width: 1439px) { .sdps-skeleton { animation-duration: 2.75s; } } @media (min-width: 1440px) and (max-width: 1959px) { .sdps-skeleton { animation-duration: 3s; } } @media (min-width: 1960px) and (max-width: 2399px) { .sdps-skeleton { animation-duration: 3.5s; } } @media (min-width: 2400px) and (max-width: 3199px) { .sdps-skeleton { animation-duration: 4s; } } @media (min-width: 3200px) { .sdps-skeleton { animation-duration: 5s; } } .sdps-skeleton--circle { border-radius: 50%; } .sdps-skeleton--title-line { height: 1.5rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .sdps-skeleton--body-line { height: 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .sdps-skeleton--footnote-line { height: 0.75rem; margin-top: 0.25rem; margin-bottom: 0.25rem; } .sdps-textarea { border-color: rgb(79, 90, 100); border-radius: 0.375rem; border-style: solid; border-width: 0.0625rem; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 1rem; min-height: 3rem; width: 100%; min-width: 0px; padding: 12px 16px 12px 1rem; margin-bottom: -0.4375rem; resize: vertical; } .sdps-textarea:hover { border-color: rgb(45, 52, 57); } .sdps-textarea--resize-none { resize: none; } .sdps-textarea--resize-x-only { resize: horizontal; } .sdps-textarea--resize-both { resize: both; } .sdps-textarea--medium { min-height: 2.5rem; padding: 8px 12px 8px 0.75rem; } .sdps-textarea--small { min-height: 2rem; padding: 4px 8px 4px 0.5rem; } .sdps-textarea--x-small { min-height: 1.5rem; padding: 2px 8px 2px 0.5rem; font-size: 0.8125rem; line-height: 1.25rem; } .zh-TW .sdps-textarea--x-small { font-size: 0.8125rem; } .sdps-textarea--disabled, .sdps-textarea--read-only, .sdps-textarea--readOnly, .sdps-textarea:disabled, .sdps-textarea:read-only { background-color: rgba(112, 129, 143, 0.08); border-color: rgb(198, 205, 210); color: rgb(0, 0, 0); cursor: not-allowed; } .sdps-textarea--never-edit, .sdps-textarea--never-edit:read-only { background: 0px 0px; border-width: 0px; margin-top: -0.4375rem; padding-left: 0px; color: rgb(0, 0, 0); cursor: not-allowed; } .zh-TW .sdps-textarea, .zh-TW .sdps-textarea :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-slider { appearance: none; background-color: rgba(112, 129, 143, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; height: 0.25rem; } .sdps-slider:hover { outline: 0px; } .sdps-slider:focus { outline: 0px; } .sdps-slider:focus::-webkit-slider-thumb { outline-offset: 0.25rem; outline: -webkit-focus-ring-color auto 2px; } .sdps-slider:focus-visible { outline: 0px; } .sdps-slider:focus-visible::-webkit-slider-thumb { outline-offset: 0.25rem; outline: -webkit-focus-ring-color auto 2px; } .sdps-slider::-webkit-slider-thumb { appearance: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: rgb(0, 110, 153); } .sdps-slider::-webkit-slider-thumb:hover { border-radius: 50%; outline-offset: 0px; outline: rgba(112, 129, 143, 0.08) solid 0.75rem; } .sdps-slider::-webkit-slider-thumb:active { border-radius: 50%; outline-offset: 0px; outline: rgba(112, 129, 143, 0.16) solid 0.75rem; } .sdps-slider__label { font-size: 0.8125rem; line-height: 1.25rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; margin: 0px; padding: 0px; color: rgb(0, 0, 0); } .zh-TW .sdps-slider__label { font-size: 0.8125rem; } .sdps-slider__icon { flex-shrink: 0; align-items: center; color: rgb(90, 103, 114); } .sdps-slider--readonly { background-color: rgba(112, 129, 143, 0.08); cursor: not-allowed; } .sdps-slider--readonly::-webkit-slider-thumb { background-color: rgb(141, 154, 165); } .sdps-slider--readonly::-webkit-slider-thumb:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; } .sdps-slider--readonly::-webkit-slider-thumb:active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; } .sdps-slider--disabled, .sdps-slider:disabled { background-color: rgba(112, 129, 143, 0.08); cursor: not-allowed; } .sdps-slider--disabled::-webkit-slider-thumb, .sdps-slider:disabled::-webkit-slider-thumb { background-color: rgb(141, 154, 165); } .sdps-slider--disabled::-webkit-slider-thumb:hover, .sdps-slider:disabled::-webkit-slider-thumb:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; } .sdps-slider--disabled::-webkit-slider-thumb:active, .sdps-slider:disabled::-webkit-slider-thumb:active { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; } .sdps-slider__container { display: flex; justify-content: space-between; align-items: center; height: 1.5rem; } .sdps-slider__label--left { margin-right: 1rem; } .sdps-slider__label--right { margin-left: 1rem; } .sdps-slider__icon--left { margin-right: 0.5rem; width: 1rem; height: 1rem; } .sdps-slider__icon--right { margin-left: 0.5rem; width: 2rem; height: 2rem; } .zh-TW .sdps-slider__container :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-navigation-badge { background-color: rgb(236, 14, 24); border-radius: 0.25rem; height: 0.5rem; width: 0.5rem; } .sdps-navigation-badge--determinate { border-radius: 0.625rem; color: rgb(255, 255, 255); display: inline-block; font-size: 0.75rem; font-weight: 700; height: 1.25rem; line-height: 1.25rem; min-width: 1.25rem; padding: 0px 0.25rem; text-align: center; white-space: nowrap; width: fit-content; } .zh-TW .sdps-navigation-badge--determinate { font-size: 0.8125rem; } .sdps-navigation-badge--overlay { position: absolute; right: 0px; top: 0px; } .sdps-navigation-badge--overlay.sdps-navigation-badge--determinate { border-radius: 0.5rem; font-size: 0.75rem; height: 1rem; min-width: 1rem; line-height: 1rem; padding: 0px 0.25rem; transform: translate(45%, -45%); } .zh-TW .sdps-navigation-badge--overlay.sdps-navigation-badge--determinate { font-size: 0.8125rem; } .sdps-list-badge { border-radius: 0.625rem; background-color: rgba(112, 129, 143, 0.2); color: rgb(90, 103, 114); display: inline-block; font-size: 0.75rem; font-weight: 700; height: 1.25rem; line-height: 1.25rem; min-width: 1.25rem; padding: 0px 0.25rem; text-align: center; white-space: nowrap; } .zh-TW .sdps-list-badge { font-size: 0.8125rem; } .sdps-status-badge { display: inline-flex; align-items: center; gap: 4px; width: max-content; padding: 0px 0.5rem; border-radius: 0.25rem; text-transform: uppercase; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.25px; font-size: 0.75rem; min-height: 1.5rem; color: rgb(255, 255, 255); } .zh-TW .sdps-status-badge { font-size: 0.8125rem; } .sdps-status-badge--secondary { padding: 0px 0.5rem; } .sdps-status-badge--not-started.sdps-status-badge { background-color: rgb(241, 242, 244); color: rgb(90, 103, 114); } .sdps-status-badge--not-started.sdps-status-badge .sdps-icon { color: rgba(112, 129, 143, 0.2); height: 0.75rem; width: 0.75rem; } .sdps-status-badge--not-started.sdps-status-badge--secondary { background-color: rgb(241, 242, 244); color: rgb(90, 103, 114); } .sdps-status-badge--in-progress { background-color: rgb(0, 124, 173); } .sdps-status-badge--in-progress.sdps-status-badge--secondary { background-color: rgb(229, 248, 255); color: rgb(0, 110, 153); } .sdps-status-badge--complete { background-color: rgb(45, 134, 45); } .sdps-status-badge--complete.sdps-status-badge--secondary { background-color: rgb(236, 249, 236); color: rgb(38, 115, 38); } .sdps-status-badge--medium-severe { background-color: rgb(153, 105, 0); } .sdps-status-badge--medium-severe.sdps-status-badge--secondary { background-color: rgb(255, 247, 229); color: rgb(142, 77, 11); } .sdps-status-badge--high-severe { background-color: rgb(169, 10, 17); } .sdps-status-badge--high-severe.sdps-status-badge--secondary { background-color: rgb(254, 231, 232); color: rgb(169, 10, 17); } .sdps-promotional-badge { display: inline-block; align-items: center; padding: 0px 0.5rem; border-radius: 0.25rem; text-transform: uppercase; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.25px; font-size: 0.75rem; min-height: 1.5rem; } .zh-TW .sdps-promotional-badge { font-size: 0.8125rem; } .sdps-promotional-badge--beta { background-color: rgb(239, 220, 230); color: rgb(70, 32, 53); } .sdps-promotional-badge--new { background-color: rgb(214, 245, 244); color: rgb(20, 82, 80); } .sdps-promotional-badge--overlay { line-height: 1.5625rem; min-height: 1.5625rem; top: -13px; left: -8px; position: absolute; } .sdps-promotional-badge--overlay.sdps-promotional-badge--beta { background-color: rgb(175, 80, 132); color: rgb(255, 255, 255); } .sdps-promotional-badge--overlay.sdps-promotional-badge--new { background-color: rgb(31, 122, 119); color: rgb(255, 255, 255); } .zh-TW .sdps-badge :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-chips { display: flex; align-items: center; cursor: default; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; justify-content: center; min-width: 2.5rem; border-radius: 1.25rem; background-color: rgba(112, 129, 143, 0.16); color: rgb(0, 0, 0); font-size: 1rem; height: 2rem; line-height: 1.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; transition: background-color 0.2s cubic-bezier(0.2, 0.6, 0, 1); } .sdps-chips:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-chips:active { background-color: rgba(112, 129, 143, 0.2); } .sdps-chips--selected { background-color: rgb(229, 248, 255); border-width: 0.0625rem; border-style: solid; border-color: rgb(0, 110, 153); padding-left: 0.6875rem; padding-right: 0.6875rem; } .sdps-chips--selected:hover { background-color: rgb(204, 241, 255); } .sdps-chips--error { background-color: rgb(255, 255, 255); border-width: 0.0625rem; border-style: solid; border-color: rgb(193, 11, 20); } .sdps-chips--error:hover { background-color: rgba(241, 14, 25, 0.08); } .sdps-chips--image { padding-left: 0.25rem; } .sdps-chips--image.sdps-chips--selected { padding-left: 0.1875rem; } .sdps-chips__container { display: flex; flex-wrap: wrap; list-style: none; } .sdps-chips__image-container { border-radius: 50%; height: 1.5rem; width: 1.5rem; margin-right: 0.5rem; overflow: hidden; } .sdps-chips--dismissible { padding-right: 0px; transition: margin 0.2s cubic-bezier(0.2, 0.6, 0, 1), opacity 0.2s cubic-bezier(0.2, 0.6, 0, 1); } .sdps-chips--dismissible:hover, .sdps-chips--dismissible:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-chips__dismiss-icon { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 2rem; display: flex; flex-direction: row; align-items: center; margin-left: 0.25rem; padding: 0px 0.25rem; color: rgb(79, 90, 100); transition: color 0.2s cubic-bezier(0.2, 0.6, 0, 1); } .sdps-chips__dismiss-icon:hover { color: rgb(45, 52, 57); } .sdps-chips__dismiss-icon:active { color: rgb(0, 0, 0); } .sdps-chips__container--scrollable { overflow: hidden; } .sdps-chips__scrollable-container { position: relative; display: block; } .sdps-chips__scrolling-container { display: flex; flex: 1 0 auto; position: relative; flex-wrap: nowrap; transition: transform 0.2s cubic-bezier(0.2, 0.6, 0, 1); } .sdps-chips__pagination { background-color: rgb(255, 255, 255); border-radius: 0.375rem; height: 3rem; width: 3rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; } .sdps-chips__pagination:hover { background-color: rgb(241, 242, 244); } .sdps-chips__pagination:active { background-color: rgb(232, 235, 237); } .sdps-chips__pagination--left { box-shadow: rgba(0, 0, 0, 0.16) 8px 0px 16px -4px; } .sdps-chips__pagination--right { right: 0px; top: 0px; box-shadow: rgba(0, 0, 0, 0.16) -8px 0px 16px -4px; } .sdps-chips__pagination-icon { color: rgb(90, 103, 114); } .zh-TW .sdps-chips { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-carousel { overflow: hidden; } .sdps-carousel__slidable-container { display: flex; flex-direction: row; transition: transform 0.2s cubic-bezier(0.8, 0.25, 0.25, 1); } .sdps-carousel__footer { display: flex; flex-direction: row; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; background-color: rgb(255, 255, 255); } .sdps-carousel__slide { width: 100%; flex-shrink: 0; } .sdps-carousel__page-control-container { align-items: center; display: flex; order: 2; } .sdps-carousel__page-control-list { list-style: none; display: flex; flex-direction: row; align-items: center; } .sdps-carousel__page-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: flex; align-items: center; background-color: transparent; justify-content: center; padding: 0.5rem; } .sdps-carousel__page-control--active .sdps-carousel__page-control-icon { background-color: rgb(0, 110, 153); } .sdps-carousel__page-control:hover .sdps-carousel__page-control-icon { background-color: rgb(0, 93, 128); } .sdps-carousel__page-control:active .sdps-carousel__page-control-icon { background-color: rgb(0, 73, 102); } .sdps-carousel__page-control-icon { border-radius: 50%; height: 0.5rem; width: 0.5rem; background-color: rgba(112, 129, 143, 0.2); } .sdps-carousel__pagination { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: flex; align-items: center; justify-content: center; padding: 0px; color: rgb(0, 110, 153); } .sdps-carousel__pagination:hover { color: rgb(0, 93, 128); } .sdps-carousel__pagination:hover .sdps-carousel__pagination-text { text-decoration: underline; } .sdps-carousel__pagination:active { color: rgb(0, 73, 102); } .sdps-carousel__pagination--left { order: 1; } .sdps-carousel__pagination--right { order: 3; } @media (min-width: 0) and (max-width: 767px) { .sdps-carousel__pagination-text { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; user-select: none; } } @media (prefers-reduced-motion) { .sdps-carousel__slidable-container { transition: none; } } .zh-TW .sdps-carousel :not([class*="sch-"]):not([class^="sch-"]), .zh-TW .sdps-carousel__footer :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-range { display: block; min-width: fit-content; } .sdps-range__values { min-width: 9.375rem; display: flex; justify-content: space-between; } .sdps-range__label { font-size: 0.8125rem; line-height: 1.25rem; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: rgb(0, 0, 0); } .sdps-range__label--min { margin-right: 0.25rem; } .sdps-range__label--max { margin-left: 0.25rem; } .zh-TW .sdps-range__label { font-size: 0.8125rem; } .sdps-range__track { appearance: none; background-color: rgba(112, 129, 143, 0.2); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; height: 0.375rem; width: 100%; margin-top: 0.25rem; pointer-events: none; } .sdps-range__track::-webkit-slider-thumb { appearance: none; background-color: rgb(90, 103, 114); height: 0.375rem; width: 0.375rem; } .sdps-range--condensed .sdps-range__label { line-height: 1rem; } .sdps-range--condensed .sdps-range__track { margin-top: 0.125rem; } .zh-TW .sdps-range :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-switch { min-width: 2.5rem; height: 1.5rem; border-width: 0.125rem; border-radius: 1rem; border-color: rgb(99, 114, 126); background-color: rgb(255, 255, 255); border-style: solid; position: relative; display: inline-block; transition: background-color 0.3s; } .sdps-switch:focus, .sdps-switch:focus-visible { outline: -webkit-focus-ring-color solid 0.125rem; border-radius: 1.5rem; outline-offset: 0.1875rem; } .sdps-switch:hover { background-color: rgb(241, 242, 244); } .sdps-switch:active { background-color: rgb(232, 235, 237); } .sdps-switch__container { display: flex; align-items: center; } .sdps-switch__slider { width: 0.875rem; height: 0.875rem; border-radius: 50%; background-color: rgb(99, 114, 126); position: absolute; content: ""; left: 3px; bottom: 3px; transition: 0.3s; } .sdps-switch__label { color: rgb(0, 0, 0); font-size: 1rem; line-height: 1.5rem; font-family: Arial, Helvetica, sans-serif; margin-right: 0.5rem; display: inline-block; } .sdps-switch--on { background-color: rgb(0, 110, 153); border-color: rgb(0, 110, 153); transition: border-color 0.3s; } .sdps-switch--on:hover { background-color: rgb(0, 93, 128); border-color: rgb(0, 93, 128); } .sdps-switch--on:active { background-color: rgb(0, 73, 102); border-color: rgb(0, 73, 102); } .sdps-switch--on .sdps-switch__slider { width: 1.125rem; height: 1.125rem; background-color: rgb(255, 255, 255); bottom: 1px; left: 1px; transform: translate(15px); } .sdps-switch__label--cell { flex-grow: 1; } .sdps-switch__divider { width: auto; align-self: stretch; margin-left: 1rem; } .zh-TW .sdps-switch__container :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-tables__wrapper { max-width: 100%; overflow-x: scroll; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.2); scrollbar-width: none; } .sdps-tables__wrapper::-webkit-scrollbar { display: none; } .sdps-tables__wrapper--shadow .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-child { box-shadow: rgba(0, 0, 0, 0.08) 1px -4px 14px 1px; } .sdps-tables__wrapper--shadow .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__cell:first-child { border-right: 0.0625rem solid rgba(112, 129, 143, 0.2); box-shadow: rgba(0, 0, 0, 0.12) -4px 20px 12px 2px; } .sdps-tables__wrapper--account-total { border-bottom-style: none; } .sdps-tables { display: table; width: 100%; height: 100%; } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type { position: sticky; left: 0px; z-index: 1; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; max-width: 10rem; min-width: 8.5rem; } @media (max-width: 1023px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type { max-width: 8.75rem; min-width: 7.5rem; } } @media (max-width: 480px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type { max-width: 6.75rem; min-width: 6rem; } } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable) .sdps-tables__header-text { max-width: 143px; } @media (max-width: 1023px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable) .sdps-tables__header-text { max-width: 123px; } } @media (max-width: 480px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable) .sdps-tables__header-text { max-width: 91px; } } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable).sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 151px; } @media (max-width: 1023px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable).sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 131px; } } @media (max-width: 480px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type:not(.sdps-tables__header--sortable).sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 99px; } } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable .sdps-tables__header-text { max-width: 143px; } @media (max-width: 1023px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable .sdps-tables__header-text { max-width: 123px; } } @media (max-width: 480px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable .sdps-tables__header-text { max-width: 91px; } } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable.sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 135px; } @media (max-width: 1023px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable.sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 115px; } } @media (max-width: 480px) { .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:first-of-type.sdps-tables__header--sortable.sdps-tables__header--indent-none .sdps-tables__header-text { max-width: 83px; } } .sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__cell:first-child { position: sticky; left: 0px; z-index: 1; } .sdps-tables .sdps-tables__row--body:first-of-type .sdps-tables__cell { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .sdps-tables .sdps-tables__row--body:first-of-type .sdps-tables__control-cell { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .sdps-tables--row-hover .sdps-tables__row:hover .sdps-tables__cell { background-color: rgb(241, 242, 244); } .sdps-tables--condensed .sdps-tables__row .sdps-tables__cell { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.8125rem; line-height: 1rem; } .zh-TW .sdps-tables--condensed .sdps-tables__row .sdps-tables__cell { font-size: 0.8125rem; } .sdps-tables--condensed .sdps-tables__row .sdps-tables__cell--media { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sdps-tables--condensed .sdps-tables__sortable-header-button .sdps-tables__header-text { padding-top: 0.0625rem; padding-bottom: 0.0625rem; } .sdps-tables--condensed .sdps-tables__header { min-width: 7.5rem; font-size: 0.75rem; line-height: 0.875rem; letter-spacing: 0.021875rem; font-family: Arial, Helvetica, sans-serif; } .zh-TW .sdps-tables--condensed .sdps-tables__header { font-size: 0.8125rem; } .sdps-tables--condensed .sdps-tables__header--xx-small { min-width: 3rem; } .sdps-tables--condensed .sdps-tables__header--x-small { min-width: 5.5rem; } .sdps-tables--condensed .sdps-tables__header--small { min-width: 7rem; } .sdps-tables--condensed .sdps-tables__header--medium { min-width: 7.5rem; } .sdps-tables--condensed .sdps-tables__header--large { min-width: 9.5rem; } .sdps-tables--condensed .sdps-tables__header--x-large { min-width: 13rem; } .sdps-tables__row-group { display: table-row-group; } .sdps-tables__row-group--collapsed { display: none; } .sdps-tables__thead { display: table-header-group; z-index: 3; position: sticky; } .sdps-tables__header { display: table-cell; padding: 12px 0.5rem; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.2); background-color: rgb(244, 245, 246); color: rgb(90, 103, 114); font-size: 0.8125rem; letter-spacing: 0.025rem; line-height: 1rem; font-family: Arial, Helvetica, sans-serif; vertical-align: bottom; position: relative; min-width: 8.5rem; height: 100%; } .zh-TW .sdps-tables__header { font-size: 0.8125rem; } .sdps-tables__header--right { text-align: right; } .sdps-tables__header--right .sdps-tables__sortable-header-button { justify-content: right; } .sdps-tables__header--right .sdps-tables__header-text { text-align: right; } .sdps-tables__header--left { text-align: left; } .sdps-tables__header--left .sdps-tables__sortable-header-button { justify-content: left; } .sdps-tables__header--left .sdps-tables__header-text { text-align: left; } .sdps-tables__header--center { text-align: center; } .sdps-tables__header--center .sdps-tables__sortable-header-button { justify-content: center; } .sdps-tables__header--center .sdps-tables__header-text { text-align: center; } .sdps-tables__header--xx-small { min-width: 3rem; } .sdps-tables__header--x-small { min-width: 5.5rem; } .sdps-tables__header--small { min-width: 7.5rem; } .sdps-tables__header--medium { min-width: 8.5rem; } .sdps-tables__header--large { min-width: 11rem; } .sdps-tables__header--x-large { min-width: 15rem; } .sdps-tables__header--indent-none, .sdps-tables__header--indent-none .sdps-tables__sortable-header-button { padding-left: 0px; } .sdps-tables__header--indent-small, .sdps-tables__header--indent-small .sdps-tables__sortable-header-button { padding-left: 0.5rem; } .sdps-tables__header--indent-medium, .sdps-tables__header--indent-medium .sdps-tables__sortable-header-button { padding-left: 1.5rem; } .sdps-tables__header--sortable { padding: 0px; } .sdps-tables__header:not(:last-of-type)::after { content: ""; position: absolute; width: 0.0625rem; top: 0px; right: 0px; bottom: 0px; border-right: 0.0625rem solid rgb(255, 255, 255); } .sdps-tables__header .sdps-tables__sortable-header-button .sdps-tables__sortable-header-container { display: flex; align-items: center; } .sdps-tables__sortable-header-button { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 12px 8px 12px 0px; cursor: default; display: flex; color: rgb(0, 0, 0); width: 100%; height: 100%; align-items: end; } .sdps-tables__sortable-header-button:focus .sdps-tables__sortable-header-button-icon { display: block; } .sdps-tables__sortable-header-button:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-tables__sortable-header-button:hover .sdps-tables__sortable-header-button-icon { display: block; } .sdps-tables__sortable-header-button:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-tables__sortable-header-button:active .sdps-tables__sortable-header-button-icon, .sdps-tables__sortable-header-button--sorted .sdps-tables__sortable-header-button-icon { display: block; } .sdps-tables__sortable-header-button-icon { display: none; } .sdps-tables__row { display: table-row; height: 100%; } .sdps-tables__row--collapsed { display: none; } .sdps-tables__row--account-total { font-weight: 700; } .sdps-tables__row--account-total .sdps-tables__cell { border-top: 0.125rem solid rgba(112, 129, 143, 0.4); padding-top: 1rem; padding-bottom: 1rem; } .sdps-tables__row--account-total .sdps-tables__control-cell { border-top: 0.125rem solid rgba(112, 129, 143, 0.4); } .sdps-tables__cell { display: table-cell; padding: 12px 8px; border-top: 0.0625rem dotted rgba(112, 129, 143, 0.2); background-color: rgb(255, 255, 255); vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.025rem; } .sdps-tables__cell--right { text-align: right; } .sdps-tables__cell--left { text-align: left; } .sdps-tables__cell--center { text-align: center; } .sdps-tables__cell--vertical-align-top { vertical-align: baseline; } .sdps-tables__cell--vertical-align-middle { vertical-align: middle; } .sdps-tables__cell--vertical-align-bottom { vertical-align: bottom; } .sdps-tables__cell--indent-none { padding-left: 0px; } .sdps-tables__cell--indent-small { padding-left: 0.5rem; } .sdps-tables__cell--media { padding-top: 0.375rem; padding-bottom: 0.375rem; } .sdps-tables__cell--empty { color: rgb(99, 114, 126); font-size: 0.8125rem; line-height: 1rem; } .zh-TW .sdps-tables__cell--empty { font-size: 0.8125rem; } .sdps-tables__media-cell-content { display: flex; align-items: center; } .sdps-tables__media-cell-media { min-width: 3rem; width: 3rem; height: 3rem; margin-right: 0.5rem; border-radius: 0.375rem; align-self: center; overflow: hidden; } .sdps-tables__media-cell-media--top { align-self: start; } .sdps-tables__media-cell-media--middle { align-self: center; } .sdps-tables__media-cell-media--bottom { align-self: end; } .sdps-tables__media-cell-media img { width: 100%; height: 100%; } .sdps-tables__media-cell-text { padding-top: 0.375rem; padding-bottom: 0.375rem; } .sdps-tables__media-cell-text--top { align-self: start; } .sdps-tables__media-cell-text--middle { align-self: center; } .sdps-tables__media-cell-text--bottom { align-self: end; } .sdps-tables--condensed .sdps-tables__media-cell-media { min-width: 2.5rem; width: 2.5rem; height: 2.5rem; } .sdps-tables--condensed .sdps-tables__media-cell-text { padding-top: 0.25rem; padding-bottom: 0.25rem; } .sdps-table__content-truncate { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; max-width: 143px; } @media (max-width: 1023px) { .sdps-table__content-truncate { max-width: 123px; } } @media (max-width: 480px) { .sdps-table__content-truncate { max-width: 91px; } } .sdps-tables__scrollbar-wrapper { max-width: 100%; overflow-x: scroll; position: sticky; bottom: 0px; z-index: 3; opacity: 0.5; } .sdps-tables__scrollbar-wrapper::-webkit-scrollbar { height: 0.625rem; } .sdps-tables__scrollbar-wrapper::-webkit-scrollbar-thumb { background-color: rgb(0, 0, 0); border-radius: 0.375rem; } .sdps-tables__scrollbar { height: 0.0625rem; } .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__control-header:first-child { position: sticky; left: 0px; z-index: 2; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__control-cell:first-child { position: sticky; left: 0px; z-index: 2; } .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:nth-child(2) { position: sticky; left: 40px; z-index: 1; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; } .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__cell:nth-child(2) { position: sticky; left: 40px; z-index: 1; } .sdps-tables--has-control .sdps-tables__row-group .sdps-tables__row--body:first-of-type .sdps-tables__cell { border-top: 0.0625rem dotted rgba(112, 129, 143, 0.2); } .sdps-tables--has-control .sdps-tables__row-group--collapsed { display: none; } .sdps-tables__row--parent + .sdps-tables__row-group .sdps-tables__row--body:first-of-type .sdps-tables__cell { border-top: 0.0625rem dotted rgba(112, 129, 143, 0.2); } .sdps-tables__control-cell { display: table-cell; background-color: rgb(255, 255, 255); vertical-align: middle; text-align: center; } .sdps-tables__control-header { display: table-cell; border-bottom: 0.0625rem solid rgba(112, 129, 143, 0.2); z-index: 4; width: 2.5rem; min-width: 2.5rem; background-color: rgb(244, 245, 246); } .sdps-tables__toggle-icon { transition: transform 0.3s cubic-bezier(0.2, 0.6, 0, 1); } .sdps-tables__toggle-icon--expanded { transform: rotate(90deg); } .sdps-tables__row--parent .sdps-tables__cell { border-top-style: solid; font-weight: 700; } .sdps-tables__row--toggle .sdps-tables__control-cell { border-top: 0.0625rem solid rgba(112, 129, 143, 0.2); } .sdps-tables__wrapper--shadow .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__header:nth-child(2) { box-shadow: rgba(0, 0, 0, 0.08) 1px -4px 14px 1px; } .sdps-tables__wrapper--shadow .sdps-tables--has-control.sdps-tables--sticky-left-column .sdps-tables__row .sdps-tables__cell:nth-child(2) { border-right: 0.0625rem solid rgba(112, 129, 143, 0.2); box-shadow: rgba(0, 0, 0, 0.12) -4px 20px 12px 2px; } .sdps-tables--skeleton { width: 100%; table-layout: fixed; padding: 8px 16px 0px; } .sdps-tables__skeleton-cell { padding: 1rem; border-bottom: 0.0625rem dashed rgba(112, 129, 143, 0.2); } .sdps-tables__skeleton-cell--first { padding-left: 0.5rem; } .sdps-tables__skeleton-cell--last { padding-right: 0.5rem; } @media (max-width: 1279px) { .sdps-tables__skeleton-cell--hide-tablet { display: none; } } @media (max-width: 767px) { .sdps-tables__skeleton-row--hide-mobile, .sdps-tables__skeleton-cell--hide-mobile { display: none; } } .zh-TW .sdps-tables .sdps-tables__header-text, .zh-TW .sdps-tables .sdps-text-body, .zh-TW .sdps-tables .sdps-text-caption-1, .zh-TW .sdps-tables .sdps-text-caption-2, .zh-TW .sdps-tables .sdps-text-footnote, .zh-TW .sdps-tables .sdps-text-headline, .zh-TW .sdps-tables .sdps-text-subhead, .zh-TW .sdps-tables .sdps-title-1, .zh-TW .sdps-tables .sdps-title-2, .zh-TW .sdps-tables .sdps-title-3, .zh-TW .sdps-tables .sdps-title-large { overflow-y: hidden; } .zh-TW .sdps-tables :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-ratings--non-interactive, .sdps-ratings__button, .sdps-ratings__link { padding-left: 0.5rem; padding-right: 0.5rem; display: inline-flex; text-align: center; align-items: center; } .sdps-ratings__button, .sdps-ratings__link { height: 2rem; border-radius: 0.375rem; } .sdps-ratings__button:hover, .sdps-ratings__link:hover { background-color: rgba(112, 129, 143, 0.08); } .sdps-ratings__button:active, .sdps-ratings__link:active { background-color: rgba(112, 129, 143, 0.16); } .sdps-ratings__button { background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: default; display: inline-flex; white-space: nowrap; text-align: center; align-items: center; } .sdps-ratings:not(.sdps-ratings--non-interactive) .sdps-icon--ratings { color: rgb(0, 110, 153); } .sdps-ratings:not(.sdps-ratings--non-interactive):hover .sdps-icon--ratings { color: rgb(0, 93, 128); } .sdps-ratings:not(.sdps-ratings--non-interactive):active .sdps-icon--ratings { color: rgb(0, 73, 102); } .zh-TW .sdps-ratings :not([class*="sch-"]):not([class^="sch-"]) { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU !important; } .sdps-chart-base-color-light-1, .sdps-chart-generic-color-01-light { background-color: rgb(0, 146, 204); } .sdps-chart-generic-color-01-hover-light { background-color: rgb(0, 183, 255); } .sdps-chart-generic-color-01-pressed-light { background-color: rgb(0, 110, 153); } .sdps-chart-base-color-light-2, .sdps-chart-generic-color-02-light { background-color: rgb(67, 77, 86); } .sdps-chart-generic-color-02-hover-light { background-color: rgb(90, 103, 114); } .sdps-chart-generic-color-02-pressed-light { background-color: rgb(45, 52, 57); } .sdps-chart-base-color-light-3, .sdps-chart-generic-color-03-light { background-color: rgb(190, 101, 14); } .sdps-chart-generic-color-03-hover-light { background-color: rgb(237, 127, 18); } .sdps-chart-generic-color-03-pressed-light { background-color: rgb(142, 77, 11); } .sdps-chart-base-color-light-4, .sdps-chart-generic-color-04-light { background-color: rgb(58, 93, 146); } .sdps-chart-generic-color-04-hover-light { background-color: rgb(73, 117, 182); } .sdps-chart-generic-color-04-pressed-light { background-color: rgb(44, 70, 109); } .sdps-chart-base-color-light-5, .sdps-chart-generic-color-05-light { background-color: rgb(31, 164, 173); } .sdps-chart-generic-color-05-hover-light { background-color: rgb(38, 205, 217); } .sdps-chart-generic-color-05-pressed-light { background-color: rgb(23, 123, 130); } .sdps-chart-base-color-light-6, .sdps-chart-generic-color-06-light { background-color: rgb(15, 71, 87); } .sdps-chart-generic-color-06-hover-light { background-color: rgb(23, 107, 130); } .sdps-chart-generic-color-06-pressed-light { background-color: rgb(8, 36, 43); } .sdps-chart-base-color-light-7, .sdps-chart-generic-color-07-light { background-color: rgb(202, 114, 104); } .sdps-chart-generic-color-07-hover-light { background-color: rgb(215, 149, 142); } .sdps-chart-generic-color-07-pressed-light { background-color: rgb(189, 79, 66); } .sdps-chart-base-color-light-8, .sdps-chart-generic-color-08-light { background-color: rgb(140, 64, 106); } .sdps-chart-generic-color-08-hover-light { background-color: rgb(175, 80, 132); } .sdps-chart-generic-color-08-pressed-light { background-color: rgb(105, 48, 79); } .sdps-chart-base-color-light-9, .sdps-chart-generic-color-09-light { background-color: rgb(66, 119, 138); } .sdps-chart-generic-color-09-hover-light { background-color: rgb(83, 148, 172); } .sdps-chart-generic-color-09-pressed-light { background-color: rgb(50, 89, 103); } .sdps-chart-base-color-light-10, .sdps-chart-generic-color-10-light { background-color: rgb(109, 139, 65); } .sdps-chart-generic-color-10-hover-light { background-color: rgb(135, 173, 82); } .sdps-chart-generic-color-10-pressed-light { background-color: rgb(81, 104, 49); } .sdps-chart-generic-color-11-light { background-color: rgb(191, 115, 157); } .sdps-chart-generic-color-11-hover-light { background-color: rgb(207, 150, 181); } .sdps-chart-generic-color-11-pressed-light { background-color: rgb(175, 80, 132); } .sdps-chart-generic-color-12-light { background-color: rgb(199, 135, 0); } .sdps-chart-generic-color-12-hover-light { background-color: rgb(255, 174, 0); } .sdps-chart-generic-color-12-pressed-light { background-color: rgb(153, 105, 0); } .sdps-chart-generic-color-13-light { background-color: rgb(109, 144, 197); } .sdps-chart-generic-color-13-hover-light { background-color: rgb(146, 172, 211); } .sdps-chart-generic-color-13-pressed-light { background-color: rgb(73, 117, 182); } .sdps-chart-generic-color-14-light { background-color: rgb(113, 47, 40); } .sdps-chart-generic-color-14-hover-light { background-color: rgb(151, 63, 53); } .sdps-chart-generic-color-14-pressed-light { background-color: rgb(75, 31, 27); } .sdps-chart-base-color-dark-1, .sdps-chart-generic-color-01-dark { background-color: rgb(0, 183, 255); } .sdps-chart-generic-color-01-hover-dark { background-color: rgb(51, 197, 255); } .sdps-chart-generic-color-01-pressed-dark { background-color: rgb(0, 146, 204); } .sdps-chart-base-color-dark-2, .sdps-chart-generic-color-02-dark { background-color: rgb(90, 103, 114); } .sdps-chart-generic-color-02-hover-dark { background-color: rgb(112, 129, 143); } .sdps-chart-generic-color-02-pressed-dark { background-color: rgb(67, 77, 86); } .sdps-chart-base-color-dark-3, .sdps-chart-generic-color-03-dark { background-color: rgb(237, 127, 18); } .sdps-chart-generic-color-03-hover-dark { background-color: rgb(241, 152, 65); } .sdps-chart-generic-color-03-pressed-dark { background-color: rgb(190, 101, 14); } .sdps-chart-base-color-dark-4, .sdps-chart-generic-color-04-dark { background-color: rgb(73, 117, 182); } .sdps-chart-generic-color-04-hover-dark { background-color: rgb(109, 144, 197); } .sdps-chart-generic-color-04-pressed-dark { background-color: rgb(58, 93, 146); } .sdps-chart-base-color-dark-5, .sdps-chart-generic-color-05-dark { background-color: rgb(38, 205, 217); } .sdps-chart-generic-color-05-hover-dark { background-color: rgb(82, 215, 224); } .sdps-chart-generic-color-05-pressed-dark { background-color: rgb(31, 164, 173); } .sdps-chart-base-color-dark-6, .sdps-chart-generic-color-06-dark { background-color: rgb(212, 240, 247); } .sdps-chart-generic-color-06-hover-dark { background-color: rgb(255, 255, 255); } .sdps-chart-generic-color-06-pressed-dark { background-color: rgb(168, 224, 240); } .sdps-chart-base-color-dark-7, .sdps-chart-generic-color-07-dark { background-color: rgb(215, 149, 142); } .sdps-chart-generic-color-07-hover-dark { background-color: rgb(228, 184, 180); } .sdps-chart-generic-color-07-pressed-dark { background-color: rgb(202, 114, 104); } .sdps-chart-base-color-dark-8, .sdps-chart-generic-color-08-dark { background-color: rgb(175, 80, 132); } .sdps-chart-generic-color-08-hover-dark { background-color: rgb(191, 115, 157); } .sdps-chart-generic-color-08-pressed-dark { background-color: rgb(140, 64, 106); } .sdps-chart-base-color-dark-9, .sdps-chart-generic-color-09-dark { background-color: rgb(83, 148, 172); } .sdps-chart-generic-color-09-hover-dark { background-color: rgb(117, 170, 189); } .sdps-chart-generic-color-09-pressed-dark { background-color: rgb(66, 119, 138); } .sdps-chart-base-color-dark-10, .sdps-chart-generic-color-10-dark { background-color: rgb(135, 173, 82); } .sdps-chart-generic-color-10-hover-dark { background-color: rgb(159, 190, 116); } .sdps-chart-generic-color-10-pressed-dark { background-color: rgb(109, 139, 65); } .sdps-chart-generic-color-11-dark { background-color: rgb(207, 150, 181); } .sdps-chart-generic-color-11-hover-dark { background-color: rgb(223, 185, 206); } .sdps-chart-generic-color-11-pressed-dark { background-color: rgb(191, 115, 157); } .sdps-chart-generic-color-12-dark { background-color: rgb(255, 174, 0); } .sdps-chart-generic-color-12-hover-dark { background-color: rgb(255, 190, 51); } .sdps-chart-generic-color-12-pressed-dark { background-color: rgb(204, 139, 0); } .sdps-chart-generic-color-13-dark { background-color: rgb(146, 172, 211); } .sdps-chart-generic-color-13-hover-dark { background-color: rgb(182, 200, 226); } .sdps-chart-generic-color-13-pressed-dark { background-color: rgb(109, 144, 197); } .sdps-chart-generic-color-14-dark { background-color: rgb(189, 79, 66); } .sdps-chart-generic-color-14-hover-dark { background-color: rgb(202, 114, 104); } .sdps-chart-generic-color-14-pressed-dark { background-color: rgb(151, 63, 53); } .sdps-text-heatmap-light { color: rgb(255, 255, 255) !important; } .sdps-text-heatmap-dark { color: rgb(0, 0, 0) !important; } .sdps-chart-line-color-light-unchanged, .sdps-chart-performance-unchanged-color-light { background-color: rgb(0, 0, 0); } .sdps-chart-line-color-light-gain, .sdps-chart-performance-gain-color-light { background-color: rgb(38, 115, 38); } .sdps-chart-performance-gain-color-hover-light { background-color: rgb(51, 153, 51); } .sdps-chart-performance-gain-color-pressed-light { background-color: rgb(26, 77, 26); } .sdps-chart-fill-color-light-gain, .sdps-chart-performance-gain-fill-light { background-color: rgba(64, 191, 64, 0.08); } .sdps-chart-line-color-light-loss, .sdps-chart-performance-loss-color-light { background-color: rgb(193, 11, 20); } .sdps-chart-performance-loss-color-hover-light { background-color: rgb(241, 14, 25); } .sdps-chart-performance-loss-color-pressed-light { background-color: rgb(145, 8, 15); } .sdps-chart-fill-color-light-loss, .sdps-chart-performance-loss-fill-light { background-color: rgba(241, 14, 25, 0.08); } .sdps-chart-line-color-dark-unchanged, .sdps-chart-performance-unchanged-color-dark { background-color: rgb(255, 255, 255); } .sdps-chart-line-color-dark-gain, .sdps-chart-performance-gain-color-dark { background-color: rgb(64, 191, 64); } .sdps-chart-performance-gain-color-hover-dark { background-color: rgb(102, 204, 102); } .sdps-chart-performance-gain-color-pressed-dark { background-color: rgb(51, 153, 51); } .sdps-chart-fill-color-dark-gain, .sdps-chart-performance-gain-fill-dark { background-color: rgba(64, 191, 64, 0.18); } .sdps-chart-line-color-dark-loss, .sdps-chart-performance-loss-color-dark { background-color: rgb(244, 62, 71); } .sdps-chart-performance-loss-color-hover-dark { background-color: rgb(247, 110, 117); } .sdps-chart-performance-loss-color-pressed-dark { background-color: rgb(241, 14, 25); } .sdps-chart-fill-color-dark-loss, .sdps-chart-performance-loss-fill-dark { background-color: rgba(241, 14, 25, 0.18); } .sdps-chart-line-color-01-light, .sdps-chart-line-color-light-1 { background-color: rgb(0, 146, 204); } .sdps-chart-line-color-01-hover-light { background-color: rgb(0, 183, 255); } .sdps-chart-line-color-01-pressed-light { background-color: rgb(0, 110, 153); } .sdps-chart-line-color-02-light, .sdps-chart-line-color-light-2 { background-color: rgb(190, 101, 14); } .sdps-chart-line-color-02-hover-light { background-color: rgb(237, 127, 18); } .sdps-chart-line-color-02-pressed-light { background-color: rgb(142, 77, 11); } .sdps-chart-line-color-03-light, .sdps-chart-line-color-light-3 { background-color: rgb(90, 103, 114); } .sdps-chart-line-color-03-hover-light { background-color: rgb(112, 129, 143); } .sdps-chart-line-color-03-pressed-light { background-color: rgb(67, 77, 86); } .sdps-chart-line-color-04-light, .sdps-chart-line-color-light-4 { background-color: rgb(191, 115, 157); } .sdps-chart-line-color-04-hover-light { background-color: rgb(207, 150, 181); } .sdps-chart-line-color-04-pressed-light { background-color: rgb(175, 80, 132); } .sdps-chart-line-color-05-light, .sdps-chart-line-color-light-5 { background-color: rgb(109, 139, 65); } .sdps-chart-line-color-05-hover-light { background-color: rgb(135, 173, 82); } .sdps-chart-line-color-05-pressed-light { background-color: rgb(81, 104, 49); } .sdps-chart-line-color-06-light, .sdps-chart-line-color-light-6 { background-color: rgb(58, 93, 146); } .sdps-chart-line-color-06-hover-light { background-color: rgb(73, 117, 182); } .sdps-chart-line-color-06-pressed-light { background-color: rgb(44, 70, 109); } .sdps-chart-line-color-01-dark, .sdps-chart-line-color-dark-1 { background-color: rgb(0, 183, 255); } .sdps-chart-line-color-01-hover-dark { background-color: rgb(102, 212, 255); } .sdps-chart-line-color-01-pressed-dark { background-color: rgb(0, 146, 204); } .sdps-chart-line-color-02-dark, .sdps-chart-line-color-dark-2 { background-color: rgb(237, 127, 18); } .sdps-chart-line-color-02-hover-dark { background-color: rgb(241, 152, 65); } .sdps-chart-line-color-02-pressed-dark { background-color: rgb(190, 101, 14); } .sdps-chart-line-color-03-dark, .sdps-chart-line-color-dark-3 { background-color: rgb(198, 205, 210); } .sdps-chart-line-color-03-hover-dark { background-color: rgb(226, 230, 233); } .sdps-chart-line-color-03-pressed-dark { background-color: rgb(169, 179, 188); } .sdps-chart-line-color-04-dark, .sdps-chart-line-color-dark-4 { background-color: rgb(191, 115, 157); } .sdps-chart-line-color-04-hover-dark { background-color: rgb(207, 150, 181); } .sdps-chart-line-color-04-pressed-dark { background-color: rgb(175, 80, 132); } .sdps-chart-line-color-05-dark, .sdps-chart-line-color-dark-5 { background-color: rgb(135, 173, 82); } .sdps-chart-line-color-05-hover-dark { background-color: rgb(159, 190, 116); } .sdps-chart-line-color-05-pressed-dark { background-color: rgb(109, 139, 65); } .sdps-chart-line-color-06-dark, .sdps-chart-line-color-dark-6 { background-color: rgb(73, 117, 182); } .sdps-chart-line-color-06-hover-dark { background-color: rgb(109, 144, 197); } .sdps-chart-line-color-06-pressed-dark { background-color: rgb(58, 93, 146); } .sdps-chart-fill-color-light-single, .sdps-chart-mountain-fill-light { background-color: rgba(0, 183, 255, 0.08); } .sdps-chart-fill-color-light-multi, .sdps-chart-mountain-fill-with-indicators-light { background-color: rgba(112, 129, 143, 0.08); } .sdps-chart-mountain-line-light { background-color: rgb(0, 146, 204); } .sdps-chart-mountain-line-hover-light { background-color: rgb(0, 183, 255); } .sdps-chart-mountain-line-pressed-light { background-color: rgb(0, 110, 153); } .sdps-chart-fill-color-dark-single, .sdps-chart-mountain-fill-dark { background-color: rgba(0, 183, 255, 0.18); } .sdps-chart-fill-color-dark-multi, .sdps-chart-mountain-fill-with-indicators-dark { background-color: rgba(112, 129, 143, 0.18); } .sdps-chart-mountain-line-dark { background-color: rgb(0, 183, 255); } .sdps-chart-mountain-line-hover-dark { background-color: rgb(102, 212, 255); } .sdps-chart-mountain-line-pressed-dark { background-color: rgb(0, 146, 204); } .sdps-chart-indicator-color-01-light { background-color: rgb(190, 101, 14); } .sdps-chart-indicator-color-01-hover-light { background-color: rgb(237, 127, 18); } .sdps-chart-indicator-color-01-pressed-light { background-color: rgb(142, 77, 11); } .sdps-chart-indicator-color-02-light { background-color: rgb(90, 103, 114); } .sdps-chart-indicator-color-02-hover-light { background-color: rgb(112, 129, 143); } .sdps-chart-indicator-color-02-pressed-light { background-color: rgb(67, 77, 86); } .sdps-chart-indicator-color-03-light { background-color: rgb(191, 115, 157); } .sdps-chart-indicator-color-03-hover-light { background-color: rgb(207, 150, 181); } .sdps-chart-indicator-color-03-pressed-light { background-color: rgb(175, 80, 132); } .sdps-chart-indicator-color-04-light { background-color: rgb(109, 139, 65); } .sdps-chart-indicator-color-04-hover-light { background-color: rgb(135, 173, 82); } .sdps-chart-indicator-color-04-pressed-light { background-color: rgb(81, 104, 49); } .sdps-chart-indicator-color-05-light { background-color: rgb(58, 93, 146); } .sdps-chart-indicator-color-05-hover-light { background-color: rgb(73, 117, 182); } .sdps-chart-indicator-color-05-pressed-light { background-color: rgb(44, 70, 109); } .sdps-chart-indicator-color-01-dark { background-color: rgb(237, 127, 18); } .sdps-chart-indicator-color-01-hover-dark { background-color: rgb(241, 152, 65); } .sdps-chart-indicator-color-01-pressed-dark { background-color: rgb(190, 101, 14); } .sdps-chart-indicator-color-02-dark { background-color: rgb(198, 205, 210); } .sdps-chart-indicator-color-02-hover-dark { background-color: rgb(226, 230, 233); } .sdps-chart-indicator-color-02-pressed-dark { background-color: rgb(169, 179, 188); } .sdps-chart-indicator-color-03-dark { background-color: rgb(191, 115, 157); } .sdps-chart-indicator-color-03-hover-dark { background-color: rgb(207, 150, 181); } .sdps-chart-indicator-color-03-pressed-dark { background-color: rgb(175, 80, 132); } .sdps-chart-indicator-color-04-dark { background-color: rgb(135, 173, 82); } .sdps-chart-indicator-color-04-hover-dark { background-color: rgb(159, 190, 116); } .sdps-chart-indicator-color-04-pressed-dark { background-color: rgb(109, 139, 65); } .sdps-chart-indicator-color-05-dark { background-color: rgb(73, 117, 182); } .sdps-chart-indicator-color-05-hover-dark { background-color: rgb(109, 144, 197); } .sdps-chart-indicator-color-05-pressed-dark { background-color: rgb(58, 93, 146); } .sdps-chart-heatmap-color-nochange-light, .sdps-chart-heatmap-unchanged-color-light { background-color: rgb(0, 0, 0); } .sdps-chart-heatmap-unchanged-color-hover-light { background-color: rgb(22, 26, 29); } .sdps-chart-heatmap-unchanged-color-pressed-light { background-color: rgb(0, 0, 0); } .sdps-chart-heatmap-color-gain-light-1, .sdps-chart-heatmap-gain-color-01-light { background-color: rgb(45, 134, 45); } .sdps-chart-heatmap-gain-color-01-hover-light { background-color: rgb(57, 172, 57); } .sdps-chart-heatmap-gain-color-01-pressed-light { background-color: rgb(32, 96, 32); } .sdps-chart-heatmap-color-gain-light-2, .sdps-chart-heatmap-gain-color-02-light { background-color: rgb(38, 115, 38); } .sdps-chart-heatmap-gain-color-02-hover-light { background-color: rgb(51, 153, 51); } .sdps-chart-heatmap-gain-color-02-pressed-light { background-color: rgb(26, 77, 26); } .sdps-chart-heatmap-color-gain-light-3, .sdps-chart-heatmap-gain-color-03-light { background-color: rgb(32, 96, 32); } .sdps-chart-heatmap-gain-color-03-hover-light { background-color: rgb(45, 134, 45); } .sdps-chart-heatmap-gain-color-03-pressed-light { background-color: rgb(19, 57, 19); } .sdps-chart-heatmap-color-gain-light-4, .sdps-chart-heatmap-gain-color-04-light { background-color: rgb(26, 77, 26); } .sdps-chart-heatmap-gain-color-04-hover-light { background-color: rgb(38, 115, 38); } .sdps-chart-heatmap-gain-color-04-pressed-light { background-color: rgb(13, 38, 13); } .sdps-chart-heatmap-color-gain-light-5, .sdps-chart-heatmap-gain-color-05-light { background-color: rgb(19, 57, 19); } .sdps-chart-heatmap-gain-color-05-hover-light { background-color: rgb(32, 96, 32); } .sdps-chart-heatmap-gain-color-05-pressed-light { background-color: rgb(6, 19, 6); } .sdps-chart-heatmap-color-gain-light-6, .sdps-chart-heatmap-gain-color-06-light { background-color: rgb(13, 38, 13); } .sdps-chart-heatmap-gain-color-06-hover-light { background-color: rgb(26, 77, 26); } .sdps-chart-heatmap-gain-color-06-pressed-light { background-color: rgb(0, 0, 0); } .sdps-chart-heatmap-color-loss-light-1, .sdps-chart-heatmap-loss-color-01-light { background-color: rgb(169, 10, 17); } .sdps-chart-heatmap-loss-color-01-hover-light { background-color: rgb(217, 13, 23); } .sdps-chart-heatmap-loss-color-01-pressed-light { background-color: rgb(120, 7, 12); } .sdps-chart-heatmap-color-loss-light-2, .sdps-chart-heatmap-loss-color-02-light { background-color: rgb(145, 8, 15); } .sdps-chart-heatmap-loss-color-02-hover-light { background-color: rgb(193, 11, 20); } .sdps-chart-heatmap-loss-color-02-pressed-light { background-color: rgb(96, 6, 10); } .sdps-chart-heatmap-color-loss-light-3, .sdps-chart-heatmap-loss-color-03-light { background-color: rgb(120, 7, 12); } .sdps-chart-heatmap-loss-color-03-hover-light { background-color: rgb(169, 10, 17); } .sdps-chart-heatmap-loss-color-03-pressed-light { background-color: rgb(72, 4, 7); } .sdps-chart-heatmap-color-loss-light-4, .sdps-chart-heatmap-loss-color-04-light { background-color: rgb(96, 6, 10); } .sdps-chart-heatmap-loss-color-04-hover-light { background-color: rgb(145, 8, 15); } .sdps-chart-heatmap-loss-color-04-pressed-light { background-color: rgb(48, 3, 5); } .sdps-chart-heatmap-color-loss-light-5, .sdps-chart-heatmap-loss-color-05-light { background-color: rgb(72, 4, 7); } .sdps-chart-heatmap-loss-color-05-hover-light { background-color: rgb(120, 7, 12); } .sdps-chart-heatmap-loss-color-05-pressed-light { background-color: rgb(24, 1, 2); } .sdps-chart-heatmap-color-loss-light-6, .sdps-chart-heatmap-loss-color-06-light { background-color: rgb(48, 3, 5); } .sdps-chart-heatmap-loss-color-06-hover-light { background-color: rgb(96, 6, 10); } .sdps-chart-heatmap-loss-color-06-pressed-light { background-color: rgb(0, 0, 0); } .sdps-chart-heatmap-color-nochange-dark, .sdps-chart-heatmap-unchanged-color-dark { background-color: rgb(198, 205, 210); } .sdps-chart-heatmap-unchanged-color-hover-dark { background-color: rgb(226, 230, 233); } .sdps-chart-heatmap-unchanged-color-pressed-dark { background-color: rgb(169, 179, 188); } .sdps-chart-heatmap-color-gain-light-1, .sdps-chart-heatmap-gain-color-01-dark { background-color: rgb(64, 191, 64); } .sdps-chart-heatmap-gain-color-01-hover-dark { background-color: rgb(102, 204, 102); } .sdps-chart-heatmap-gain-color-01-pressed-dark { background-color: rgb(51, 153, 51); } .sdps-chart-heatmap-color-gain-dark-2, .sdps-chart-heatmap-gain-color-02-dark { background-color: rgb(83, 198, 83); } .sdps-chart-heatmap-gain-color-02-hover-dark { background-color: rgb(121, 210, 121); } .sdps-chart-heatmap-gain-color-02-pressed-dark { background-color: rgb(57, 172, 57); } .sdps-chart-heatmap-color-gain-dark-3, .sdps-chart-heatmap-gain-color-03-dark { background-color: rgb(102, 204, 102); } .sdps-chart-heatmap-gain-color-03-hover-dark { background-color: rgb(140, 217, 140); } .sdps-chart-heatmap-gain-color-03-pressed-dark { background-color: rgb(64, 191, 64); } .sdps-chart-heatmap-color-gain-dark-4, .sdps-chart-heatmap-gain-color-04-dark { background-color: rgb(121, 210, 121); } .sdps-chart-heatmap-gain-color-04-hover-dark { background-color: rgb(159, 223, 159); } .sdps-chart-heatmap-gain-color-04-pressed-dark { background-color: rgb(83, 198, 83); } .sdps-chart-heatmap-color-gain-dark-5, .sdps-chart-heatmap-gain-color-05-dark { background-color: rgb(140, 217, 140); } .sdps-chart-heatmap-gain-color-05-hover-dark { background-color: rgb(179, 230, 179); } .sdps-chart-heatmap-gain-color-05-pressed-dark { background-color: rgb(102, 204, 102); } .sdps-chart-heatmap-color-gain-dark-6, .sdps-chart-heatmap-gain-color-06-dark { background-color: rgb(159, 223, 159); } .sdps-chart-heatmap-gain-color-06-hover-dark { background-color: rgb(198, 236, 198); } .sdps-chart-heatmap-gain-color-06-pressed-dark { background-color: rgb(121, 210, 121); } .sdps-chart-heatmap-color-loss-dark-1, .sdps-chart-heatmap-loss-color-01-dark { background-color: rgb(241, 14, 25); } .sdps-chart-heatmap-loss-color-01-hover-dark { background-color: rgb(244, 62, 71); } .sdps-chart-heatmap-loss-color-01-pressed-dark { background-color: rgb(193, 11, 20); } .sdps-chart-heatmap-color-loss-dark-2, .sdps-chart-heatmap-loss-color-02-dark { background-color: rgb(242, 38, 47); } .sdps-chart-heatmap-loss-color-02-hover-dark { background-color: rgb(245, 86, 93); } .sdps-chart-heatmap-loss-color-02-pressed-dark { background-color: rgb(217, 13, 23); } .sdps-chart-heatmap-color-loss-dark-3, .sdps-chart-heatmap-loss-color-03-dark { background-color: rgb(244, 62, 71); } .sdps-chart-heatmap-loss-color-03-hover-dark { background-color: rgb(247, 110, 117); } .sdps-chart-heatmap-loss-color-03-pressed-dark { background-color: rgb(241, 14, 25); } .sdps-chart-heatmap-color-loss-dark-4, .sdps-chart-heatmap-loss-color-04-dark { background-color: rgb(245, 86, 93); } .sdps-chart-heatmap-loss-color-04-hover-dark { background-color: rgb(248, 135, 140); } .sdps-chart-heatmap-loss-color-04-pressed-dark { background-color: rgb(242, 38, 47); } .sdps-chart-heatmap-color-loss-dark-5, .sdps-chart-heatmap-loss-color-05-dark { background-color: rgb(247, 110, 117); } .sdps-chart-heatmap-loss-color-05-hover-dark { background-color: rgb(249, 159, 163); } .sdps-chart-heatmap-loss-color-05-pressed-dark { background-color: rgb(244, 62, 71); } .sdps-chart-heatmap-color-loss-dark-6, .sdps-chart-heatmap-loss-color-06-dark { background-color: rgb(248, 135, 140); } .sdps-chart-heatmap-loss-color-06-hover-dark { background-color: rgb(251, 183, 186); } .sdps-chart-heatmap-loss-color-06-pressed-dark { background-color: rgb(245, 86, 93); } .sdps-chart-bar-color-light-1, .sdps-chart-investment-income-received-interest-light { background-color: rgb(0, 146, 204); } .sdps-chart-investment-income-received-interest-hover-light { background-color: rgb(0, 183, 255); } .sdps-chart-investment-income-received-interest-pressed-light { background-color: rgb(0, 110, 153); } .sdps-chart-bar-color-light-2, .sdps-chart-investment-income-received-dividends-light { background-color: rgb(0, 73, 102); } .sdps-chart-investment-income-received-dividends-hover-light { background-color: rgb(0, 110, 153); } .sdps-chart-investment-income-received-dividends-pressed-light { background-color: rgb(0, 37, 51); } .sdps-chart-bar-light-muted-1, .sdps-chart-investment-income-est-received-interest-light { background-color: rgb(90, 103, 114); } .sdps-chart-investment-income-est-received-interest-hover-light { background-color: rgb(112, 129, 143); } .sdps-chart-investment-income-est-received-interest-pressed-light { background-color: rgb(67, 77, 86); } .sdps-chart-bar-light-muted-02, .sdps-chart-investment-income-est-received-dividends-light { background-color: rgb(112, 129, 143); } .sdps-chart-investment-income-est-received-dividends-hover-light { background-color: rgb(141, 154, 165); } .sdps-chart-investment-income-est-received-dividends-pressed-light { background-color: rgb(90, 103, 114); } .sdps-chart-bar-light-average-line, .sdps-chart-investment-income-average-line-light { background-color: rgb(31, 164, 173); } .sdps-chart-bar-color-dark-1, .sdps-chart-investment-income-received-interest-dark { background-color: rgb(0, 183, 255); } .sdps-chart-investment-income-received-interest-hover-dark { background-color: rgb(51, 197, 255); } .sdps-chart-investment-income-received-interest-pressed-dark { background-color: rgb(0, 146, 204); } .sdps-chart-bar-color-dark-2, .sdps-chart-investment-income-received-dividends-dark { background-color: rgb(0, 110, 153); } .sdps-chart-investment-income-received-dividends-hover-dark { background-color: rgb(0, 146, 204); } .sdps-chart-investment-income-received-dividends-pressed-dark { background-color: rgb(0, 73, 102); } .sdps-chart-bar-dark-muted-1, .sdps-chart-investment-income-est-received-interest-dark { background-color: rgb(112, 129, 143); } .sdps-chart-investment-income-est-received-interest-hover-dark { background-color: rgb(141, 154, 165); } .sdps-chart-investment-income-est-received-interest-pressed-dark { background-color: rgb(90, 103, 114); } .sdps-chart-bar-dark-muted-2, .sdps-chart-investment-income-est-received-dividends-dark { background-color: rgb(141, 154, 165); } .sdps-chart-investment-income-est-received-dividends-hover-dark { background-color: rgb(169, 179, 188); } .sdps-chart-investment-income-est-received-dividends-pressed-dark { background-color: rgb(112, 129, 143); } .sdps-chart-bar-dark-average-line, .sdps-chart-investment-income-average-line-dark { background-color: rgb(38, 205, 217); } .sdps-chart-color-owned-light, .sdps-chart-equity-awards-owned-light { background-color: rgb(0, 146, 204); } .sdps-chart-equity-awards-owned-hover-light { background-color: rgb(0, 183, 255); } .sdps-chart-equity-awards-owned-pressed-light { background-color: rgb(0, 110, 153); } .sdps-chart-color-cash-light, .sdps-chart-equity-awards-cash-light { background-color: rgb(58, 93, 146); } .sdps-chart-equity-awards-cash-hover-light { background-color: rgb(73, 117, 182); } .sdps-chart-equity-awards-cash-pressed-light { background-color: rgb(44, 70, 109); } .sdps-chart-color-exercisable-light, .sdps-chart-equity-awards-exercisable-light { background-color: rgb(190, 101, 14); } .sdps-chart-equity-awards-exercisable-hover-light { background-color: rgb(237, 127, 18); } .sdps-chart-equity-awards-exercisable-pressed-light { background-color: rgb(142, 77, 11); } .sdps-chart-color-deferred-light, .sdps-chart-equity-awards-deferred-light { background-color: rgb(15, 71, 87); } .sdps-chart-equity-awards-deferred-hover-light { background-color: rgb(23, 107, 130); } .sdps-chart-equity-awards-deferred-pressed-light { background-color: rgb(8, 36, 43); } .sdps-chart-color-unvested-light, .sdps-chart-equity-awards-unvested-light { background-color: rgb(112, 129, 143); } .sdps-chart-equity-awards-unvested-hover-light { background-color: rgb(141, 154, 165); } .sdps-chart-equity-awards-unvested-pressed-light { background-color: rgb(90, 103, 114); } .sdps-chart-color-owned-dark, .sdps-chart-equity-awards-owned-dark { background-color: rgb(0, 183, 255); } .sdps-chart-equity-awards-owned-hover-dark { background-color: rgb(51, 197, 255); } .sdps-chart-equity-awards-owned-pressed-dark { background-color: rgb(0, 146, 204); } .sdps-chart-color-cash-dark, .sdps-chart-equity-awards-cash-dark { background-color: rgb(73, 117, 182); } .sdps-chart-equity-awards-cash-hover-dark { background-color: rgb(109, 144, 197); } .sdps-chart-equity-awards-cash-pressed-dark { background-color: rgb(58, 93, 146); } .sdps-chart-color-exercisable-dark, .sdps-chart-equity-awards-exercisable-dark { background-color: rgb(237, 127, 18); } .sdps-chart-equity-awards-exercisable-hover-dark { background-color: rgb(241, 152, 65); } .sdps-chart-equity-awards-exercisable-pressed-dark { background-color: rgb(190, 101, 14); } .sdps-chart-color-deferred-dark, .sdps-chart-equity-awards-deferred-dark { background-color: rgb(212, 240, 247); } .sdps-chart-equity-awards-deferred-hover-dark { background-color: rgb(255, 255, 255); } .sdps-chart-equity-awards-deferred-pressed-dark { background-color: rgb(168, 224, 240); } .sdps-chart-color-unvested-dark, .sdps-chart-equity-awards-unvested-dark { background-color: rgb(141, 154, 165); } .sdps-chart-equity-awards-unvested-hover-dark { background-color: rgb(169, 179, 188); } .sdps-chart-equity-awards-unvested-pressed-dark { background-color: rgb(112, 129, 143); } .sdps-modal .sdps-modal__close { min-width: 0px !important; } .sdps-button { line-height: 1px !important; } .sdps-tooltip__container .sdps-button { min-width: 0px !important; } .sch-thin-x { font-family: Schwab-Icon-Font, Arial, Helvetica, sans-serif !important; } .sdps-font-weight-bold { } .sdps-form-element__addon-button--date-picker { height: auto; } button[id^="calendarIcon-hidden"] { display: none; } .iframed .sdps-input { height: 30px; } .sdps-input { height: 44px; } .sdps-mosaic-tile__content { padding: 24px; } .sdps-form-element__error { display: none; } .sdps-has-error .sdps-form-element__error { display: inherit; } button.sdps-mosaic-tile__toggle { display: none; } @media screen and (max-width: 767px) { .control-section { flex-direction: column-reverse; justify-content: flex-end; display: flex !important; } } .control-section .sdps-button { margin: 0px; } .control-section .sdps-button.sdps-button--primary { margin-left: 12px; } @media screen and (max-width: 767px) { .control-section .sdps-button { height: 44px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 17px; } .control-section .sdps-button.sdps-button--primary { margin-left: 0px; margin-bottom: 15px; } } .sdps-ribbon { border-radius: 2px 2px 2px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; font-weight: 700; padding: 4px 8px; position: absolute; left: -8px; top: 2px; content: ""; } @media screen and (min-width: 768px) { .sdps-ribbon { font-size: 16px; line-height: 24px; } } .sdps-ribbon.sdps-ribbon--promote { background-color: rgb(186, 66, 131); color: rgb(255, 255, 255); } .sdps-ribbon::before { border-color: rgb(67, 77, 86) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 8px 0px 0px 8px; content: ""; position: absolute; left: 0px; bottom: -8px; } sdps-badge.badge-inline { display: inline-block; align-items: center; padding: 0px 0.5rem; border-radius: 4px; text-transform: uppercase; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.25px; font-size: 12px; min-height: 24px; vertical-align: text-bottom; } @media screen and (min-width: 768px) { sdps-badge.badge-inline { position: absolute; bottom: 10px; right: 50%; transform: translate(50%); } } sdps-badge.badge-inline.sdps-promotional-badge--new { background-color: rgb(214, 245, 244); color: rgb(20, 82, 80); } sdps-badge.badge-inline.sdps-m-around_medium { margin: 0px !important; } sdps-badge.badge-overlay { display: inline-block; align-items: center; padding: 0px 0.5rem; border-radius: 0.25rem; text-transform: uppercase; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.25px; font-size: 0.75rem; min-height: 1.5rem; } sdps-badge.badge-overlay.sdps-promotional-badge--new { background-color: rgb(214, 245, 244); color: rgb(20, 82, 80); } sdps-badge.badge-overlay.sdps-promotional-badge--overlay { line-height: 1.5625rem; min-height: 1.5625rem; top: -13px; left: -8px; position: absolute; } sdps-badge.badge-overlay.sdps-promotional-badge--overlay.sdps-promotional-badge--new { background-color: rgb(31, 122, 119); color: rgb(255, 255, 255); } @media (max-width: 767px) and (min-width: 480px) { .sdps-mosaic-tile { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; } .sdps-mosaic-tile__content { padding: 24px 0px 0px; } } @media (max-width: 479px) { .sdps-mosaic-tile { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; } .sdps-mosaic-tile__content { padding: 24px 0px 0px; } } .fcyp-update-password-error .sdps-messaging__icon { left: 16px !important; top: 12px !important; } .fcyp-update-password-error .sdps-messaging--error { background: rgb(254, 231, 232); border: 1px solid rgb(193, 11, 20); padding: 16px 16px 26px 64px !important; } .mn-auto { margin-left: auto !important; } .mn-l-8 { margin-left: 8px; } .mn-r-8 { margin-right: 8px; } .mn-10 { margin: 10px; } .no-margin { margin: 0px; } @media screen and (max-width: 767px) { .col-mw-1, .col-mw-2, .col-mw-3, .col-mw-4, .col-mw-5, .col-mw-6, .col-mw-7, .col-mw-8, .col { width: 100%; } .hidden-mw { display: none; } } @media screen and (min-width: 300px) { .col-mw-1 { width: 12.5%; } .col-mw-2 { width: 25%; } .col-mw-3 { width: 37.5%; } .col-mw-4 { width: 50%; } .col-mw-5 { width: 62.5%; } .col-mw-6 { width: 75%; } .col-mw-7 { width: 87.5%; } .col-mw-8, .col { width: 100%; } } @media screen and (min-width: 768px) { .col-b-1 { max-width: 128px; width: 12.5%; } .col-bw-2 { max-width: 256px; width: 25%; } .col-bw-3 { max-width: 384px; width: 37.5%; } .col-bw-4 { max-width: 512px; width: 50%; } .col-bw-5 { max-width: 640px; width: 62.5%; } .col-bw-6 { max-width: 768px; width: 75%; } .col-bw-7 { max-width: 896px; width: 87.5%; } .col-bw-8, .col { max-width: 1024px; width: 100%; } .hidden-bw { display: none; } } :root { --textPrimary: #000000; --textSecondary: #666666; --primaryGreen: #1D7708; --primaryRed: #CC1100; --primaryYellow: #906309; --backgroundPrimary: #FFFFFF; --backgroundSecondary: #F1F1F1; --backgroundTertiary: #F7F7F7; --backgroundQuaternary: #E6E7E9; --separator: #D8D8D8; --controlPrimary: #000000; --controlSecondary: #666666; --paperMoney: #906309; --core: #006e99; --infoMsgBackground: #E5F8FF; --errorMsgBackground: #FFE8E5; --infoMsgBorder: #006E99; --errorMsgBorder: #FF0000; --focusBorder: #015fcc; --inputBorderColor: #4f5a64; --dividerColor: #70818FCC; --activeGreen: #2D862D; --inputPlaceholder: #5a6772; --dropdownIconColor: #5A6772; --dropdownBorder: #006E99; } .form-ctrl--container, a, a:hover, a:active, html, body, .body-container, button, select, input { font-size: 15px; color: rgb(51, 51, 51); letter-spacing: 0px; } .form-ctrl--container.invalid .form-ctrl--inline-error, .form-ctrl--container.invalid label { color: rgb(170, 0, 51); } .form-ctrl--container.invalid input:hover, .form-ctrl--container.invalid input, .form-ctrl--container.invalid select:hover, .form-ctrl--container.invalid select, select.invalid:hover, select.invalid { border: 1px solid rgb(170, 0, 51) !important; } button, select, input { height: 44px; line-height: 44px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; vertical-align: middle; } html, body, .body-container { margin: 0px; padding: 0px; font-family: Arial, Helvetica, "Charles Modern Light", sans-serif; height: 100%; width: 100%; } @media screen and (min-width: 0\fffd) { body { overflow-x: hidden; } } * { font: inherit; } *, ::after, ::before { box-sizing: border-box; } [class*="col-"] { padding: 0px; } h1, h4, h5, div, ul { margin: 0px; padding: 0px; } h1 { color: rgb(51, 51, 51); } a, a:hover, a:active { color: rgb(0, 102, 204); cursor: pointer; text-decoration: unset; } a:hover { text-decoration: underline; } input { background: rgb(255, 255, 255); padding: 0px 16px; width: 100%; } input:hover, input:focus, select:hover, select:focus { border: 1px solid rgb(3, 125, 174) !important; } input::placeholder { color: rgb(51, 51, 51); opacity: 1; } input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; position: relative; top: -2px; } input[type="checkbox"] + .sdk-cms, input[type="radio"] + .sdk-cms { width: auto; padding-left: 8px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; } input[type="number"] { } select { width: 100%; padding: 0px 37px 0px 12px; } @media screen and (min-width: 0\fffd) { select { padding: 0px 0px 0px 14px; } } select#landingPageOptions { padding-right: 0px; } button { background: 100% center rgb(0, 95, 131); border: 1px solid rgb(0, 95, 131); font-size: 17px; color: rgb(255, 255, 255); text-align: center; width: 100%; cursor: pointer; padding: 0px; } @media screen and (min-width: 768px) { button { width: auto; } } button.primary { background-image: linear-gradient(rgb(0, 138, 0), rgb(1, 146, 1)); border: 1px solid rgb(45, 113, 33); color: rgb(255, 255, 255); } button.secondary { background-image: linear-gradient(rgb(250, 250, 250), rgb(228, 228, 228)); border: 1px solid rgb(177, 177, 177); color: rgb(51, 51, 51); } .control-section { display: block; padding-top: 24px; border-top: 1px solid rgb(221, 221, 221); } .control-section > button { width: 100%; } .control-section > button + button { margin-top: 8px; } @media screen and (min-width: 768px) { .control-section { padding: 25px 0px; text-align: right; } .control-section > button { width: auto; } .control-section > button + button { margin: 0px 0px 0px 16px; } } @media screen and (max-width: 767px) { [class*="mn-"] { margin: 0px; } } header #logoDiv > div { display: none; height: 80px; position: relative; } header #logoDiv > div img { position: absolute; top: 50%; transform: translateY(-50%); } .form-ctrl--container .form-ctrl--inline-error { display: none; } .form-ctrl--container .form-label { display: inline-block; line-height: 17px; margin-bottom: 8px; } .form-ctrl--container.invalid .form-ctrl--inline-error { display: inline-block; width: 100%; margin-top: 8px; text-align: left; } .form-ctrl--container.invalid + .form-ctrl--container { margin-top: 16px; } .form-ctrl--container + .form-ctrl--container { margin-top: 8px; } .sdps-dropdown__select { line-height: unset; } h1[class="lms-page--title"] { font-size: 25px; font-family: CharlesModern-Light, Arial, Helvetica, sans-serif; } .form-footer--section { text-align: center; } @media screen and (min-width: 768px) { .form-footer--section { background: rgb(241, 241, 241); height: 60px; } } .sdk-cms { display: inline-block; width: 100%; } .body-content-area > .sdk-cms#background { width: 100%; position: absolute; max-width: 1024px; } @media screen and (min-width: 768px) { .body-content-area > .sdk-cms#background { transform: translate(-50%); left: 50%; } } @media screen and (min-width: 1024px) { .body-content-area > .sdk-cms#background { width: 1024px; } } .body-content-area > .sdk-cms#background span { width: auto; } .body-content-area > .sdk-cms#background img { min-height: 559px; height: calc(100% - 265px); width: 100%; max-height: 559px; max-width: 1024px; } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .body-content-area > .sdk-cms#background { padding: 0px 16px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .body-content-area > .sdk-cms#background { padding: 0px 16px; } } @media screen and (max-width: 767px) { .body-content-area > .sdk-cms#background { display: none; } } @media screen and (max-height: 66px) { body.presenter__login-one-step { overflow-y: hidden !important; } } body.presenter__fcyp #subHeadingInstructions ul { padding: 0px 0px 0px 17px; } body.presenter__fcyp #subHeadingInstructions ul li + li { margin-top: 4px; } body.presenter__fcyp .everest-notification #msgLabel { padding-top: 4px; } .credential-wrapper .sdps-messaging { margin: 0px; } .credential-wrapper .bullet-margin { margin: 5px 0px 0px 15px; } .credential-wrapper .bullet-margin li { line-height: 1; margin-bottom: 7px; } .credential-wrapper .meter-icon { font-size: 19px !important; } body.presenter__create-credential .span-focus span:first-child span span { border: 1px solid rgb(0, 102, 204) !important; } body.presenter__create-credential .sdps-modal--tooltip--right:not(.sdps-tooltip-repositioned) { top: -2px; left: 32px; } body.presenter__create-credential .sdps-button--icon { display: none; } body.presenter__create-credential .sdps-modal__body #pointsDescription ul li { margin-left: 17px; } @media screen and (min-width: 767px) { body.presenter__create-credential .sdps-modal__body #pointsDescription { margin-top: -7px; } } @media screen and (min-width: 769px) { body.presenter__create-credential .sdps-modal__dialog { margin-top: 10vh; } } body.presenter__targets .chromeless .option-selection-wrapper { margin: 0px 7px; } body.presenter__targets .sdps-modal .sdps-grid-container { margin: 0px; } body.presenter__targets .sdps-modal #modalControls, body.presenter__targets .sdps-modal #targetInputs { display: none; } body.presenter__targets .sdps-modal #targetWidgets { padding: 0px !important; } body.presenter__targets .sdps-modal #targetWidgets .widgets { width: 100%; padding: 32px; text-align: center; color: rgb(51, 51, 51); background: rgb(252, 252, 252); border: 1px solid rgb(221, 221, 221); box-shadow: rgb(231, 231, 231) 4px 4px 4px; border-radius: 6px; font-family: CharlesModern-Regular, sans-serif; cursor: pointer; } body.presenter__targets .sdps-modal #targetWidgets .widgets + .widgets { margin-top: 16px; } @media screen and (min-width: 767px) { body.presenter__targets .sdps-modal #targetWidgets { display: none; } body.presenter__targets .sdps-modal #targetInputs, body.presenter__targets .sdps-modal #modalControls { display: block; } body.presenter__targets .sdps-modal .sdps-modal__footer { display: inline-flex; } } body.presenter__targets .sch-exclamation-octagon-2x, body.presenter__targets .sch-exclamation-triangle-2x, body.presenter__targets .sch-info-circle-2x, body.presenter__targets .sch-check-circle-2x { font-size: 32px !important; } body.presenter__targets #attention { padding: 10px !important; } body.presenter__targets #attention #msgLabel { margin-top: 7px !important; } @media screen and (max-width: 767px) { body.presenter__targets #attention #msgLabel { margin-top: 0px !important; } } body.presenter__code .chromeless .access-code-wrapper { margin: 0px 7px; } body.presenter__code .sch-exclamation-octagon-2x, body.presenter__code .sch-exclamation-triangle-2x, body.presenter__code .sch-info-circle-2x, body.presenter__code .sch-check-circle-2x { font-size: 32px !important; } body.presenter__code #info .details, body.presenter__code #error .details { margin-top: 5px; } body.presenter__code #pointsDescription ul { margin-left: 16px; } .schwab-helpmsg { font-weight: 700; } footer a:hover { font: inherit; } a[href^="tel"], a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { font-weight: 700; color: rgb(51, 51, 51); } @media (min-width: 379px) { a[href^="tel:"] { pointer-events: none; } } .onloadsprite-imgs { background: url("../assets/fonts/onload_sprite.7e90b244fad45f74.png") no-repeat; } .onloadsprite-imgs#schwabLogo { background-position: -10px -106px; width: 80px; height: 80px; } .onloadsprite-imgs.eyeHide { background-position: -10px -10px; width: 28px; height: 28px; } .onloadsprite-imgs.eyeShow { background-position: -10px -58px; width: 28px; height: 28px; } .TOSWeb, .TOSWeb-dark, .TOSU { background-color: rgb(0, 0, 0); } .TOSWeb #logo, .TOSWeb-dark #logo, .TOSU #logo { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; height: 100px; background-color: rgb(0, 0, 0); } .TOSWeb #logoDiv, .TOSWeb-dark #logoDiv, .TOSU #logoDiv { height: 100%; width: 343px; padding: 0px; } .TOSWeb #schwabLogo, .TOSWeb-dark #schwabLogo, .TOSU #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/TOSLogo-dark.454bce8882cfd02f.svg") !important; } .TOSWeb #loginWidget, .TOSWeb-dark #loginWidget, .TOSU #loginWidget { background-color: rgb(0, 0, 0) !important; } .TOSWeb #loginWidget input, .TOSWeb-dark #loginWidget input, .TOSU #loginWidget input { background-color: rgb(0, 0, 0); } .TOSWeb .tos-primary-btn .sdps-button.sdps-button--primary, .TOSWeb-dark .tos-primary-btn .sdps-button.sdps-button--primary, .TOSU .tos-primary-btn .sdps-button.sdps-button--primary { background-color: var(--core); border-color: var(--core); background-image: none; color: var(--backgroundPrimary); } .TOSWeb .sdps-notification--warning, .TOSWeb-dark .sdps-notification--warning, .TOSU .sdps-notification--warning { background-color: rgb(48, 33, 3); border-color: rgb(243, 183, 63); } .TOSWeb .sdps-notification, .TOSWeb-dark .sdps-notification, .TOSU .sdps-notification { color: rgb(255, 255, 255); } .TOSU #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/TOSU-Dark.a945130d54ff4e33.svg") center center / 100% 100% no-repeat !important; } .TOSWeb-light #logo, .TOSU-light #logo { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; height: 100px; background-color: rgb(255, 255, 255); } .TOSWeb-light #logoDiv, .TOSU-light #logoDiv { height: 100%; width: 343px; padding: 0px; } .TOSWeb-light #schwabLogo, .TOSU-light #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/TOSLogo-light.693fc180b045fb9c.svg") !important; } .TOSU-light #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/TOSU-Light.c918c0e23ec2fc17.svg") center center / 100% 100% no-repeat !important; } .TOSDesktop, .TOSDesktop-dark { background-color: rgb(0, 0, 0); } .TOSDesktop #logo, .TOSDesktop-dark #logo { display: none !important; } .TOSDesktop #loginWidget, .TOSDesktop-dark #loginWidget { background-color: rgb(0, 0, 0) !important; } .TOSDesktop #loginWidget input, .TOSDesktop-dark #loginWidget input { background-color: rgb(0, 0, 0); } .TOSDesktop #disclaimer, .TOSDesktop-dark #disclaimer { display: none; } .TOSDesktop-light #logo, .TOSGuestPassDesktop-light #logo { display: none !important; } .TOSGuestPassDesktop, .TOSGuestPassDesktop-dark { background-color: rgb(0, 0, 0); } .TOSGuestPassDesktop #logo, .TOSGuestPassDesktop-dark #logo { display: none !important; } .TOSGuestPassDesktop #loginWidget, .TOSGuestPassDesktop-dark #loginWidget { background-color: rgb(0, 0, 0); } .TOSGuestPassDesktop #disclaimer, .TOSGuestPassDesktop-dark #disclaimer { display: none; } .TOSGuestPassWeb-light #logo, .TOSGuestPassMobile-light #logo { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; height: 100px; background-color: rgb(255, 255, 255); } .TOSGuestPassWeb-light #logoDiv, .TOSGuestPassMobile-light #logoDiv { height: 100%; width: 343px; padding: 0px; } .TOSGuestPassWeb-light #schwabLogo, .TOSGuestPassMobile-light #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/tos_guest_pass.41dbe302731f8c0f.svg") !important; } .TOSGuestPassWeb, .TOSGuestPassWeb-dark, .TOSGuestPassMobile, .TOSGuestPassMobile-dark { background-color: rgb(0, 0, 0); } .TOSGuestPassWeb #logo, .TOSGuestPassWeb-dark #logo, .TOSGuestPassMobile #logo, .TOSGuestPassMobile-dark #logo { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; height: 100px; background-color: rgb(0, 0, 0); } .TOSGuestPassWeb #logoDiv, .TOSGuestPassWeb-dark #logoDiv, .TOSGuestPassMobile #logoDiv, .TOSGuestPassMobile-dark #logoDiv { height: 100%; width: 343px; padding: 0px; } .TOSGuestPassWeb #schwabLogo, .TOSGuestPassWeb-dark #schwabLogo, .TOSGuestPassMobile #schwabLogo, .TOSGuestPassMobile-dark #schwabLogo { width: 190px; height: 60px; margin-top: 40px; background: url("../assets/fonts/tos_guest_pass_reversed.aa3c4a00ab8a3316.svg") !important; } .TOSGuestPassWeb #disclaimer, .TOSGuestPassWeb-dark #disclaimer, .TOSGuestPassMobile #disclaimer, .TOSGuestPassMobile-dark #disclaimer { display: none; } .schwab-charitable #schwabLogo { background-image: url("../assets/fonts/DAFgiving360-Blue2.3879b5decfb568a7.png"); background-repeat: no-repeat; width: 314px; background-position: left center; } .schwab-charitable #pageTitle { display: none; } .chinese_content * { font-family: "Microsoft JhengHei", LiHei, Arial, MingLiU, serif, sans-serif !important; } [class^="sch-"], [class*=" sch-"] { font-family: Schwab-Icon-Font, sans-serif !important; } .presenter__confirm-identity.confirmidentiyotpoptionmodal #modalHeader { height: 32px; width: 320px; color: rgb(0, 0, 0); font-family: "Charles Modern", Arial, sans-serif; font-size: 24px; letter-spacing: 0.15px; line-height: 32px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal #modalClose { height: 79px; width: 67px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .sdps-modal__content { height: fit-content; width: 412px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-web-input { height: 48px; width: 364px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .sdps-modal__body { position: relative; padding: 20px 20px 10px; flex: 0 0 auto; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-modal-form-msg-label { color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 16px; letter-spacing: 0.1px; line-height: 24px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-modal-form-instructional-text { height: 24px; width: 212px; color: rgb(90, 103, 114); font-family: Arial, sans-serif; font-size: 16px; letter-spacing: 0.1px; line-height: 24px; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .error-bottom-padding { margin-bottom: 0px; } .error-message-content #error { border: 1px solid rgb(193, 11, 20) !important; background: rgb(254, 231, 232) !important; max-width: 600px !important; } @media screen and (min-width: 0px) and (max-width: 767px) { .presenter__confirm-identity.confirmidentiyotpoptionmodal .sdps-modal__content { border: 0px; box-shadow: none; height: inherit; width: inherit; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-web-input { height: 48px; width: 100%; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .sdps-modal__body { position: relative; padding: 20px 20px 10px; flex: inherit; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .sdps-modal__footer { height: inherit; width: inherit; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-modal-button-padding { padding-top: 40px; display: flex; flex-direction: column-reverse; } } .modal-styling-ar.fyp-modal #modalHeader { height: 32px; width: 363px; color: rgb(0, 0, 0); font-family: "Charles Modern", Arial, sans-serif; font-size: 24px; letter-spacing: 0.15px; line-height: 32px; } .modal-styling-ar.fyp-modal #modalClose { height: 79px; width: 67px; } .modal-styling-ar.fyp-modal .ci-web-input { height: 48px; width: 364px; } .modal-styling-ar.fyp-modal .sdps-modal__body { position: relative; padding: 20px 20px 10px; flex: 0 0 auto; } .modal-styling-ar.fyp-modal .ci-modal-button-padding { padding-top: 40px; } .modal-styling-ar.fyp-modal .ci-modal-form-msg-label { color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 16px; letter-spacing: 0.1px; line-height: 24px; } .modal-styling-ar.fyp-modal .ci-modal-form-instructional-text { height: 24px; width: 212px; color: rgb(90, 103, 114); font-family: Arial, sans-serif; font-size: 16px; letter-spacing: 0.1px; line-height: 24px; } .modal-styling-ar.fyp-modal.need-help-modal .sdps-modal__content { height: auto; padding-bottom: 10px; } @media screen and (min-width: 0px) and (max-width: 767px) { .modal-styling-ar.fyp-modal .sdps-modal__content { border: 0px; box-shadow: none; height: inherit; width: inherit; } .modal-styling-ar.fyp-modal .ci-web-input { height: 48px; width: 100%; } .modal-styling-ar.fyp-modal .sdps-modal__body { position: relative; padding: 20px 20px 10px; flex: inherit; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .error-bottom-padding { margin-bottom: 0px; } .modal-styling-ar.fyp-modal .sdps-modal__footer { height: inherit; width: inherit; } .modal-styling-ar.fyp-modal .ci-modal-button-padding { padding-top: 40px; } } .tooltip-has-error .sdps-tooltip__icon { color: rgb(170, 0, 51); } .tooltip-has-error .sdps-tooltip__container .sdps-button.sdps-button--icon:hover .sdps-button__icon, .tooltip-has-error .sdps-tooltip__container .sdps-button.sdps-button--icon:hover .sdps-tooltip__icon { color: rgb(139, 49, 49); } @media screen and (max-width: 767px) { .sdps-modal__header #modalHeader { height: 32px; width: 268px; color: rgb(0, 0, 0); font-family: "Charles Modern", Arial, sans-serif; font-size: 24px; letter-spacing: 0.15px; line-height: 32px; } #modalClose { padding-top: 35px; } .sdps-radio__label { color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 16px; } .presenter__fyl .sdps-form__footer { display: grid; } .presenter__fyl #btnCancel { order: 2; } } .everest-inputbox-boarder { border-color: rgb(79, 90, 100); } .everest-inputbox-boarder:hover { border-color: rgb(45, 52, 57) !important; } .everest-inputbox-boarder:focus { outline: none; border: 2px solid rgb(0, 110, 153) !important; } .sdps-has-error .everest-inputbox-boarder { border: 1px solid rgb(193, 11, 20) !important; } .sdps-has-error .everest-errortext-color { color: rgb(193, 11, 20) !important; } body.presenter__sqa .everest-notification #msgLabel { padding-top: 4px; } .Thinkpipes, .Thinkpipes-dark { background-color: rgb(0, 0, 0); } .Thinkpipes #logo, .Thinkpipes-dark #logo, .Thinkpipes-light #logo { display: none !important; } .sdps-button { display: unset; cursor: pointer; vertical-align: unset; } .sdps-button.sdps-tooltip__icon { height: 3px !important; } .sdps-button.sdps-tooltip__icon, .sdps-button.sdps-datepicker__calendar__close, .sdps-button.sdps-button--input-right-inset { width: fit-content; } .sdps-tooltip--hide { min-width: unset !important; width: unset !important; } .sdps-button--tooltip-trigger-text { padding: 10px 0px; width: max-content; border-bottom-width: unset; } .sdps-tooltip__container .sdps-button { width: fit-content; } .chromeless .sdps-modal__close { width: unset; } @media (min-width: 0) and (max-width: 767px) { .sdps-modal .sdps-modal__content .sdps-modal__footer .sdps-modal__footer-container > div { width: 100%; display: flex; } .sdps-form__footer > #btnContinue { margin-top: 20px; } } #loginSkeleton { display: none; } @media screen and (max-height: 70px) { #loginSkeleton { width: 100%; max-width: 700px; height: 65px; display: block !important; } #loginSkeleton .loading-skeleton { width: 200px; height: 32px; } #loginSkeleton div[class*="row"] { display: flex; flex-direction: row-reverse; gap: 8px; } #loginSkeleton .row-0 { display: none !important; } #loginSkeleton .row-2 { margin-top: 8px; } #loginSkeleton .row-2 > div { width: 200px; } #loginSkeleton .row-2 > div .loading-skeleton { height: 24px; width: 140px; } } @media screen and (min-height: 265px) and (max-height: 356px) { body { height: auto; } #loginSkeleton { display: block; } } @media screen and (min-height: 265px) { #loginSkeleton { margin: -12px auto auto; width: 100%; height: auto; max-width: 384px; } #loginSkeleton .loading-skeleton { width: 100%; height: 48px; } #loginSkeleton .loading-skeleton.lb { height: 20px; width: 40%; } #loginSkeleton div[class*="row"] { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; } #loginSkeleton .row-0 { display: none !important; } #loginSkeleton .row-0 .loading-skeleton { height: 24px; margin-bottom: 8px; width: 70%; margin-top: 18px; } } .remove-mergin { margin-bottom: 0px !important; } .remove-mergin .cms-section > span { display: inline-block; line-height: 1.5; } [class*="TraderFox"][class*="-grey "] #schwabLogo, [class*="TraderFox"][class$="-grey"] #schwabLogo { background: url("../assets/fonts/schwab_digital.80aefa8567c9251c.svg") 0% 0% / contain no-repeat !important; } #logo { height: 80px; background: rgb(247, 247, 247); border-bottom: 1px solid rgb(176, 200, 217); position: relative; } #pageTitle { font-weight: 700; top: 28px; left: 105px; color: rgb(51, 51, 51); position: absolute; } input#loginIdInput { color: var(--textPrimary); } .contact-show { display: inline; } .contact-hide { display: none; } .col-10.centered.col-m-full.col-s-full { max-width: 1024px; } footer section.cms-section { margin-bottom: 10px; } footer a { font: inherit; text-decoration: underline !important; } .body-container { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 80px); } .body-container #disclaimers > .top-line { border-top: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 767px) { .presenter__login .body-container { display: flex; } } .presenter__login .body-container #disclaimers > .top-line { border-top: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 767px) { .presenter__login .body-container #disclaimers > .top-line { border-top: 1px solid rgb(221, 221, 221); } } .presenter__password .body-container, .presenter__login-one-step .body-container { display: block; } @media screen and (max-width: 767px) { .presenter__password .body-container, .presenter__login-one-step .body-container { display: flex; } } .presenter__password .body-container #disclaimers > .top-line, .presenter__login-one-step .body-container #disclaimers > .top-line { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } @media screen and (max-width: 767px) { .presenter__password .body-container #disclaimers > .top-line, .presenter__login-one-step .body-container #disclaimers > .top-line { border-top: 1px solid rgb(221, 221, 221); } } .presenter__verifyPassword #logo, .presenter__verifyPassword #disclaimers { display: none !important; } .presenter__create-credential #disclaimers, .presenter__prefill #disclaimers, .presenter__authenticator-selection #disclaimers, .presenter__validation-reject #disclaimers, .presenter__hardstop #disclaimers { position: relative; } @media screen and (min-width: 360px) { .presenter__create-credential #disclaimers .top-line, .presenter__prefill #disclaimers .top-line, .presenter__authenticator-selection #disclaimers .top-line, .presenter__validation-reject #disclaimers .top-line, .presenter__hardstop #disclaimers .top-line { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } } .presenter__create-credential #messenger .li-space, .presenter__prefill #messenger .li-space, .presenter__authenticator-selection #messenger .li-space, .presenter__validation-reject #messenger .li-space, .presenter__hardstop #messenger .li-space { margin-left: 15px; } .lms-sdk-form__footer.login__target-options button + button { margin-left: 10px; } #messenger2 { display: none; } #loginIdInput::-webkit-input-placeholder { color: transparent !important; } #passwordInput::-webkit-input-placeholder { color: transparent !important; } #sCodeInput::-webkit-input-placeholder { color: transparent !important; } span.eye-pos span { display: block; position: relative; width: 26.5px; height: 28px; top: 50%; left: 50%; transform: translate(-50%, -50%); } span.eye-pos2 span { display: block; position: relative; width: 26.5px; height: 26.5px; top: 20px; left: 50%; transform: translate(-50%, -50%); } .chromeless #messenger { z-index: 1; } .chromeless #headingSection { display: none; } .chromeless .col-10.centered.col-m-full.col-s-full { margin: auto; } .chromeless .lms__mfe-body, .chromeless #lms-content-body { padding: 0px !important; } .chromeless .sdps-modal__footer-container, .chromeless .sdps-modal__footer-container > div { width: 100%; } .chromeless #modalControls > div { display: flex; flex-direction: column-reverse; } .chromeless .sdps-modal__footer-container #btnContinue { margin: 0px 0px 5px !important; } .chromeless button { width: 100%; margin-bottom: 0px !important; } .chromeless input::-webkit-input-placeholder { color: inherit !important; } .chromeless #button-container { text-align: center; margin-bottom: 20px; } .chromeless .simplified .msg-body { background-color: transparent !important; border: 0px !important; padding: 0px !important; } .chromeless .simplified .msg-body .icon { display: none !important; } .chromeless .simplified .msg-body .details { padding-left: 0px !important; } .chromeless .simplified .msg-body .details .blackTextLabel { color: rgb(51, 51, 51) !important; } .chromeless .simplified .msg-body .details .blackTextLabelSpacing { margin-right: 5px; } .chromeless .simplified .msg-body .details #msgLabel.sdk-cms { text-align: center; padding: 0px; color: rgb(170, 0, 51) !important; font-size: 13px !important; } .chromeless .simplified .msg-body .details #msgLabel.sdk-cms .msg-error { font-size: 14px !important; } .chromeless #link-section { padding-bottom: 20px; } @media screen and (max-height: 66px) { .chromeless .simplified .msg-body .details #msgLabel.sdk-cms { font-size: 12px !important; } .chromeless #messenger { display: none !important; } .chromeless #messenger2 { display: block; } .chromeless .msg-body { padding: 0px !important; } .chromeless #msgLabel { text-align: right; font-size: 12px !important; } .chromeless input, .chromeless select, .chromeless button { height: 30px; line-height: 30px; border-radius: 1px; font-size: 16px; } .chromeless input, .chromeless select { width: 200px; } .chromeless #passwordInput { padding-right: 25px; } .chromeless .form-container { display: flex; text-align: right; justify-content: flex-end; } .chromeless .form-container.passwordinput-container { align-items: normal; } .chromeless .form-ctrl--container { display: inline-block; margin-right: 10px; } .chromeless .form-ctrl--inline-error { font-size: 13px; } .chromeless .form-label { display: none; } .chromeless .form-ctrl--container.invalid .form-ctrl--inline-error { width: auto; display: block; text-align: right; margin-right: -8px !important; } .chromeless #loginWidget .form-container, .chromeless #loginWidget .start-page-section, .chromeless #continueBtn { margin-top: 0px !important; } .chromeless #maskPassword { line-height: 30px; font-size: 13px !important; margin-bottom: 0px !important; margin-top: 0px !important; } .chromeless #maskPassword span { top: inherit !important; } .chromeless #msgLabel.sdk-cms > .cms-section > span > a { font-size: 12px; } .chromeless #button-container { margin: 0px; width: 78px; } .chromeless #continueBtn { padding: 0px 12px; } .chromeless .welcome-section { font-size: 13px !important; margin: -10px 15px 0px 0px !important; line-height: 30px !important; } .chromeless .welcome-section label { font-weight: 700; padding-right: 7px; } .chromeless .passwordinput-container { text-align: right; } .chromeless .lms__mfe-tooltip, .chromeless .form-footer--section { display: none; } .chromeless #link-section { padding-bottom: 0px; } .chromeless #anotherLoginLink, .chromeless #forgetPassword, .chromeless #notYouLink { display: block; text-align: right; font-size: 13px; margin-top: 10px !important; } .chromeless #password span.eye-pos img { display: block; } } @media screen and (max-width: 302px) and (max-height: 268px) { .chromeless input, .chromeless select, .chromeless button { height: 30px; line-height: 30px; border-radius: 1px; font-size: 13px; } .chromeless #button-container { text-align: center; margin: 0px; } .chromeless #button-container button { width: 156px; } .chromeless .messenger-section-stacked, .chromeless #messenger { display: block; } .chromeless #messenger2 { display: none; } .chromeless .form-ctrl--inline-error { font-size: 14px; } .chromeless #msgLabel.sdk-cms > .cms-section > span > a { font-size: 14px; } .chromeless #passwordInput { padding-right: 25px; } .chromeless #password span.eye-pos img { display: block; } } @media screen and (max-height: 268px) { #messenger { display: inline-block; } } @media screen and (max-width: 767px) { #lms-content-body.authenticators { padding-bottom: 100px !important; } } .selectable-cards { margin-bottom: 30px; list-style-type: none; } .selectable-cards li { display: inline; } .selectable-cards .selectable-card { position: relative; display: inline-flex; flex-direction: column; margin-right: 25px; padding: 17px; outline: rgb(221, 221, 221) solid 2px; border-radius: 6px; background: rgb(252, 252, 252); box-shadow: rgb(231, 231, 231) 4px 4px 4px; cursor: pointer; } .selectable-cards .selectable-card:hover, .selectable-cards .selectable-card:focus { background-color: rgb(241, 242, 244); } .selectable-cards .selectable-card:hover .checkmark-hover, .selectable-cards .selectable-card:focus .checkmark-hover { display: initial; } .selectable-cards .selectable-card:active { background-color: rgb(232, 235, 237); } .selectable-cards .selectable-card:active .checkmark-pressed { display: initial; } .selectable-cards .selectable-card .checkmark { position: absolute; width: 30px; height: 30px; border-radius: 50%; top: 10px; right: 10px; } .selectable-cards .selectable-card .checkmark-hover, .selectable-cards .selectable-card .checkmark-pressed, .selectable-cards .selectable-card .checkmark-active { display: none; } .selectable-cards .selectable-card-radio { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .selectable-cards .selectable-card-radio:checked + .selectable-card { outline: rgb(0, 110, 153) solid 2px; } .selectable-cards .selectable-card-radio:checked + .selectable-card .checkmark-active { display: initial; } .selectable-cards .selectable-card-radio:checked + .selectable-card .checkmark-hover { display: none; } .selectable-cards .selectable-card-radio:hover + .selectable-card, .selectable-cards .selectable-card-radio:focus + .selectable-card { background-color: rgb(241, 242, 244); } .selectable-cards .selectable-card-radio:hover + .selectable-card .checkmark-hover, .selectable-cards .selectable-card-radio:focus + .selectable-card .checkmark-hover { display: initial; } /* https://sws-gateway-nr.schwab.com/ui/host/assets/styles/schwab-secondary.css?_=1a130abc0f2 */ .presenter__fyl .eyeHide { background-image: url("../assets/icons/eye_hide_light.svg") !important; background-size: 100% auto !important; background-repeat: no-repeat !important; } .presenter__sqa .eyeHide { background-image: url("../assets/icons/eye_hide_light.svg") !important; background-size: 100% auto !important; background-repeat: no-repeat !important; } .presenter__fyl .eyeShow { background-image: url("../assets/icons/eye_show_light.svg") !important; background-size: 100% auto !important; background-repeat: no-repeat !important; } .presenter__sqa .eyeShow { background-image: url("../assets/icons/eye_show_light.svg") !important; background-size: 100% auto !important; background-repeat: no-repeat !important; } .presenter__fyl .sdps-input { height: 50px; display: unset; } .presenter__fyl .pi-wrapper .eye-pos { height: 50px !important; border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; } .presenter__fyl span#eyeIconContainer.eye-pos:hover, .presenter__fyl span#eyeIconContainerTaxIdNumberEndsIn.eye-pos:hover, .presenter__fyl span#eyeIconContainerZipCode.eye-pos:hover { cursor: pointer; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .presenter__sqa span#eyeIconContainer.eye-pos:hover, .presenter__sqa span#eyeIconContainerTaxIdNumberEndsIn.eye-pos:hover, .presenter__sqa span#eyeIconContainerZipCode.eye-pos:hover { cursor: pointer; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .presenter__fyl .sdps-icon-schwab-safe { display: block !important; } .presenter__fyl .sch-schwabsafe { display: none !important; } .presenter__fyl div#DateOfBirth { display: grid; } .presenter__fyl sch-datepicker.ng-untouched.ng-pristine.ng-invalid { background-color: white !important; } @media screen and (min-width: 768px) { .presenter__fyl #disclaimer { width: 55%; font-size: medium; } .presenter__fyl .sdps-icon--large { width: 72px !important; height: 72px !important; } .presenter__fyl #disclaimer-content { margin-top: 10px; } .presenter__fyl .sdps-text-l-light-heading { font-size: 25px; font-weight: bold; padding: 10px 0px; } .presenter__fyl .sdps-modal__body { font-size: medium; } .presenter__fyl .sdps-modal__content { width: 450px; } } @media screen and (min-width: 1150px) { .presenter__fyl .onloadsprite-imgs#schwabLogo, .presenter__fyl #pageTitle, .presenter__confirm-identity .onloadsprite-imgs#schwabLogo, .presenter__confirm-identity #pageTitle, .presenter__sqa .onloadsprite-imgs#schwabLogo, .presenter__sqa #pageTitle, .presenter__code .onloadsprite-imgs#schwabLogo, .presenter__code #pageTitle, .presenter__login-reveal .onloadsprite-imgs#schwabLogo, .presenter__login-reveal #pageTitle, .presenter__fcyp .onloadsprite-imgs#schwabLogo, .presenter__fcyp #pageTitle { margin-left: -100px; } } .presenter__fyl .onloadsprite-imgs#schwabLogo, .presenter__fyl #pageTitle, .presenter__confirm-identity .onloadsprite-imgs#schwabLogo, .presenter__confirm-identity #pageTitle, .presenter__sqa .onloadsprite-imgs#schwabLogo, .presenter__sqa #pageTitle, .presenter__code .onloadsprite-imgs#schwabLogo, .presenter__code #pageTitle, .presenter__login-reveal .onloadsprite-imgs#schwabLogo, .presenter__login-reveal #pageTitle, .presenter__fcyp .onloadsprite-imgs#schwabLogo, .presenter__fcyp #pageTitle { color: white; } @media screen and (max-width: 767px) { .presenter__fyl .sdps-modal__footer { display: block; } .presenter__fyl .pi-wrapper .btn-section { margin-top: 60px !important; } .presenter__fyl #btnDenyCancel.sdps-button { margin-bottom: 10px; } .presenter__fyl #btnConfirmCancel.sdps-button { padding: 22px; } .presenter__fyl .sdps-button + .sdps-button { margin-left: 0px; margin-top: 10px; } .presenter__fyl .onloadsprite-imgs#schwabLogo, .presenter__fyl #pageTitle, .presenter__confirm-identity .onloadsprite-imgs#schwabLogo, .presenter__confirm-identity #pageTitle, .presenter__sqa .onloadsprite-imgs#schwabLogo, .presenter__sqa #pageTitle, .presenter__code .onloadsprite-imgs#schwabLogo, .presenter__code #pageTitle, .presenter__login-reveal .onloadsprite-imgs#schwabLogo, .presenter__login-reveal #pageTitle { color: white; } .presenter__fyl .pi-wrapper .errormsg-margin { margin: 64px 0px 32px !important; } .presenter__fyl .sdps-button--primary { margin-left: 0px !important; } .presenter__fyl .pi-wrapper .sdps-input { height: 50px !important; } .presenter__confirm-identity .card-1-web-cards-states-default { width: 100% !important; } .presenter__confirm-identity .text-button-svg { margin-bottom: 15px; background: url("../assets/icons/ICN-Message.svg") 15px center / 38px auto no-repeat rgb(252, 252, 252) !important; } .presenter__confirm-identity .call-button-svg { margin-bottom: 15px; background: url("../assets/icons/ICN-Call.svg") 15px center / 38px auto no-repeat rgb(252, 252, 252) !important; } .presenter__confirm-identity .email-button-svg { margin-bottom: 15px; background: url("../assets/icons/ICN-Email.svg") 15px center / 38px auto no-repeat rgb(252, 252, 252) !important; } .presenter__confirm-identity .button-icon-label .sdk-cms { margin-left: 70px; } .presenter__confirm-identity .card-1-web-cards-states-default { height: 70px !important; padding: 0% !important; } .presenter__confirm-identity .button-icon-label { text-align: left !important; letter-spacing: normal !important; } .presenter__confirm-identity .cancel-main-button-label { width: 100% !important; } .presenter__confirm-identity .control-section { padding-top: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; } .presenter__confirm-identity #modalClose { height: 55px !important; } .presenter__confirm-identity .sdps-modal { max-width: 100vw; } .presenter__confirm-identity .ci-modal-button-padding { width: 100%; } .presenter__confirm-identity .ci-modal-button-padding button { height: 48px; margin-bottom: 10px; text-align: center; width: 100% !important; } .presenter__confirm-identity .sdps-modal__footer { border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; } .presenter__fyl .sdps-modal__footer { border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; } .presenter__confirm-identity .control-bottom-section .cancel-main-button-label { width: 100% !important; } .presenter__confirm-identity.confirmidentiyotpoptionmodal .ci-modal-button-padding { padding-top: 0px !important; } .presenter__code .sdps-modal--tooltip, .sdps-modal--tooltip.sdps-tooltip-repositioned { width: 100vw; } .presenter__code .control-section { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; } .presenter__code .form-footer { padding-top: 0px; } .presenter__code .control-section-height { margin-top: 0px; } .presenter__sqa .form-footer, .control-section { padding-top: 0px; } .presenter__confirm-identity .sdps-modal__footer #btnConfirmCancel { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .presenter__confirm-identity .sdps-modal__footer #btnConfirmCancel .button-text { color: rgb(0, 102, 207); } .presenter__confirm-identity .sdps-button { margin-bottom: 10px; margin-top: 0px !important; margin-left: unset !important; } .presenter__login-reveal .action-button { margin-bottom: 20px; width: 100% !important; height: 70px !important; } .presenter__login-reveal #resetPassword, .presenter__login-reveal .logIn-button { background-position: 25px 10px !important; } .presenter__login-reveal .action-button .buttonText { text-align: left; margin-top: -35px !important; margin-left: 85px !important; } } .presenter__fyl #btnDenyCancel.sdps-button, .presenter__sqa #btnDenyCancel.sdps-button { font-size: medium; background-color: rgb(8, 137, 23); color: white; } .presenter__fyl #btnConfirmCancel.sdps-button, .presenter__sqa #btnConfirmCancel.sdps-button { padding: 22px; margin-left: 25px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(0, 102, 207); background: none !important; } .presenter__fyl .sdps-form__footer #btnCancel { color: rgb(0, 102, 207); } .presenter__fyl #btnContinue { font-size: medium; padding: 20px; } .presenter__fyl .sdps-p-bottom_large { padding: 0px !important; } .presenter__fyl #logo { background-color: rgb(66, 85, 99); } .presenter__login-one-step #logo, .presenter__login-one-step #pageTitle, .presenter__code #logo, .presenter__code #pageTitle, .presenter__sqa #logo, .presenter__sqa #pageTitle, .presenter__login-reveal #logo, .presenter__login-one-step #pageTitle, .presenter__fcyp #logo, .presenter__fcyp #pageTitle { background-color: rgb(66, 85, 99); color: white; } .presenter__fyl .sdps-icon--secondary { fill: rgb(90, 103, 114) !important; } .presenter__fyl #noSSNLink { margin-bottom: 20px; } .presenter__fyl .sdps-button--secondary { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; } .presenter__fyl #modalClose.sdps-modal__close { height: 55px !important; width: 55px !important; } .presenter__fyl .sdps-modal__footer .sdps-button { margin-top: 0px !important; } .presenter__confirm-identity .cancel-main-button-label { padding: 22px; border: 1px solid black; font-size: medium; background: rgb(237, 239, 241); width: 100px !important; } .presenter__confirm-identity #logo { background-color: rgb(66, 85, 99); width: 100vw; } .presenter__confirm-identity .sdps-button { margin-top: 0px !important; } .presenter__confirm-identity .button-text-white { color: black !important; } .presenter__confirm-identity .ci-modal-button-padding .sdps-button--primary { background: linear-gradient(rgb(0, 138, 0) 0px, rgb(25, 136, 73) 100%) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .presenter__confirm-identity .sdps-modal__footer #btnConfirmCancel { background: rgb(237, 239, 241); border: 1px solid black; } .presenter__confirm-identity .sdps-modal__footer #btnDenyCancel { background: linear-gradient(rgb(0, 138, 0) 0px, rgb(25, 136, 73) 100%) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; } .presenter__confirm-identity .sdps-modal__footer .button-text-white { color: white !important; } .presenter__fyl .form-ctrl--container input { height: 50px; border-radius: 4px !important; } .presenter__login-reveal .sdps-text-xl-heading { font-size: medium; font-weight: bold; margin-top: 20px; font-family: CharlesModern, Helvetica, Arial, sans-serif !important; } .presenter__login-reveal .sdps-m-top_x-small .identity1 { font-size: medium; } .presenter__login-reveal .action-button .buttonText { font-size: medium; font-weight: bold; } p#sipcDisclaimer a { text-decoration: underline; } #link-section, #loginIdTitle, .form-footer--section { display: none; } #landingPageOptions { background-image: linear-gradient(-180deg, rgb(250, 250, 250) 0%, rgb(228, 228, 228) 99%); border: 1px solid rgb(177, 177, 177); color: rgb(0, 0, 0); padding: 0px 5px 0px 10px; height: 28px; border-radius: 3px; font: 14px Arial !important; } /* null */ .body-container[_ngcontent-ng-c3561339946] .sdps-grid-container[_ngcontent-ng-c3561339946] { display: block; } .body-container[_ngcontent-ng-c3561339946] .footer_head[_ngcontent-ng-c3561339946] { display: -webkit-box; } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] { height: 80px; background: rgb(247, 247, 247); box-shadow: rgb(176, 200, 217) 0px 1px, rgba(152, 164, 174, 0.6) 0px 1px 2px; padding: 0px 16px; border-bottom: 1px solid rgb(176, 200, 217); } @media screen and (min-width: 1025px) { .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] { padding: 0px; } } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] { width: 100%; margin: auto; height: 100%; position: relative; } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] .lms__mfe-app--logo[_ngcontent-ng-c3561339946] { display: inline-block; } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] .lms__mfe-app--logo[_ngcontent-ng-c3561339946] img[_ngcontent-ng-c3561339946] { width: 80px; background: rgb(0, 160, 223); } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] .headerText[_ngcontent-ng-c3561339946] { position: absolute; top: 28px; left: 105px; font-size: 14px; font-weight: 700; color: rgb(51, 51, 51); font-family: Tahoma, helvetica, verdana, sans-serif; } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] .headerText[_ngcontent-ng-c3561339946] .sdk-cms[_ngcontent-ng-c3561339946] { width: auto; } .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] .headerText[_ngcontent-ng-c3561339946] sub[_ngcontent-ng-c3561339946] { font-size: 10px; } @media screen and (min-width: 768px) { .body-container[_ngcontent-ng-c3561339946] header[_ngcontent-ng-c3561339946] section[_ngcontent-ng-c3561339946] { max-width: 1024px; } } .body-container[_ngcontent-ng-c3561339946] section.lms__mfe-body[_ngcontent-ng-c3561339946] { background: rgb(255, 255, 255); height: auto; width: 100%; margin: auto; padding: 32px 16px; } @media screen and (min-width: 768px) { .body-container[_ngcontent-ng-c3561339946] section.lms__mfe-body[_ngcontent-ng-c3561339946] { min-height: calc(100% - 245px); padding: 0px 16px; } .body-container[_ngcontent-ng-c3561339946] section.lms__mfe-body[_ngcontent-ng-c3561339946] section.body-content-area[_ngcontent-ng-c3561339946] { min-height: 559px; } } @media screen and (min-width: 1025px) { .body-container[_ngcontent-ng-c3561339946] section.lms__mfe-body[_ngcontent-ng-c3561339946] { padding: 0px; } } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] { margin: 0px; } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] { font-size: 11px; color: rgb(51, 51, 51); line-height: 17px; padding: 16px 0px 0px; } @media screen and (min-width: 768px) { .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] { min-height: auto; max-width: 1024px; padding: 16px 0px 0px; position: relative; margin: auto; } } @media screen and (max-width: 767px) { .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .styleForStartMobile[_ngcontent-ng-c3561339946] { display: block; } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .styleForStartNormal[_ngcontent-ng-c3561339946] { display: none; } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .footer-border[_ngcontent-ng-c3561339946] { padding: 17px 16px 0px; } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .footer-border[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] { border-style: none; } } @media screen and (min-width: 768px) { .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .styleForStartMobile[_ngcontent-ng-c3561339946] { display: none; } .body-container[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] .styleForStartNormal[_ngcontent-ng-c3561339946] { display: block; } } .body-container[_ngcontent-ng-c3561339946] .footer-borderCustom[_ngcontent-ng-c3561339946] { padding: 16px; margin-left: 0px; } @media screen and (min-width: 1025px) { .body-container[_ngcontent-ng-c3561339946] .styleForStartHeader[_ngcontent-ng-c3561339946] { margin: 0px 0px 0px 16px !important; } } .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] { margin: 0px; padding: 0px !important; } .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] { border-top: 1px solid rgb(221, 221, 221); } .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; max-width: 100%; padding: 0px !important; } .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] .styleForStartNormal[_ngcontent-ng-c3561339946] > p[_ngcontent-ng-c3561339946] { margin: 20px 0px; } @media screen and (max-width: 767px) { .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] footer[_ngcontent-ng-c3561339946] > section[_ngcontent-ng-c3561339946] .styleForStartMobile[_ngcontent-ng-c3561339946] { margin: 16px 0px 32px; } } @media screen and (max-width: 767px) { .body-container[_ngcontent-ng-c3561339946] .override-css-for-create[_ngcontent-ng-c3561339946] { background-color: rgb(245, 245, 245); } } @media screen and (min-width: 1025px) { .footer-position[_ngcontent-ng-c3561339946] { min-height: 81vh; position: relative; } .footer-position[_ngcontent-ng-c3561339946] .footer_head[_ngcontent-ng-c3561339946] { padding-bottom: 1.5rem; } .footer-position[_ngcontent-ng-c3561339946] .footer_body[_ngcontent-ng-c3561339946] { position: absolute; bottom: 0px; width: 100%; height: 1.5rem; } } #continueBtn[_ngcontent-ng-c3561339946]:disabled { pointer-events: none; } #dummyLoader[_ngcontent-ng-c3561339946] { width: 0px; height: 0px; display: inline-block; visibility: hidden !important; position: absolute !important; } #spi-component[_ngcontent-ng-c3561339946] { padding-top: 24px; } @media screen and (max-width: 768px) { #spi-component[_ngcontent-ng-c3561339946] { padding: 15px 10px 20px; } } /* null */ #lms-content-body[_ngcontent-ng-c3561339946] { min-height: 560px; background-repeat: no-repeat; max-width: 1064px; padding: 0px 0px 32px; } #lms-content-body.mobile_approve[_ngcontent-ng-c3561339946] { padding: 0px; } @media (max-width: 767px) and (min-width: 480px) { #lms-content-body[_ngcontent-ng-c3561339946] { padding-top: 32px; min-height: inherit; } #lms-content-body.login[_ngcontent-ng-c3561339946], #lms-content-body.password[_ngcontent-ng-c3561339946], #lms-content-body.login-one-step[_ngcontent-ng-c3561339946] { background-image: none !important; } } @media (max-width: 479px) { #lms-content-body[_ngcontent-ng-c3561339946] { padding-top: 32px; min-height: inherit; } #lms-content-body.login[_ngcontent-ng-c3561339946], #lms-content-body.password[_ngcontent-ng-c3561339946], #lms-content-body.login-one-step[_ngcontent-ng-c3561339946] { background-image: none !important; } } @media (max-height: 66px) { #lms-content-body[_ngcontent-ng-c3561339946] { min-height: 65px; } } /* null */ @media (min-width: 0) and (max-width: 767px) { body.presenter__login-one-step.sdps-modal--tooltip--open { overflow: hidden auto !important; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] { margin: auto; background: rgb(255, 255, 255); } #loginOneStepWidget[_ngcontent-ng-c2941525116] #landing-page.slim-view[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] .stack[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .sdps-form-element[_ngcontent-ng-c2941525116] { margin-bottom: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .lms30Text[_ngcontent-ng-c2941525116] { font-size: 12px; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { background-position-y: calc(100% - 10px) !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] input.pwd-management[_ngcontent-ng-c2941525116] { padding-right: 30px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] input#passwordInput[_ngcontent-ng-c2941525116] { background-position-x: calc(100% - 45px) !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] .sdps-form-element__control[_ngcontent-ng-c2941525116] { position: relative; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { padding-right: 30px; } @media screen and (min-width: 310px) and (min-height: 270px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { padding-right: 45px; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] { background: transparent; border: 1px solid transparent; border-radius: 0px 4px 4px 0px; position: absolute; right: 0px; max-width: 45px; height: 100%; text-align: center; z-index: 1; top: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116]:hover { border: 1px solid rgb(3, 125, 174) !important; } @media screen and (min-width: 310px) and (min-height: 270px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] { width: 45px; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] + span.eye-pos-hover[_ngcontent-ng-c2941525116] { visibility: hidden; display: none; position: absolute; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 12px; background-color: rgb(255, 255, 255); border-radius: 2px; color: rgb(51, 51, 51); width: 125px; text-align: center; padding: 4px 0px; bottom: -28px; right: 0px; font-size: 16px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] + span.eye-pos-hover-spanish[_ngcontent-ng-c2941525116] { width: 160px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116]:hover + span.eye-pos-hover[_ngcontent-ng-c2941525116] { visibility: visible; z-index: 1; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] #passwordInput.pwd-management[_ngcontent-ng-c2941525116] { padding-right: 65px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116]:focus + span.eye-pos[_ngcontent-ng-c2941525116]:hover { border-color: transparent !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-stack[_ngcontent-ng-c2941525116] { padding-top: 2px; padding-bottom: 6px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-stack[_ngcontent-ng-c2941525116] #remember-me-checkbox-stack[_ngcontent-ng-c2941525116] { width: 12px; height: 12px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-stack[_ngcontent-ng-c2941525116] #remember-me-text-stack[_ngcontent-ng-c2941525116] { padding-left: 4px; cursor: pointer; user-select: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116]::placeholder { color: transparent; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input.remembered-user-placeholder[_ngcontent-ng-c2941525116]::placeholder { color: rgb(102, 102, 102) !important; } @media screen and (min-width: 310px) and (max-width: 767px) and (min-height: 270px) and (max-height: 340px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { height: 44px; border-radius: 4px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-label[_ngcontent-ng-c2941525116] { font-size: 17px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] button[_ngcontent-ng-c2941525116] { width: 100%; height: 44px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] button[_ngcontent-ng-c2941525116] span[_ngcontent-ng-c2941525116] { font-size: 17px; } } @media screen and (min-height: 267px) and (max-height: 600px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] { display: none; } } @media screen and (min-width: 768px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] { width: 49.22%; max-width: 360px; position: relative; top: 20px; } } @media screen and (min-width: 769px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] { max-width: 504px; } } @media screen and (min-width: 768px) and (min-height: 70px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] { padding: 17px 17px 0px; text-align: left; } } @media screen and (min-width: 769px) and (min-height: 70px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] { padding: 24px 24px 0px; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #messenger[_ngcontent-ng-c2941525116] { margin-bottom: 10px; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #messenger[_ngcontent-ng-c2941525116] + #headingSection[_ngcontent-ng-c2941525116] .help[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] { padding-bottom: 10px; position: relative; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] .help[_ngcontent-ng-c2941525116] { color: rgb(170, 0, 51); font-size: 14px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; line-height: 18px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] .help[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116] { margin-left: 5px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] .lms-page--title[_ngcontent-ng-c2941525116] { padding-bottom: 10px; } @media screen and (min-width: 768px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] .lms-page--title[_ngcontent-ng-c2941525116] { line-height: 1.25em; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] #passkeyRegInfoMsg[_ngcontent-ng-c2941525116] { margin-bottom: 16px; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] #lnkKeepPasskeySafe[_ngcontent-ng-c2941525116] { display: inline-block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #headingSection[_ngcontent-ng-c2941525116] #lnkKeepPasskeySafe[_ngcontent-ng-c2941525116] + label[_ngcontent-ng-c2941525116] { margin-top: 10px; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] .form-ctrl--container.invalid[_ngcontent-ng-c2941525116] label[_ngcontent-ng-c2941525116] { color: unset; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] + .form-ctrl--container[_ngcontent-ng-c2941525116] { margin-top: 12px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] { margin-top: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] { margin-top: 20px; width: 100%; } @media screen and (min-width: 768px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] { margin-bottom: 20px; width: 100%; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnPasskey[_ngcontent-ng-c2941525116] { width: 100%; } @media screen and (min-width: 768px) and (min-height: 70px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnPasskey[_ngcontent-ng-c2941525116] { margin: 0px 0px 8px !important; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-footer--section[_ngcontent-ng-c2941525116] { height: 40px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-footer--section[_ngcontent-ng-c2941525116] #linkSchwabSafe[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-footer--section[_ngcontent-ng-c2941525116] #linkForgotLoginId[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #forgetPasswordLink[_ngcontent-ng-c2941525116] { margin-top: 24px; display: block; } @media screen and (min-width: 768px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] #forgetPasswordLink[_ngcontent-ng-c2941525116] { line-height: 40px; margin: 0px; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] .unsubscribeFromPilot-section[_ngcontent-ng-c2941525116] { position: absolute; right: 0px; z-index: 1; } @media screen and (max-height: 66px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] #landing-page.slim-view[_ngcontent-ng-c2941525116] { display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #landing-page.default-view[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] .unsubscribeFromPilot-section[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] { margin: 0px 8px 0px 0px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] select[_ngcontent-ng-c2941525116] { width: 200px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { width: 170px; background-position-y: 7px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input.pwd-management[_ngcontent-ng-c2941525116] { padding-right: 25px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container#password[_ngcontent-ng-c2941525116] #passwordInput[_ngcontent-ng-c2941525116] { background-position-x: calc(100% - 30px) !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container#password[_ngcontent-ng-c2941525116] #passwordInput.pwd-management[_ngcontent-ng-c2941525116] { padding-right: 50px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] select[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { color: rgb(68, 68, 68); border: 1px solid rgb(119, 119, 112); } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] select[_ngcontent-ng-c2941525116]::placeholder, #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116]::placeholder { color: rgb(102, 102, 102) !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] select[_ngcontent-ng-c2941525116]:focus, #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116]:focus { outline-style: auto; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] { border-radius: 0px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] { width: 60px; margin: 0px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] { margin-top: 0px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] { text-align: right; margin: 8px 0px 0px; display: flex; justify-content: flex-end; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] .invalid[_ngcontent-ng-c2941525116] { color: rgb(170, 0, 51); } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #loginInlineError[_ngcontent-ng-c2941525116] { display: inline; color: rgb(170, 0, 51); } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116] { padding: 0px 5px; font-size: 12px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116]:hover { text-decoration: underline; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116] + a[_ngcontent-ng-c2941525116] { border-left: 1px solid rgb(0, 102, 204); } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116]:first-of-type { padding-left: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116]:last-of-type { padding-right: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] #schwabSafeLink[_ngcontent-ng-c2941525116] { border-right: 1px solid rgb(0, 102, 204); padding-right: 5px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] #needHelpLink[_ngcontent-ng-c2941525116] { font-size: 13px; text-decoration: underline; margin: 0px 0px 0px 3px; width: 78px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #last-links-subsection[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] #first-links-subsection[_ngcontent-ng-c2941525116] { padding-left: 5px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-checkbox-subsection[_ngcontent-ng-c2941525116] { flex: 1 0 auto; text-align: left; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-checkbox-slim-padding[_ngcontent-ng-c2941525116] { margin-left: 111px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-checkbox-slim-padding-with-passkey[_ngcontent-ng-c2941525116] { margin-left: 130px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-checkbox-slim[_ngcontent-ng-c2941525116] { width: 12px; height: 12px; vertical-align: text-bottom; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remember-me-text-slim[_ngcontent-ng-c2941525116] { padding-left: 4px; font-size: 12px; cursor: pointer; user-select: none; } } @media screen and (max-width: 302px) and (max-height: 268px) { #loginOneStepWidget[_ngcontent-ng-c2941525116] { } #loginOneStepWidget[_ngcontent-ng-c2941525116] #landing-page[_ngcontent-ng-c2941525116] .sdk-cms[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #landing-page[_ngcontent-ng-c2941525116] .sdk-cms.stack[_ngcontent-ng-c2941525116] { display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] label[_ngcontent-ng-c2941525116] { display: inline-block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] .form-label[_ngcontent-ng-c2941525116] { margin-bottom: 5px; color: rgb(0, 0, 0); } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] .form-label[_ngcontent-ng-c2941525116] + input[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] .form-label[_ngcontent-ng-c2941525116] + select[_ngcontent-ng-c2941525116] { color: rgb(0, 0, 0); font-size: 15px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116] { background-position-y: 7px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container#password[_ngcontent-ng-c2941525116] #passwordInput[_ngcontent-ng-c2941525116] { background-position-x: calc(100% - 30px) !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container#password[_ngcontent-ng-c2941525116] #passwordInput.pwd-management[_ngcontent-ng-c2941525116] { padding-right: 50px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-ctrl--container[_ngcontent-ng-c2941525116] span.eye-pos[_ngcontent-ng-c2941525116] { border-radius: 0px !important; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-footer--section[_ngcontent-ng-c2941525116] { margin-top: 10px; height: auto; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-footer--section[_ngcontent-ng-c2941525116] #forgetPasswordLink[_ngcontent-ng-c2941525116] { margin: 0px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #loginIdTitle[_ngcontent-ng-c2941525116], #loginOneStepWidget[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] { margin-top: 10px; border-radius: 1px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] #continueBtnText[_ngcontent-ng-c2941525116] { text-transform: capitalize; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #messenger[_ngcontent-ng-c2941525116] { margin: -6px 0px 7px; display: block; } #loginOneStepWidget[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] #messenger[_ngcontent-ng-c2941525116] + #headingSection[_ngcontent-ng-c2941525116] { display: none; } #loginOneStepWidget.widget-reposition[_ngcontent-ng-c2941525116] .sdps-form-element.form-ctrl--container[_ngcontent-ng-c2941525116] { margin-top: 2px !important; } } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remembered-user[_ngcontent-ng-c2941525116] { display: flex; font-size: 16px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remembered-user[_ngcontent-ng-c2941525116] #remembered-user-label[_ngcontent-ng-c2941525116] { font-weight: 700; font-size: 18px; } #loginOneStepWidget[_ngcontent-ng-c2941525116] #remembered-user[_ngcontent-ng-c2941525116] #remembered-user-text[_ngcontent-ng-c2941525116] { padding-left: 12px; font-size: 14px; } .widget-reposition[_ngcontent-ng-c2941525116] { top: 2px !important; } #havingTroubleWidget[_ngcontent-ng-c2941525116] { margin: auto; background: rgb(255, 255, 255); } #link-section[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] { text-align: center; } @media screen and (min-width: 768px) { .form-footer--section[_ngcontent-ng-c2941525116] { margin: 0px 24px; } } @media screen and (max-height: 66px) { .passkey-container[_ngcontent-ng-c2941525116] { float: inline-end; max-width: 800px !important; width: 100% !important; top: 0px !important; } .passkey-container[_ngcontent-ng-c2941525116] .form-container[_ngcontent-ng-c2941525116] { justify-content: unset !important; padding: 0px !important; } .passkey-container[_ngcontent-ng-c2941525116] .no-landing-page-dropdown[_ngcontent-ng-c2941525116] { justify-content: flex-end !important; } .passkey-container[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] { width: auto !important; } .passkey-container[_ngcontent-ng-c2941525116] #button-container.row-buttons[_ngcontent-ng-c2941525116] { flex-direction: row; display: flex; } .passkey-container[_ngcontent-ng-c2941525116] #button-container.row-buttons[_ngcontent-ng-c2941525116] #btnLogin[_ngcontent-ng-c2941525116] { margin-top: 20px; width: 60px !important; } .passkey-container[_ngcontent-ng-c2941525116] #button-container.row-buttons[_ngcontent-ng-c2941525116] #btnPasskey[_ngcontent-ng-c2941525116] { width: auto !important; margin: 0px 0px 0px 7px !important; } .passkey-container[_ngcontent-ng-c2941525116] #button-container.row-buttons[_ngcontent-ng-c2941525116] #orLabel[_ngcontent-ng-c2941525116] { margin: 0px 0px 0px 7px; font-size: 15px; } .passkey-container[_ngcontent-ng-c2941525116] #button-container.row-buttons[_ngcontent-ng-c2941525116] #orLabel[_ngcontent-ng-c2941525116] label[_ngcontent-ng-c2941525116] { line-height: 29px; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] { float: left; } .passkey-container[_ngcontent-ng-c2941525116] #link-section.link-section-error-msg[_ngcontent-ng-c2941525116] { width: 100%; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116]:not(:has(#remember-me-checkbox-subsection)):not(:has(#remember-me-checkbox-slim-padding-with-passkey)) { float: unset; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] { font-size: 12px; cursor: pointer; position: relative; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-button { font-size: 12px !important; color: rgb(68, 68, 68) !important; cursor: pointer !important; user-select: none !important; text-decoration: underline dotted !important; text-underline-offset: 3px !important; position: relative !important; height: auto !important; padding: 8px 1px !important; border-bottom-style: none !important; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-button:hover { background-color: transparent !important; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-tooltip-repositioned { width: 414px !important; height: 65px !important; font-size: 14px !important; bottom: -47% !important; right: 7rem !important; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-tooltip-repositioned #text-tooltip-primary-content { font-size: 14px !important; padding: 7px 15px !important; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-tooltip-repositioned::before { right: 0.1rem !important; top: 75% !important; } .passkey-container[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] #whatPassKey[_ngcontent-ng-c2941525116] sdps-tooltip .sdps-tooltip-repositioned::after { right: 0.1rem !important; top: 75% !important; border-color: rgb(198, 205, 210) !important; } } @media screen and (max-width: 302px) and (max-height: 370px) { .passkey-container.iframed-section[_ngcontent-ng-c2941525116] input[_ngcontent-ng-c2941525116], .passkey-container.iframed-section[_ngcontent-ng-c2941525116] select[_ngcontent-ng-c2941525116], .passkey-container.iframed-section[_ngcontent-ng-c2941525116] button[_ngcontent-ng-c2941525116] { height: 30px; line-height: 30px; border-radius: 1px; font-size: 13px; } .passkey-container.iframed-section[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] { margin-bottom: 5px; } .passkey-container.iframed-section[_ngcontent-ng-c2941525116] #link-section[_ngcontent-ng-c2941525116] { display: none; } } .row-buttons #btnPasskey button { border-color: rgb(119, 119, 112); font-size: 16px; color: rgb(68, 68, 68); padding: 0px 5px; } .row-buttons #btnPasskey button:hover { border-color: rgb(3, 125, 174) !important; } #loginOneStepWidget.passkey-container .form-footer--section { margin: 15px 24px !important; } #loginOneStepWidget.passkey-container #btnLogin { margin-bottom: 0px !important; } #loginOneStepWidget.passkey-container #btnPasskey, #loginOneStepWidget.passkey-container #btnpasskey-button { border-color: rgb(119, 119, 112); color: rgb(68, 68, 68); width: 100%; min-width: 145px; display: flex; justify-content: center; } #loginOneStepWidget.passkey-container #btnPasskey:hover, #loginOneStepWidget.passkey-container #btnpasskey-button:hover { border-color: rgb(3, 125, 174) !important; } @media screen and (max-width: 768px) and (min-height: 70px) { #loginOneStepWidget.passkey-container #forgetPasswordLink { margin-top: 6px !important; } } #loginOneStepWidget.passkey-container #orLabel { text-align: center; margin: 5px 0px; } #loginOneStepWidget.passkey-container #whatPassKeyStack { text-align: center; } @media screen and (max-width: 768px) and (min-height: 70px) { #loginOneStepWidget.passkey-container #whatPassKeyStack { padding: 10px 0px; } } @media screen and (min-width: 768px) and (min-height: 70px) { #loginOneStepWidget.passkey-container #whatPassKeyStack { padding: 0px 0px 10px; } } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent .sdps-button { font-size: 15px !important; color: rgb(68, 68, 68) !important; cursor: pointer !important; user-select: none !important; text-decoration: underline dotted !important; text-underline-offset: 3px !important; position: relative !important; border-bottom-style: none !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent .sdps-button:hover { background-color: transparent !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container { min-width: 225px !important; height: 126px !important; } @media (min-width: 0) and (max-width: 767px) { #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container { width: 120px !important; bottom: 160% !important; min-width: 206px !important; position: absolute !important; overflow-y: visible !important; top: inherit !important; left: -2rem !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container::before { background-color: rgb(255, 255, 255); top: 100% !important; margin-top: -0.5rem !important; width: 1rem !important; height: 1rem !important; position: absolute !important; transform: rotate(45deg) !important; content: "" !important; left: 3rem !important; bottom: -0.5rem !important; margin-left: -0.5rem !important; z-index: -2 !important; } } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container #text-tooltip-primary-header { display: none !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container .sdps-tooltip__footer { display: none !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container #text-tooltip-primary-content { font-size: 13px !important; padding: 15px !important; } #loginOneStepWidget.passkey-container #whatPassKeyStack sdps-tooltip #text-tooltip-primary-parent > div#text-tooltip-primary-container::after { box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 12px; } @media screen and (max-width: 302px) and (max-height: 370px) { #loginOneStepWidget.passkey-container #btnpasskey-button { height: 30px; font-size: 13px; } } @media screen and (max-height: 66px) { .passkey-container[_ngcontent-ng-c2941525116] #passkeyBtnText[_ngcontent-ng-c2941525116] { margin-top: -2px; } } .passkey-container[_ngcontent-ng-c2941525116] #passkeyBtnText[_ngcontent-ng-c2941525116] .passkey-icon[_ngcontent-ng-c2941525116] { display: inline-block; width: 24px; height: 24px; background-image: url("../assets/icons/Passkey.png"); background-repeat: no-repeat; background-size: contain; background-position: center center; margin: -10px 2px -5px 0px; } @media screen and (max-height: 66px) { .passkey-container[_ngcontent-ng-c2941525116] #passkeyBtnText[_ngcontent-ng-c2941525116] .passkey-icon[_ngcontent-ng-c2941525116] { margin: -5px -2px; } } #setupPasskeyDiv[_ngcontent-ng-c2941525116] { margin-left: 25px; line-height: 1.5; } #setupPasskeyDiv[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116] { font-size: 12px !important; cursor: pointer !important; position: relative !important; } @media screen and (min-height: 70px) { #setupPasskeyDiv[_ngcontent-ng-c2941525116] { margin: 0px; padding: 13px 0px; text-align: center; } #setupPasskeyDiv[_ngcontent-ng-c2941525116] a[_ngcontent-ng-c2941525116] { font-size: 15px !important; height: 30px !important; } } /* null */ .remember-me-slim-enabled[_ngcontent-ng-c2941525116] { justify-content: right !important; margin: 8px 0px 0px !important; } #link-section.remember-me-slim-enabled[_ngcontent-ng-c2941525116] > div[_ngcontent-ng-c2941525116] #schwabSafeLink[_ngcontent-ng-c2941525116] { margin-right: 22px; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; padding-right: 0px !important; } .form-container.remember-me-stack-enabled[_ngcontent-ng-c2941525116] #button-container[_ngcontent-ng-c2941525116] > #btnLogin[_ngcontent-ng-c2941525116] { margin-top: 12px !important; } .form-container.remember-me-stack-enabled[_ngcontent-ng-c2941525116] #password[_ngcontent-ng-c2941525116] { margin-top: 4px !important; }