"); background-repeat: no-repeat; background-position: center center; background-size: 10px 12px; width: 24px; height: 24px; position: absolute; right: 0; } .sv_p_title_expanded::after, .sv_q_title_expanded::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sv_p_title .sv_panel_icon { float: right; margin-right: 1em; } .sv_p_title .sv_panel_icon::before { content: ""; background-repeat: no-repeat; background-position: center; padding: 0.5em; display: inline-block; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMCAxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAgMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM2RDcwNzI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMiwyIDAsNCA1LDkgMTAsNCA4LDIgNSw1ICIvPg0KPC9zdmc+DQo="); } .sv_p_title .sv_panel_icon.sv_expanded::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sv_p_footer { padding-left: 1em; padding-bottom: 1em; padding-top: 1em; } .sv_matrix_cell_detail_button { position: relative; } .sv_detail_panel_icon { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 14px; } .sv_detail_panel_icon::before { content: ""; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: block; -webkit-transform: rotate(270deg); transform: rotate(270deg); background-image: url("data:image/svg+xml,"); } .sv_detail_panel_icon.sv_detail_expanded::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .sv_matrix_empty_rows_section { text-align: center; vertical-align: middle; } .sv_matrix_empty_rows_text { padding: 20px; } .sv_q_file > input[type=file], .sv_q_file > button { display: inline-block; } .sv_q_file_preview { display: inline-block; vertical-align: top; border: 1px solid lightgray; padding: 5px; margin-top: 10px; } .sv_q_file_preview > a { display: block; overflow: hidden; vertical-align: top; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sv_q_file_remove_button { line-height: normal; } .sv_q_file_remove { display: block; cursor: pointer; } .sv_q_m_cell_text { cursor: pointer; } .sv_q_dd_other { margin-top: 1em; } .sv_q_dd_other input { width: 100%; } .sv_q_dd_clean-button { margin: 0.15em 3em; } .sv_q_dd_clean-button-svg { width: 1em; height: 1em; } .sv_q_dd_control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sv_q_dd_value { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; position: relative; } .sv_q_dd_root { position: relative; } .sv_q_dd_select_wrapper::after { content: " "; display: block; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center center; background-size: 10px 12px; width: 34px; height: 100%; position: absolute; inset-inline-end: 0; top: 0; } .sv_q_dd_filter-string-input { outline: none; border: none; background-color: transparent; position: absolute; inset-inline-start: 0; inset-block-start: 0; } .sv_q_dropdown_clean-button { margin: auto 2em; } .sv_q_tagbox__placeholder { position: absolute; top: 0; inset-inline-start: 1em; max-width: 100%; width: auto; height: 100%; text-align: start; cursor: text; pointer-events: none; } .sv_qstn .sv-q-col-1, .sv-question .sv-q-col-1 { width: 100%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-col-2, .sv-question .sv-q-col-2 { width: calc(50% - 1em); display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-col-3, .sv-question .sv-q-col-3 { width: calc(33.33333% - 1em); display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-col-4, .sv-question .sv-q-col-4 { width: calc(25% - 1em); display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-col-5, .sv-question .sv-q-col-5 { width: calc(20% - 1em); display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-column-1 { width: 100%; max-width: 100%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-column-2 { max-width: 50%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-column-3 { max-width: 33.33333%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-column-4 { max-width: 25%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv-q-column-5 { max-width: 20%; display: inline-block; padding-right: 1em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-word; } .sv_qstn .sv_q_file_input { color: transparent; } .sv_qstn .sv_q_imgsel label > div { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 4px; border: 1px solid lightgray; border-radius: 4px; } .sv_qstn .sv_q_imgsel label > div > img, .sv_qstn .sv_q_imgsel label > div > embed { display: block; } .sv_qstn table tr td .sv_q_m_cell_label { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } f-panel { padding: 0.5em 1em; display: inline-block; line-height: 2em; } .sv_progress_bar > span { white-space: nowrap; } .sv-ranking { outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sv-ranking-item { cursor: pointer; position: relative; } .sv-ranking-item:focus .sv-ranking-item__icon--hover { visibility: hidden; } .sv-ranking-item:hove:not(:focus) .sv-ranking-item__icon--hover { visibility: visible; } .sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover { visibility: hidden; } .sv-ranking-item:focus { outline: none; } .sv-ranking-item:focus .sv-ranking-item__icon--focus { visibility: visible; } .sv-ranking-item:focus .sv-ranking-item__index { background: white; -webkit-box-shadow: 0 0 0 2px var(--primary, #19b394); box-shadow: 0 0 0 2px var(--primary, #19b394); } .sv-ranking-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1em; padding: 5px 0px; border-radius: 100px; } .sv-ranking-item__icon-container { left: 0; top: 0; bottom: 0; width: calc(3 * var(--base-unit, 8px)); -ms-flex-negative: 0; flex-shrink: 0; } .sv-ranking-item__icon-container svg:nth-of-type(1) { height: 16px; width: 10px; } .sv-ranking-item__icon-container svg:nth-of-type(2) { height: 24px; width: 10px; } .sv-ranking-item__icon { visibility: hidden; top: 20px; fill: var(--primary, #19b394); position: absolute; } .sv-ranking-item__index { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground); border-radius: 100%; border: 2px solid transparent; width: 40px; height: 40px; line-height: 1em; } .sv-ranking-item__index svg { fill: var(--foreground); width: 16px; height: 16px; } .sv-ranking-item__text { display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; margin: 0 calc(2 * var(--base-unit, 8px)); } .sv-ranking-item__ghost { display: none; background-color: var(--background-dim, #f3f3f3); border-radius: 100px; width: 200px; height: 55px; z-index: 1; position: absolute; left: 25px; } [dir=rtl] .sv-ranking-item__ghost { left: initilal; right: 25px; } .sv-ranking-item--ghost .sv-ranking-item__ghost { display: block; } .sv-ranking-item--ghost .sv-ranking-item__content { visibility: hidden; } .sv-ranking-item--drag .sv-ranking-item__content { -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); border-radius: 100px; } .sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon { visibility: hidden; } .sv-ranking-item--drag .sv-ranking-item__icon--hover { visibility: visible; } .sv-ranking--mobile .sv-ranking-item__icon--hover { visibility: visible; fill: #9f9f9f; } .sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover { visibility: hidden; } .sv-ranking--mobile.sv-ranking-shortcut { max-width: 80%; } .sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon { visibility: hidden; } .sv-ranking--disabled { opacity: 0.8; } .sv-ranking-shortcut .sv-ranking-item__icon { fill: var(--primary, #19b394); } .sv_qstn .sv_q_select_column { display: inline-block; vertical-align: top; min-width: 10%; } .sv_qstn .sv_q_select_column > *:not(.sv_technical) { display: block; } .sv_main .sv_container .sv_body .sv_p_root .sv_qstn .sv_q_select_column textarea { margin-left: 0; padding-left: 0; line-height: initial; } .sv_main .sv-hidden { display: none !important; } .sv_main .sv-visuallyhidden { position: absolute; height: 1px !important; width: 1px !important; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .sv_main .sv-progress { height: 0.19em; background-color: var(--header-background-color, #e7e7e7); position: relative; } .sv_main .sv-progress__bar { background-color: var(--main-color, #1ab394); height: 100%; position: relative; } .sv_main .sv-paneldynamic__progress-container { position: relative; display: inline-block; width: calc(100% - 250px); margin-top: 20px; } .sv_main .sv-paneldynamic__add-btn { float: right; } .sv_main .sv-paneldynamic__add-btn--list-mode { float: none; margin-top: 0; } .sv_main .sv-paneldynamic__remove-btn { margin-top: 1.25em; } .sv_main .sv-paneldynamic__remove-btn--right { margin-top: 0; margin-left: 1.25em; } .sv_main .sv-paneldynamic__prev-btn, .sv_main .sv-paneldynamic__next-btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; cursor: pointer; width: 0.7em; top: -0.28em; position: absolute; } .sv_main .sv-paneldynamic__prev-btn svg, .sv_main .sv-paneldynamic__next-btn svg { width: 0.7em; height: 0.7em; display: block; } .sv_main .sv-paneldynamic__prev-btn { left: -1.3em; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .sv_main .sv-paneldynamic__next-btn { right: -1.3em; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .sv_main .sv-paneldynamic__prev-btn.sv-paneldynamic__prev-btn--disabled, .sv_main .sv-paneldynamic__next-btn.sv-paneldynamic__next-btn--disabled { cursor: auto; } .sv_main .sv-paneldynamic__progress-text { font-weight: bold; font-size: 0.87em; margin-top: 0.69em; margin-left: 4em; } .sv_main .sv-boolean__switch { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 63px; height: 24px; margin-right: 17px; margin-left: 21px; padding: 2px 3px; vertical-align: middle; border-radius: 12px; cursor: pointer; } .sv_main .sv-boolean__thumb-ghost { display: inline-block; } .sv_main .sv-boolean__slider { display: inline-block; width: 20px; height: 20px; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: margin-left; -o-transition-property: margin-left; transition-property: margin-left; border: none; border-radius: 100%; } .sv_main .sv-boolean__label { vertical-align: middle; cursor: pointer; } .sv_main .sv-boolean--indeterminate .sv-boolean__slider { margin-left: calc(50% - 10px); } .sv_main .sv-boolean input:focus ~ .sv-boolean__switch { outline-width: 1px; outline-style: solid; outline-offset: 1px; } .sv_main .sv-boolean--checked .sv-boolean__slider { margin-left: calc(100% - 20px); } [dir=rtl] .sv-boolean__label { float: right; } [dir=rtl] .sv-boolean--indeterminate .sv-boolean__slider { margin-right: calc(50% - 0.625em); } [dir=rtl] .sv-boolean--checked .sv-boolean__slider { margin-right: calc(100% - 1.25em); } [dir=rtl] .sv-boolean__switch { float: right; } [style*="direction:rtl"] .sv-boolean__label { float: right; } [style*="direction:rtl"] .sv-boolean--indeterminate .sv-boolean__slider { margin-right: calc(50% - 0.625em); } [style*="direction:rtl"] .sv-boolean--checked .sv-boolean__slider { margin-right: calc(100% - 1.25em); } [style*="direction:rtl"] .sv-boolean__switch { float: right; } .sv_main .sjs_sp_container { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; } .sv_main .sjs_sp_controls { position: absolute; left: 0; bottom: 0; } .sv_main .sjs_sp_controls > button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sv_main .sjs_sp_container > div > canvas:focus { outline: none; } .sv_main .sjs_sp_placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; width: 100%; height: 100%; } .sv_main .sv-logo--left { display: inline-block; vertical-align: top; margin-right: 2em; } .sv_main .sv-logo--right { display: inline-block; vertical-align: top; margin-left: 2em; } .sv_main .sv-logo--top { display: block; width: 100%; text-align: center; } .sv_main .sv-logo--bottom { display: block; width: 100%; text-align: center; } .sv_main .sv_header__text { display: inline-block; vertical-align: top; max-width: 100%; width: 100%; } .sv_main .sv-expand-action:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center center; height: 10px; width: 12px; margin: auto 8px; } .sv_main .sv-expand-action--expanded:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sv_main .sv-action-bar { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; padding-left: 16px; overflow: hidden; white-space: nowrap; } .sv_main .sv-action-bar-separator { display: inline-block; width: 1px; height: 24px; vertical-align: middle; margin-right: 16px; background-color: #d6d6d6; } .sv_main .sv-action-bar-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 16px; border: none; border-radius: 2px; background-color: transparent; cursor: pointer; line-height: 24px; font-size: 16px; overflow-x: hidden; white-space: nowrap; min-width: auto; font-weight: normal; } .sv_main .sv-action-bar-item__title { vertical-align: middle; white-space: nowrap; } .sv_main .sv-action-bar-item__title--with-icon { margin-left: 8px; } .sv_main .sv-action__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sv_main .sv-action__content > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sv_main .sv-action--hidden { width: 0px; height: 0px; overflow: hidden; } .sv_main .sv-action-bar-item__icon svg { display: block; } .sv_main .sv-action-bar-item:active { opacity: 0.5; } .sv_main .sv-action-bar-item:focus { outline: none; } .sv_main .sv-title-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .sv_main .sv-title-actions__title { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 90%; min-width: 50%; } .sv_main .sv-title-actions__bar { min-width: 56px; } .sv_main .sv-title-actions .sv-title-actions__title { min-width: unset; max-width: unset; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sv_main .sv-title-actions .sv-action-title-bar { min-width: unset; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sv_main .sv_matrix_cell_actions .sv-action-bar { margin-left: 0; padding-left: 0; } .sv_main .sv_p_wrapper_in_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sv_main .sv_p_remove_btn_right { margin-left: 1em; } .sv_main .sv-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; height: 48px; overflow: auto; } .sv_main .sv-button-group__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 11px 16px; line-height: 24px; border-width: 1px; border-style: solid; outline: none; font-size: 16px; font-weight: 400; cursor: pointer; overflow: hidden; } .sv_main .sv-button-group__item:not(:first-of-type) { margin-left: -1px; } .sv_main .sv-button-group__item-icon { display: block; height: 24px; } .sv_main .sv-button-group__item--selected { font-weight: 600; } .sv_main .sv-button-group__item-decorator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .sv_main .sv-button-group__item-icon + .sv-button-group__item-caption { margin-left: 8px; } .sv_main .sv-button-group__item-caption { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sv_main .sv-button-group__item--disabled { cursor: default; } sv-popup { display: block; position: absolute; } .sv-popup { position: fixed; left: 0; top: 0; width: 100vw; outline: none; z-index: 1500; height: 100vh; } .sv-dropdown-popup { height: 0; } .sv-popup.sv-popup-inner { height: 0; } .sv-popup__container { -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); position: absolute; padding: 0; } .sv-popup__body-content { background-color: var(--background, #fff); border-radius: calc(0.5 * var(--base-unit, 8px)); width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 90vh; max-width: 100vw; } .sv-popup--modal .sv-list__filter { padding-top: 8px; } .sv-popup--modal .sv-list__filter-icon { top: 20px; } .sv-popup--overlay .sv-list__filter { padding-top: 8px; } .sv-popup--overlay .sv-list__filter-icon { top: 20px; } .sv-popup--modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sv-popup--modal .sv-popup__container { position: static; } .sv-popup--modal .sv-popup__body-content { padding: calc(4 * var(--base-unit, 8px)); } .sv-popup--overlay { width: 100%; } .sv-popup--overlay .sv-popup__container { background: rgba(144, 144, 144, 0.5); max-width: 100vw; max-height: calc(100vh - 1 * var(--base-unit, 8px)); height: calc(100vh - 1 * var(--base-unit, 8px)); width: 100%; padding-top: calc(2 * var(--base-unit, 8px)); border: unset; } .sv-popup__shadow { width: 100%; height: 100%; border-radius: calc(1 * var(--base-unit, 8px)); } .sv-popup--overlay .sv-popup__body-content { border-radius: calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) 0px 0px; background: var(--background, #fff); -webkit-box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1); box-shadow: 0px calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.1); padding: calc(3 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); height: calc(100% - 1 * var(--base-unit, 8px)); max-height: 100vh; max-width: 100vw; } .sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 10 * var(--base-unit, 8px)); } .sv-popup--overlay .sv-popup__body-footer { margin-top: calc(2 * var(--base-unit, 8px)); } .sv-popup--overlay .sv-popup__body-footer .sv-action { width: 100%; } .sv-popup--overlay .sv-popup__body-footer .sv-action-bar { width: 100%; } .sv-popup--overlay .sv-popup__body-footer-item { width: 100%; } .sv-popup--overlay .sv-popup__button { background-color: var(--primary, #19b394); border: 2px solid var(--primary, #19b394); color: var(--primary-foreground, #fff); } .sv-popup__scrolling-content { height: 100%; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sv-popup__scrolling-content::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--background-dim, #f3f3f3); } .sv-popup__scrolling-content::-webkit-scrollbar-thumb { background: var(--primary-light, rgba(25, 179, 148, 0.1)); } .sv-popup__content { min-width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; } .sv-popup--show-pointer.sv-popup--top .sv-popup__pointer { -webkit-transform: translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg); transform: translate(calc(-1 * var(--base-unit, 8px))) rotate(180deg); } .sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer { -webkit-transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px))); transform: translate(calc(-1 * var(--base-unit, 8px)), calc(-1 * var(--base-unit, 8px))); } .sv-popup--show-pointer.sv-popup--right .sv-popup__container { -webkit-transform: translate(calc(1 * var(--base-unit, 8px))); transform: translate(calc(1 * var(--base-unit, 8px))); } .sv-popup--show-pointer.sv-popup--right .sv-popup__pointer { -webkit-transform: translate(-12px, -4px) rotate(-90deg); transform: translate(-12px, -4px) rotate(-90deg); } .sv-popup--show-pointer.sv-popup--left .sv-popup__container { -webkit-transform: translate(calc(-1 * var(--base-unit, 8px))); transform: translate(calc(-1 * var(--base-unit, 8px))); } .sv-popup--show-pointer.sv-popup--left .sv-popup__pointer { -webkit-transform: translate(-4px, -4px) rotate(90deg); transform: translate(-4px, -4px) rotate(90deg); } .sv-popup__pointer { display: block; position: absolute; } .sv-popup__pointer:after { content: " "; display: block; width: 0; height: 0; border-left: calc(1 * var(--base-unit, 8px)) solid transparent; border-right: calc(1 * var(--base-unit, 8px)) solid transparent; border-bottom: calc(1 * var(--base-unit, 8px)) solid var(--background, #fff); -ms-flex-item-align: center; align-self: center; } .sv-popup__body-header { font-family: var(--font-family, var(--sjs-default-font-family)); font-size: calc(3 * var(--base-unit, 8px)); line-height: calc(4 * var(--base-unit, 8px)); font-style: normal; font-weight: 700; margin-bottom: calc(2 * var(--base-unit, 8px)); color: var(--foreground, #161616); } .sv-popup__body-footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: calc(4 * var(--base-unit, 8px)); } .sv-popup__body-footer .sv-action-bar { gap: calc(1.5 * var(--base-unit, 8px)); } .sv-popup__button { padding: calc(2 * var(--base-unit, 8px)) calc(6 * var(--base-unit, 8px)); background: var(--background, #fff); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); border-radius: 4px; margin: 2px; cursor: pointer; font-family: var(--font-family, var(--sjs-default-font-family)); font-style: normal; font-weight: 600; font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); text-align: center; color: var(--primary, #19b394); border: none; outline: none; } .sv-popup__button:hover { -webkit-box-shadow: 0 0 0 2px var(--primary, #19b394); box-shadow: 0 0 0 2px var(--primary, #19b394); } .sv-popup__button:disabled { color: var(--foreground-disabled, rgba(22, 22, 22, 0.16)); cursor: default; } .sv-popup__button:disabled:hover { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .sv-popup__button.sv-popup__button--apply { background-color: var(--primary, #19b394); color: var(--primary-foreground, #fff); } .sv-popup__button.sv-popup__button--apply:disabled { background-color: var(--background-dim, #f3f3f3); } .sv-popup__button.sv-popup__button--danger { background-color: var(--sjs-special-red, #E50A3E); color: var(--primary-foreground, #fff); } .sv-list { padding: 0; margin: 0; background: var(--background, #fff); list-style-type: none; overflow-y: auto; } .sv-list__item--with-icon { padding-top: 12px; padding-bottom: 12px; } .sv-list__item { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sv-list__item-body { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: calc(2 * var(--base-unit, 8px)); line-height: calc(3 * var(--base-unit, 8px)); padding-top: calc(1 * var(--base-unit, 8px)); padding-bottom: calc(1 * var(--base-unit, 8px)); -webkit-padding-end: calc(8 * var(--base-unit, 8px)); padding-inline-end: calc(8 * var(--base-unit, 8px)); -webkit-padding-start: calc(2 * var(--base-unit, 8px)); padding-inline-start: calc(2 * var(--base-unit, 8px)); cursor: pointer; overflow: hidden; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .sv-list__item-icon { float: left; width: 24px; height: 24px; } .sv-list__item-icon svg { display: block; } .sv-list__item-icon use { fill: #909090; } .sv-list__item:hover .sv-list__item-body { background-color: var(--background-dim, #f3f3f3); } .sv-list__item.sv-list__item--focused .sv-list__item-body { background-color: var(--background-dim, #f3f3f3); } .sv-list__loading-indicator { pointer-events: none; } .sv-list__loading-indicator .sv-list__item-body { background-color: transparent; } .sv-list__item--selected .sv-list__item-icon use { fill: var(--primary-foreground, #fff); } .sv-list__item.sv-list__item--disabled { color: var(--foreground-light, #909090); cursor: default; } .sv-list__item span { white-space: nowrap; } .sv-list__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; display: flex; flex-direction: column; min-height: 0; } .sv-list__filter { border-bottom: 1px solid rgba(0, 0, 0, 0.16); background: var(--background, #fff); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-list__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; line-height: 24px; padding-left: 56px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; outline: none; font-size: 1em; border: none; } .sv-list__filter-icon { display: block; position: absolute; top: 12px; left: 16px; } .sv-list__filter-icon .sv-svg-icon { width: 24px; height: 24px; } .sv-list__empty-container { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 64px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .sv-list__empty-text { line-height: 24px; font-size: 16px; font-weight: 400; text-align: center; color: var(--foreground-light, #909090); } .sv-skeleton-element { min-height: 50px; }
【竞赛奖励】
本场竞赛奖品将于 比赛后 20 个工作日 内进行发放,请获奖选手多加关注力扣官方通知。如遇疫情或不可抗力等因素,奖品可能发生调换,敬请谅解。
如有用户被检查出竞赛中存在违规行为,力扣会坚持以 🙅 零容忍 的态度维护竞赛的 ⚖️ 公平、公正,严格按照以下处罚规则执行:
同时我们也鼓励大家共同维护竞赛的公平和公正,我们会给于举报成功的用户额外的奖励:
另外,为了保证竞赛的公正、公平,请勿在竞赛结束前在讨论区发布、讨论可能会影响竞赛正常进行的内容,包括且不限于发布竞赛题答案、解题思路、方法、提醒注意等,社区管理员将有权根据实际情况予以警告、删除、禁言、封禁其相应帐号的功能,情节严重者,将酌情封禁对应 IP。
您必须先 报名 后方能参加该场竞赛。我们祝愿您参赛愉快!
想让力扣社区的百万极客们 认识您的公司 吗? 那就赶快 联系我们 ,即有可能赞助我们的下一场竞赛哦!